commit 8d4d3e5d481ebf1e4b0d27eab424fcc7804d3017 Author: cln6 Date: Thu Jul 16 16:15:10 2026 +0200 niri diff --git a/README.md b/README.md new file mode 100644 index 0000000..7978b4b --- /dev/null +++ b/README.md @@ -0,0 +1,112 @@ +# NixOS configuration with Niri + + +This repository contains the declarative configuration files for my Thinkpad T480, it uses NixOS and Niri as the window compositor, it should work on most hardware just fine, assuming you are using an Intel IGPU, adjust accordingly to the NixOS wiki if needed. + +> It works on my hardware, and of course it is not guaranteed to fully work on yours, although it should. + + + +--- + + +## Installation + + +After booting into the ISO and following the wiki to partition and mount the drives, clone the repo and put it in the right directory. + +```bash +sudo nixos-generate-config -root /mnt +sudo nix-shell -p git +cd /mnt/etc/nixos/ +sudo rm configuration.nix +git clone https://git.cln.cat/cln6/nixos-thinkpad +sudo mv nixos-thinkpad/* ./ && sudo rm -rf nixos-thinkpad +``` + + +After that you can leave the Nix shell and enter into the proper directory, and install the system: + + +```bash +exit +cd /mnt +sudo nixos-install --flake /mnt/etc/nixos#cln (replace cln with your new hostname if you have decided to change it, instructions on how to do that are in the Notes section of this repo) +``` + + +That's it, after it's done installing you should be able to reboot into the system, the default username is "cln" and password is "123", please change it after installation with the ```passwd cln``` command. + + + +# Keybinds + + +--- + + +## Applications + + | Keybind | App | + |---|---| + | Super + D | App launcher | + | Super + Enter | kitty | + | Super + Q | kitty | + | Super + Shift + D | Mullvad browser | + | Super + Shift + F | Librewolf | + | Super + E | File manager | + | Super + B | Overskride ( Bluetooth ) | + | Super + P | Pwvucontrol ( Audio ) | + + +--- + + +## Window Management + + + | Keybind | Action | + |---|---| + | Super + Shift + Q | Kill active window | + | Super + V | Toggle floating mode | + | Super + Q | Toggle overview | + | Super + F | Maximize | + + +--- + + +## Workspace related + + + | Keybind | Action | + |---|---| + | Super + 1-10 | Switch workspace to your chosen number | + | Super + Shift + 1-10 | Move the active window to your chosen workspace | + | Super + Arrowkey | Switch to column on right/left side | + | Super + Shift + Arrowkey | Move the active window to a column on right/left side | + + +--- + + +## Other + + + | Keybind | Action | + |---|---| + | Super + Arrow key | Switch your current focused window | + | Super + Shift + E | Exit Niri | + + +--- + + + +# Notes +- In order to use a different username, replace every "cln" word with your desired username in these files: ```configuration.nix```, ```home.nix``` as well as "users.cln" line in ```flake.nix```. +- In order to change your hostname, edit the hostname line in ```configuration.nix```, as well as all other lines with the word "cln" except for the "users.cln" line. + + +# Summary +So yeah this is my NixOS repo ig, I wasnt planning on using NixOS after the previous commit, but oh well I decided to not give up on the idea, I am gonna try to maintain this repo as much as I can, it isn't even finished yet. diff --git a/configuration.nix b/configuration.nix new file mode 100644 index 0000000..bbf5822 --- /dev/null +++ b/configuration.nix @@ -0,0 +1,179 @@ +{ config, lib, pkgs, ... }: + +{ + imports = + [ # Include the results of the hardware scan. + ./hardware-configuration.nix + ]; + +# Flakes +nix.settings.experimental-features = [ "nix-command" "flakes" ]; + +# Latest kernel +boot.kernelPackages = pkgs.linuxPackages_latest; + +# catppuccin +catppuccin.autoEnable = false; +catppuccin.enable = true; + +# Bootloader +boot.loader.efi.canTouchEfiVariables = true; +boot.loader.limine = { + enable = true; + enableEditor = true; + maxGenerations = 10; +}; +catppuccin.limine = { + enable = true; + flavor = "mocha"; + accent = "lavender"; +}; + +# Time and locale +time.timeZone = "Europe/Warsaw"; +i18n.defaultLocale = "en_DK.UTF-8"; + +# Swap +swapDevices = [{ + device = "/.swapfile"; + size = 8*1024; +}]; + +# TTY related +console = { + keyMap = "pl"; +}; +catppuccin.tty = { + enable = true; + flavor = "mocha"; +}; + +# Enable doas and disable sudo +security.doas.enable = true; +security.sudo.enable = false; +security.doas.extraRules = [{ + users = ["cln"]; + keepEnv = true; + persist = true; +}]; + +# Polkit +security.polkit.enable = true; + +# Set up an user account +users.users.cln = { + isNormalUser = true; + description = "cln"; + createHome = true; + home = "/home/cln"; + shell = pkgs.zsh; + extraGroups = [ "wheel" "audio" "video" "render" ]; +}; + +# Pipewire +security.rtkit.enable = true; + services.pipewire = { + enable = true; + alsa.enable = true; + alsa.support32Bit = true; + pulse.enable = true; + jack.enable = true; +}; + +# Intel GPU Drivers +hardware.graphics = { + enable = true; + extraPackages = with pkgs; [ + intel-media-driver + vpl-gpu-rt + intel-compute-runtime + libvdpau-va-gl + ]; +}; + +environment.sessionVariables = { + LIBVA_DRIVER_NAME = "iHD"; + VDPAU_DRIVER = "va_gl"; +}; + +hardware.enableRedistributableFirmware = true; +boot.kernelParams = [ "i915.enable_guc=3" ]; + +# Bluetooth +hardware.bluetooth = { + enable = true; + powerOnBoot = false; +}; + +# Networking +networking = { + hostName = "cln"; + wireless.iwd = { + enable = true; + settings = { + Settings = { + AutoConnect = true; + }; + }; + }; + firewall = { + enable = true; + allowedTCPPorts = []; + allowedUDPPorts = []; + }; + nameservers = [ + "194.242.2.4" + "194.242.2.2" + "1.1.1.1" + "1.0.0.1" + ]; +}; + +# Display manager +services.displayManager.sddm = { + enable = true; + wayland.enable = true; +}; +catppuccin.sddm = { + enable = true; + flavor = "mocha"; + accent = "lavender"; +}; + +# Niri related ( configuration is in modules/niri ) +programs.niri.enable = true; + +# Bash +programs.zsh.enable = true; + +# iVPN +services.ivpn.enable = true; + +# Upower +services.upower.enable = true; + +# Steam +programs.steam = { + enable = true; + remotePlay.openFirewall = false; + dedicatedServer.openFirewall = false; +}; +nixpkgs.config.allowUnfreePredicate = pkg: builtins.elem (lib.getName pkg) [ + "steam" + "steam-unwrapped" +]; + +# Fonts +fonts.packages = with pkgs; [ + jetbrains-mono + nerd-fonts.jetbrains-mono +]; + +environment.systemPackages = with pkgs; [ + cryptsetup + xfsprogs +]; + +system.stateVersion = "26.11"; + +} diff --git a/dotfiles/foot/foot.ini b/dotfiles/foot/foot.ini new file mode 100644 index 0000000..9f3c1dc --- /dev/null +++ b/dotfiles/foot/foot.ini @@ -0,0 +1,74 @@ +[main] +font=JetBrains Mono NF:size=12 + +[colors-dark] +cursor=11111b f5e0dc +foreground=cdd6f4 +background=1e1e2e +#alpha=0.8 + +regular0=45475a +regular1=f38ba8 +regular2=a6e3a1 +regular3=f9e2af +regular4=89b4fa +regular5=f5c2e7 +regular6=94e2d5 +regular7=bac2de + +bright0=585b70 +bright1=f38ba8 +bright2=a6e3a1 +bright3=f9e2af +bright4=89b4fa +bright5=f5c2e7 +bright6=94e2d5 +bright7=a6adc8 + +16=fab387 +17=f5e0dc + +selection-foreground=cdd6f4 +selection-background=414356 + +search-box-no-match=11111b f38ba8 +search-box-match=cdd6f4 313244 + +jump-labels=11111b fab387 +urls=89b4fa + +[colors-light] +cursor=eff1f5 dc8a78 +foreground=4c4f69 +background=eff1f5 +alpha=0.9 + +regular0=5c5f77 +regular1=d20f39 +regular2=40a02b +regular3=df8e1d +regular4=1e66f5 +regular5=ea76cb +regular6=179299 +regular7=acb0be + +bright0=6c6f85 +bright1=d20f39 +bright2=40a02b +bright3=df8e1d +bright4=1e66f5 +bright5=ea76cb +bright6=179299 +bright7=bcc0cc + +16=fe640b +17=dc8a78 + +selection-foreground=4c4f69 +selection-background=ccced7 + +search-box-no-match=dce0e8 d20f39 +search-box-match=4c4f69 ccd0da + +jump-labels=dce0e8 fe640b +urls=1e66f5 diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/add-workspace-active.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/add-workspace-active.svg new file mode 100644 index 0000000..289ad6c --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/add-workspace-active.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/add-workspace-hover.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/add-workspace-hover.svg new file mode 100644 index 0000000..8a1d351 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/add-workspace-hover.svg @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/add-workspace.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/add-workspace.svg new file mode 100644 index 0000000..8dba5df --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/add-workspace.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/calendar-arrow-left.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..dcf8298 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/calendar-arrow-left.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/calendar-arrow-right.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..ed66559 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/calendar-arrow-right.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/checkbox-dark.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/checkbox-dark.svg new file mode 100644 index 0000000..2a0b3ae --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/checkbox-dark.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/checkbox-off.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/checkbox-off.svg new file mode 100644 index 0000000..b00efa6 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/checkbox.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/checkbox.svg new file mode 100644 index 0000000..3e6bb2e --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/checkbox.svg @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/close-active.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/close-active.svg new file mode 100644 index 0000000..06bc45b --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/close-active.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/close-hover.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/close-hover.svg new file mode 100644 index 0000000..65499ad --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/close-hover.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/close.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/close.svg new file mode 100644 index 0000000..b496e8f --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/close.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/corner-ripple.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/corner-ripple.svg new file mode 100644 index 0000000..0972753 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/corner-ripple.svg @@ -0,0 +1,46 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/radiobutton-dark.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/radiobutton-dark.svg new file mode 100644 index 0000000..5aa8ae6 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/radiobutton-dark.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/radiobutton-off.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/radiobutton-off.svg new file mode 100644 index 0000000..b00efa6 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/radiobutton-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/radiobutton.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/radiobutton.svg new file mode 100644 index 0000000..8d9052e --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/radiobutton.svg @@ -0,0 +1,81 @@ + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/toggle-off.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/toggle-off.svg new file mode 100644 index 0000000..d09c478 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/toggle-off.svg @@ -0,0 +1,65 @@ + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/toggle-on-dark.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/toggle-on-dark.svg new file mode 100644 index 0000000..e01fb5e --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/toggle-on-dark.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/toggle-on.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/toggle-on.svg new file mode 100644 index 0000000..8f02606 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/toggle-on.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/trash-icon.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/trash-icon.svg new file mode 100644 index 0000000..d78a123 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/assets/trash-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/cinnamon.css b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/cinnamon.css new file mode 100644 index 0000000..38c59ab --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/cinnamon.css @@ -0,0 +1,2772 @@ +stage { + color: #eff1f5; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.dialog .dialog-button, +.modal-dialog .dialog-button, .sound-button { + min-height: 24px; + padding: 5px 32px; + transition-duration: 100ms; + border-radius: 12px; + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); +} + +.dialog .dialog-button:focus, +.modal-dialog .dialog-button:focus, .sound-button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 12px; +} + +.dialog .dialog-button:hover, +.modal-dialog .dialog-button:hover, .sound-button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 12px; + color: #589ed7; +} + +.dialog .dialog-button:hover:focus, +.modal-dialog .dialog-button:hover:focus, .sound-button:hover:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); + border-radius: 12px; +} + +.dialog .dialog-button:active, +.modal-dialog .dialog-button:active, .sound-button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); + border-radius: 12px; +} + +.dialog .dialog-button:insensitive, +.modal-dialog .dialog-button:insensitive, .sound-button:insensitive { + color: rgba(239, 241, 245, 0.5); + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px; +} + +.notification-button, .notification-icon-button, .menu #notification .notification-button, +.menu #notification .notification-icon-button, .popup-menu #notification .notification-button, +.popup-menu #notification .notification-icon-button, #notification .notification-button, +#notification .notification-icon-button, .polkit-dialog-user-combo, .dialog .dialog-button:destructive-action, +.modal-dialog .dialog-button:destructive-action, .dialog .dialog-button:default, +.modal-dialog .dialog-button:default, .calendar-today-home-button, +.calendar-today-home-button-enabled { + border-radius: 12px; + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); +} + +.notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, +#notification .notification-icon-button:hover, .polkit-dialog-user-combo:hover, .dialog .dialog-button:hover:destructive-action, +.modal-dialog .dialog-button:hover:destructive-action, .dialog .dialog-button:hover:default, +.modal-dialog .dialog-button:hover:default, .calendar-today-home-button:hover, +.calendar-today-home-button-enabled:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 12px; +} + +.notification-button:active, .notification-icon-button:active, #notification .notification-button:active, +#notification .notification-icon-button:active, .polkit-dialog-user-combo:active, .dialog .dialog-button:active:destructive-action, +.modal-dialog .dialog-button:active:destructive-action, .dialog .dialog-button:active:default, +.modal-dialog .dialog-button:active:default, .calendar-today-home-button:active, +.calendar-today-home-button-enabled:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); + border-radius: 12px; +} + +.notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, +#notification .notification-icon-button:insensitive, .polkit-dialog-user-combo:insensitive, .dialog .dialog-button:insensitive:destructive-action, +.modal-dialog .dialog-button:insensitive:destructive-action, .dialog .dialog-button:insensitive:default, +.modal-dialog .dialog-button:insensitive:default, .calendar-today-home-button:insensitive, +.calendar-today-home-button-enabled:insensitive { + color: rgba(239, 241, 245, 0.32); + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px; + color: #ed8796; +} + +.dialog-button-box .modal-dialog-button, +.modal-dialog-button-box .modal-dialog-button { + min-height: 24px; + padding: 6px 30px; + transition-duration: 100ms; + border-radius: 12px; + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); +} + +.dialog-button-box .modal-dialog-button:hover, +.modal-dialog-button-box .modal-dialog-button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.dialog-button-box .modal-dialog-button:focus, +.modal-dialog-button-box .modal-dialog-button:focus { + color: #589ed7; +} + +.dialog-button-box .modal-dialog-button:active, +.modal-dialog-button-box .modal-dialog-button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); +} + +.dialog-button-box .modal-dialog-button:insensitive, +.modal-dialog-button-box .modal-dialog-button:insensitive { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +#appmenu-search-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry, .prompt-dialog-password-entry, #menu-search-entry { + padding: 3px 12px; + min-height: 24px; + caret-size: 1px; + selection-background-color: #589ed7; + selected-color: #eff1f5; + transition-duration: 300ms; + border-radius: 12px; + color: #eff1f5; + border: 2px solid transparent; + background-color: rgba(239, 241, 245, 0.04); +} + +#appmenu-search-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, .prompt-dialog-password-entry:focus, #menu-search-entry:focus, #appmenu-search-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover, .prompt-dialog-password-entry:hover, #menu-search-entry:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid #589ed7; +} + +#appmenu-search-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive, .prompt-dialog-password-entry:insensitive, #menu-search-entry:insensitive { + border: 2px solid transparent; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +#appmenu-search-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning, .prompt-dialog-password-entry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #eed49f; + padding: 0 6px; +} + +.dialog .confirm-dialog-title, +.modal-dialog .confirm-dialog-title { + font-weight: 800; + font-size: 15ptpt; +} + +.workspace-switch-osd, .media-keys-osd { + font-weight: 700; + font-size: 13ptpt; +} + +.polkit-dialog-user-combo { + font-weight: 700; + font-size: 11ptpt; +} + +.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { + font-weight: 400; + font-size: 9ptpt; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #eff1f5; + background-color: #292c3c; + border: none; + border-radius: 12px; + padding: 20px; +} + +.switcher-list > StBoxLayout { + padding: 4px; +} + +.switcher-list-item-container { + spacing: 8px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 12px; +} + +.switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #589ed7; +} + +.switcher-list .item-box:selected { + color: #eff1f5; + background-color: #589ed7; + border: 0px solid #589ed7; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #eff1f5; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: rgba(239, 241, 245, 0.7); +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.applet-separator { + padding: 1px 3px; +} + +.applet-separator-line { + width: 1px; + background: rgba(239, 241, 245, 0.12); +} + +.applet-box { + padding: 0 6px; + color: rgba(239, 241, 245, 0.7); + text-shadow: none; + transition-duration: 100ms; + border-radius: 0; +} + +.applet-box.vertical { + padding: 6px 0; +} + +.applet-box:hover { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); +} + +.applet-box:checked, .applet-box:checked:hover { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.12); +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(237, 135, 150, 0.5); +} + +.applet-label { + font-weight: bold; + color: rgba(239, 241, 245, 0.7); +} + +.applet-box:checked .applet-label { + color: rgba(239, 241, 245, 0.7); + text-shadow: none; +} + +.applet-icon { + color: rgba(239, 241, 245, 0.7); + icon-size: 16px; +} + +.applet-box:checked .applet-icon { + color: rgba(239, 241, 245, 0.7); + text-shadow: none; +} + +.notification-applet-padding { + padding: 0.5em 1em; +} + +.notification-applet-container { + max-height: 9999px; +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; + border-radius: 0; +} + +.panel-launcher:hover { + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.1); +} + +.panel-launcher:active { + background-color: rgba(239, 241, 245, 0.2); +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; + border-radius: 0; +} + +.launcher:hover { + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.1); +} + +.launcher:active { + background-color: rgba(239, 241, 245, 0.2); +} + +.launcher .icon-box { + padding: 2px; +} + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; +} + +.sound-button-container { + padding-right: 3px; + padding-left: 3px; +} + +.sound-button StIcon { + icon-size: 1.4em; +} + +.sound-track-infos { + padding: 5px; +} + +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; +} + +.sound-track-info StIcon { + icon-size: 16px; +} + +.sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; +} + +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; +} + +.sound-seek-box { + padding-left: 15px; +} + +.sound-seek-box StLabel { + padding-top: 2px; +} + +.sound-seek-box StIcon { + icon-size: 16px; +} + +.sound-seek-slider { + width: 140px; +} + +.sound-volume-menu-item { + padding: 0.4em 1.75em; +} + +.sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; +} + +.sound-playback-control { + padding: 5px 10px 10px 10px; +} + +.sound-player { + padding: 0 0; + margin-top: 6px; + border-radius: 12px; + background-color: #3d404f; + color: #eff1f5; +} + +.sound-player > StBoxLayout:first-child { + padding: 5px 10px 10px 10px; + spacing: 0.5em; +} + +.sound-player > StBoxLayout:first-child StButton:small { + width: 24px; + height: 24px; + border-radius: 9999px; +} + +.sound-player > StBoxLayout:first-child StButton:small:hover { + background-color: rgba(239, 241, 245, 0.12); +} + +.sound-player > StBoxLayout:first-child StButton:small:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 16px; +} + +.sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); +} + +.sound-player-overlay { + width: 290px; + height: 80px; + padding: 12px 18px; + spacing: 6px; + background-color: rgba(0, 0, 0, 0.45); + border: none; + border-radius: 0 0 12px 12px; + color: #eff1f5; + text-shadow: none; +} + +.sound-player-overlay StButton { + width: 16px; + height: 16px; + padding: 8px; + margin: 0 6px 6px; + color: #eff1f5; + border-radius: 9999px; + border: none; + text-shadow: none; +} + +.sound-player-overlay StButton StIcon { + icon-size: 16px; +} + +.sound-player-overlay StButton:hover { + background-color: rgba(239, 241, 245, 0.12); +} + +.sound-player-overlay StButton:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.sound-player-overlay StButton:insensitive { + opacty: 0.35; + color: rgba(239, 241, 245, 0.5); +} + +.sound-player-overlay StLabel { + padding: 0 6px; +} + +.sound-player-overlay StBoxLayout { + padding-top: 2px; +} + +.sound-player .slider { + height: 0.5em; + padding: 0; + border: 0px solid rgba(15, 16, 23, 0.9); + border-bottom: 1px; + -slider-height: 0.5em; + -slider-background-color: #1a1c2a; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #589ed7; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; +} + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; +} + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; +} + +.workspace-button { + width: 20px; + height: 10px; + color: rgba(239, 241, 245, 0.7); + padding: 3px; + padding-top: 4px; + transition-duration: 300; +} + +.workspace-button:outlined, .workspace-button:outlined:hover { + color: #589ed7; +} + +.workspace-button:hover { + color: #81b6e1; +} + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; +} + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); +} + +.workspace-graph .workspace:active { + border: 1px solid #589ed7; + background-gradient-direction: none; +} + +.workspace-graph .workspace .windows { + -active-window-background: rgba(65, 71, 105, 0.75); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(65, 71, 105, 0.75); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.workspace-graph .workspace:active .windows { + -active-window-background: rgba(75, 81, 121, 0.75); + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: rgba(46, 50, 74, 0.75); + -inactive-window-border: rgba(0, 0, 0, 0.8); +} + +.flashspot { + background-color: #eff1f5; +} + +.cinnamon-link { + color: #8bc1df; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #b3d6ea; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +#LookingGlassDialog { + background-color: #292c3c; + spacing: 6px; + padding: 6px; + margin: 32px; + border-radius: 12px; + color: #eff1f5; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15); + border: none; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(41, 44, 60, 0.1); + border-radius: 9999px; +} + +StScrollBar StButton#vhandle, +StScrollBar StButton#hhandle { + border-radius: 9999px; + background-color: #757885; + border: 0px solid; + margin: 0px; +} + +StScrollBar StButton#vhandle:hover, +StScrollBar StButton#hhandle:hover { + background-color: #616472; +} + +StScrollBar StButton#vhandle:active, +StScrollBar StButton#hhandle:active { + background-color: #589ed7; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +#Tooltip { + border-radius: 9999px; + padding: 6px 12px; + background-color: rgba(30, 33, 49, 0.9); + color: #eff1f5; + margin: 6px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1); + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.tile-preview, +.tile-preview.snap, +.tile-hud, +.tile-hud.snap { + background-color: rgba(88, 158, 215, 0.3); + border: 1px solid #589ed7; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #eff1f5; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.calendar-main-box { + margin: 0 0.8em; +} + +.calendar { + spacing-rows: 0px; + spacing-columns: 0px; +} + +.calendar-today-home-button, +.calendar-today-home-button-enabled { + margin: 6px 0; + padding: 6px; +} + +.calendar-today-day-label { + font-size: 1.75em; + color: rgba(239, 241, 245, 0.7); + font-weight: bold; + text-align: center; + padding-bottom: 0.1em; +} + +.calendar-today-date-label { + font-size: 1.1em; + color: rgba(239, 241, 245, 0.5); + font-weight: bold; + text-align: center; +} + +.calendar-month-label { + color: #eff1f5; + font-weight: bold; + padding-bottom: 8px; + padding-top: 8px; +} + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 2.4em; + height: 2.4em; + margin: 2px 0; + padding: 0; + border-radius: 9999px; +} + +.calendar-change-month-back:focus, .calendar-change-month-back:hover, +.calendar-change-month-forward:focus, +.calendar-change-month-forward:hover { + background-color: rgba(239, 241, 245, 0.1); +} + +.calendar-change-month-back:active, +.calendar-change-month-forward:active { + background-color: rgba(239, 241, 245, 0.25); +} + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); +} + +.calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); +} + +.datemenu-date-label { + padding: 0.4em 1.75em; + font-weight: normal; + text-align: center; + font-size: 14px; + color: #eff1f5; + border-radius: 12px; +} + +.calendar-day-base { + text-align: center; + width: 2.4em; + height: 2.4em; + padding: 0; + margin: 2px; + border-radius: 9999px; +} + +.calendar-day-base:hover { + background-color: rgba(239, 241, 245, 0.04); +} + +.calendar-day-base:active { + background-color: rgba(239, 241, 245, 0.12); +} + +.calendar-day-heading { + color: rgba(239, 241, 245, 0.7); + margin-top: 1em; +} + +.calendar-day { + border-width: 0; + color: rgba(239, 241, 245, 0.7); +} + +.calendar-day-top { + border-top-width: 0; +} + +.calendar-day-left { + border-left-width: 0; +} + +.calendar-nonwork-day { + color: #eff1f5; + background-color: transparent; + font-weight: bold; +} + +.calendar-today, +.calendar-today:active, +.calendar-today:focus, +.calendar-today:hover { + font-weight: bold; + color: #eff1f5; + background-color: #589ed7; + border-width: 0; +} + +.calendar-other-month-day { + color: rgba(239, 241, 245, 0.7); + opacity: 1; +} + +.calendar-week-number { + width: 2.4em; + height: 2.4em; + margin: 0; + color: rgba(239, 241, 245, 0.3); + font-weight: bold; + background-color: transparent; + border-radius: 9999px; +} + +.calendar-week-number StLabel { + padding: 0; + margin-top: 3px; +} + +.calendar-events-main-box { + height: 300px; + margin: 8px 0.8em 0 0; + padding: 8px; + min-width: 350px; + border: none; + border-radius: 12px; + background-gradient-direction: vertical; + background-gradient-start: rgba(239, 241, 245, 0.04); + background-gradient-end: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.7); +} + +.calendar-events-no-events-button { + margin: 6px 0; + padding: 6px; + border-radius: 12px; +} + +.calendar-events-no-events-button:hover { + background-gradient-direction: vertical; + background-gradient-start: rgba(239, 241, 245, 0.04); + background-gradient-end: rgba(239, 241, 245, 0.04); + box-shadow: none; +} + +.calendar-events-no-events-icon { + color: rgba(239, 241, 245, 0.5); +} + +.calendar-events-no-events-label { + font-size: 1.1em; + color: rgba(239, 241, 245, 0.5); + font-weight: bold; + text-align: center; + margin-top: 9px; +} + +.calendar-events-date-label { + padding: 3px 0 12px 3px; + font-size: 1.1em; + color: rgba(239, 241, 245, 0.7); + font-weight: bold; + text-align: center; +} + +.calendar-events-event-container { + padding: 2px; +} + +.calendar-events-main-box .separator { + -margin-horizontal: 1em; + -gradient-height: 1px; + -gradient-start: rgba(239, 241, 245, 0.12); + -gradient-end: rgba(239, 241, 245, 0.12); +} + +.calendar-event-button { + margin: 6px 0 6px 0; + border-radius: 12px; +} + +.calendar-event-button:hover { + background-gradient-direction: vertical; + background-gradient-start: rgba(239, 241, 245, 0.04); + background-gradient-end: rgba(239, 241, 245, 0.04); + box-shadow: none; +} + +.calendar-event-color-strip { + width: 4px; + border-radius: 4px 0 0 4px; +} + +.calendar-event-row-content { + margin: 6px; +} + +.calendar-event-time-past { + color: rgba(239, 241, 245, 0.32); + font-weight: bold; + text-align: left; + margin-bottom: 0.6em; +} + +.calendar-event-time-present { + font-weight: bold; + text-align: left; + margin-bottom: 0.6em; +} + +.calendar-event-time-present:all-day { + color: rgba(166, 218, 149, 0.6); +} + +.calendar-event-time-future { + text-align: left; + margin-bottom: 0.6em; +} + +.calendar-event-countdown { + color: rgba(239, 241, 245, 0.5); + font-weight: bold; + text-align: right; + margin-bottom: 0.6em; +} + +.calendar-event-countdown:soon { + color: #eff1f5; +} + +.calendar-event-countdown:imminent { + color: rgba(238, 212, 159, 0.6); +} + +.calendar-event-countdown:current { + color: rgba(166, 218, 149, 0.6); +} + +.calendar-event-summary { + color: rgba(239, 241, 245, 0.5); + text-align: left; + width: 200px; +} + +.menu-favorites-box { + margin: auto; + margin-bottom: 6px; + padding: 6px; + transition-duration: 300; + background-color: rgba(239, 241, 245, 0.05); + border: none; + border-radius: 12px; +} + +.menu-favorites-button { + padding: 9px; + border: none; + border-radius: 6px; +} + +.menu-favorites-button:hover { + background-color: rgba(239, 241, 245, 0.1); +} + +.menu-places-box { + margin: auto; + padding: 9px; + border: 1px solid rgba(0, 0, 0, 0); +} + +.menu-places-button { + padding: 9px; +} + +.menu-categories-box { + padding: 9px 30px; +} + +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 9px 9px 0 9px; +} + +.menu-application-button { + padding: 6px; + border-radius: 12px; + border: none; +} + +.menu-application-button:highlighted { + font-weight: bold; +} + +.menu-application-button-selected { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + padding: 6px; + border-radius: 12px; + border: none; +} + +.menu-application-button-selected:highlighted { + font-weight: bold; +} + +.menu-application-button-label:ltr { + padding-left: 6px; +} + +.menu-application-button-label:rtl { + padding-right: 6px; +} + +.menu StScrollView.menu-application-button { + padding: 3px 0; + border-radius: 12px; + background-color: #3d404f; + color: #eff1f5; +} + +.menu StScrollView.menu-application-button .popup-menu-item { + padding: 0; + spacing: 0; + margin: 0 3px; + border-radius: 12px; + color: #eff1f5; +} + +.menu StScrollView.menu-application-button .popup-menu-item:ltr { + padding-left: 6px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:rtl { + padding-right: 6px; +} + +.menu StScrollView.menu-application-button .popup-menu-item:active { + border-image: none; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.menu StScrollView.menu-application-button .popup-menu-item StIcon { + min-width: 22px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:ltr { + padding: 6px 0 6px 6px; +} + +.menu StScrollView.menu-application-button .popup-menu-item StLabel:rtl { + padding: 6px 6px 6px 0; +} + +.menu-category-button { + padding: 6px; + border-radius: 12px; +} + +.menu-category-button-selected { + padding: 6px; +} + +.menu-category-button-hover, .menu-category-button-selected { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 12px; +} + +.menu-category-button-greyed { + padding: 6px; + color: rgba(239, 241, 245, 0.5); +} + +.menu-category-button-label:ltr { + padding-left: 6px; +} + +.menu-category-button-label:rtl { + padding-right: 6px; +} + +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; +} + +.menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; +} + +.menu-selected-app-title { + font-weight: bold; +} + +.menu-selected-app-description { + max-width: 150px; + margin-bottom: 6px; +} + +.menu-search-box:ltr { + padding-left: 30px; +} + +.menu-search-box-rtl { + padding-right: 30px; +} + +#menu-search-entry { + width: 250px; + height: 15px; + font-weight: normal; + caret-color: #eff1f5; + border-radius: 12px; +} + +.menu-search-entry-icon { + icon-size: 1em; + color: #eff1f5; +} + +.desklet { + color: #eff1f5; +} + +.desklet:highlight { + background-color: rgba(237, 135, 150, 0.5); +} + +.desklet-with-borders { + color: #eff1f5; + background-color: rgba(30, 33, 49, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.desklet-with-borders:highlight { + background-color: rgba(237, 135, 150, 0.5); +} + +.desklet-with-borders-and-header { + color: #eff1f5; + background-color: rgba(30, 33, 49, 0.9); + border-radius: 6px; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; +} + +.desklet-with-borders-and-header:highlight { + background-color: rgba(237, 135, 150, 0.5); +} + +.desklet-header { + color: #eff1f5; + background-color: rgba(30, 33, 49, 0.9); + border-radius: 0; + border-radius-topleft: 6px; + border-radius-topright: 6px; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; +} + +.desklet-drag-placeholder { + border: 2px solid #589ed7; + background-color: rgba(88, 158, 215, 0.3); +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 12px; + background-color: #292c3c; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +.photoframe-box { + color: #eff1f5; + background-color: rgba(30, 33, 49, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} + +.dialog, +.modal-dialog { + color: #eff1f5; + background-color: rgba(36, 39, 58, 0.95); + padding: 6px; + border-radius: 12px; + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; +} + +.dialog > StBoxLayout:first-child, +.modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; +} + +.dialog-button-box, +.modal-dialog-button-box { + spacing: 0; + margin: 0; + padding: 14px 10px; + background-color: transparent; + border: none; +} + +.dialog-button-box .modal-dialog-button, +.modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; +} + +.dialog .dialog-content-box, +.modal-dialog .dialog-content-box { + margin-top: 6px; + margin-bottom: 6px; + spacing: 6px; + max-width: 18em; +} + +.dialog .dialog-button:default:hover, +.modal-dialog .dialog-button:default:hover { + background-color: #f2aab5 !important; + color: rgba(36, 39, 58, 0.87) !important; +} + +.dialog .dialog-button:destructive-action, +.modal-dialog .dialog-button:destructive-action { + background-color: #ed8796; + color: rgba(36, 39, 58, 0.87); +} + +.dialog .confirm-dialog-title, +.modal-dialog .confirm-dialog-title { + text-align: center; +} + +.end-session-dialog { + min-width: 40em; +} + +.end-session-dialog .dialog-content-box { + spacing: 0; +} + +.end-session-dialog .dialog-list { + spacing: 0; +} + +.end-session-dialog .dialog-list .dialog-list-title { + color: #eed49f; + background-color: tranparentize(#eed49f, 0.9); + padding: 9px; + border-radius: 12px; + margin: 6px 0; +} + +.run-dialog { + padding: 6px 12px; + background-color: rgba(30, 33, 49, 0.9); + border-radius: 12px; + color: #eff1f5; +} + +.run-dialog > * { + padding: 0; +} + +.run-dialog-label { + font-size: 0; + font-weight: bold; + color: #eff1f5; + padding-bottom: 0; +} + +.run-dialog-error-label { + color: #ed8796; +} + +.run-dialog-error-box { + padding-top: 15px; + spacing: 5px; +} + +.run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; +} + +.run-dialog-entry { + width: 21em; + padding: 3px 12px; + border-radius: 12px; + caret-color: #eff1f5; + selected-color: #eff1f5; + selection-background-color: #589ed7; + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid transparent; +} + +.run-dialog-entry:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid #589ed7; +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +.prompt-dialog { + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; + width: 26em; +} + +.prompt-dialog .dialog-content-box { + spacing: 24px; + margin-bottom: 18px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-password-layout { + spacing: 12px; +} + +.prompt-dialog-error-label, .prompt-dialog-info-label, .prompt-dialog-null-label { + text-align: center; +} + +.prompt-dialog-error-label { + color: #ed8796; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 2px; +} + +.polkit-dialog-user-combo { + border-radius: 9px; + padding: 6px 36px; +} + +.polkit-dialog-user-combo:insensitive { + color: #eff1f5; +} + +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #eed49f; +} + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; +} + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; +} + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; +} + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; +} + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; +} + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; +} + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; +} + +.show-processes-dialog-app-list-item { + color: #ccc; +} + +.show-processes-dialog-app-list-item:hover { + color: #eff1f5; +} + +.show-processes-dialog-app-list-item:ltr { + padding-right: 1em; +} + +.show-processes-dialog-app-list-item:rtl { + padding-left: 1em; +} + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; +} + +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; +} + +.show-processes-dialog-app-list-item-name { + font-size: 1.1em; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 13px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 15px; + border-radius: 12px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid transparent; +} + +.expo-workspaces-name-entry:focus, +.expo-workspaces-name-entry#selected:focus { + border: 1px solid #589ed7; + background-color: #589ed7; + color: #eff1f5; + font-style: italic; + transition-duration: 300; + selection-background-color: #eff1f5; + selected-color: #589ed7; +} + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 0; +} + +.expo-workspace-thumbnail-frame#active { + border: 4px solid #589ed7; + background-color: black; + border-radius: 0; +} + +.expo-background { + background-color: #1e2131; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.window-caption { + background-color: rgba(30, 33, 49, 0.9); + border: 1px solid rgba(30, 33, 49, 0.9); + color: #eff1f5; + spacing: 25px; + border-radius: 12px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +.window-caption#selected { + background-color: #589ed7; + color: #eff1f5; + border: 1px solid #589ed7; + spacing: 25px; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.window-caption { + background-color: rgba(30, 33, 49, 0.9); + border: 1px solid rgba(30, 33, 49, 0.9); + color: #eff1f5; + spacing: 25px; + border-radius: 12px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; +} + +.window-caption#selected { + background-color: #589ed7; + color: #eff1f5; + border: 1px solid #589ed7; + spacing: 25px; +} + +#overview { + spacing: 12px; +} + +#keyboard { + background-color: rgba(30, 33, 49, 0.9); + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); +} + +.keyboard-layout { + spacing: 10px; + padding: 10px; +} + +.keyboard-row { + spacing: 15px; +} + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 12px; + box-shadow: none; + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); +} + +.keyboard-key:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.keyboard-key:active, .keyboard-key:checked { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); +} + +.keyboard-key:grayed { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +.keyboard-subkeys { + color: #eff1f5; + padding: 5px; + -arrow-border-radius: 12px; + -arrow-background-color: rgba(30, 33, 49, 0.9); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 0; + color: #eff1f5; + background-color: #292c3c; + border-radius: 12px; + margin: 6px; + box-shadow: none; + border: 1px solid rgba(36, 39, 58, 0.75); +} + +.menu-arrow, +.popup-menu-arrow { + icon-size: 16px; +} + +.menu .popup-sub-menu, +.popup-menu .popup-sub-menu, +.popup-combo-menu .popup-sub-menu { + border-radius: 12px; + background-gradient-direction: none; + box-shadow: none; + background-color: #3d404f; + color: rgba(239, 241, 245, 0.7); +} + +.menu .popup-sub-menu .popup-menu-item:active, +.popup-menu .popup-sub-menu .popup-menu-item:active, +.popup-combo-menu .popup-sub-menu .popup-menu-item:active { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.menu .popup-sub-menu StScrollBar, +.popup-menu .popup-sub-menu StScrollBar, +.popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; +} + +.menu .popup-sub-menu StScrollBar StBin#trough, +.menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-menu .popup-sub-menu StScrollBar StBin#vhandle, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, +.popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; +} + +.menu .popup-menu-content, +.popup-menu .popup-menu-content, +.popup-combo-menu .popup-menu-content { + padding: 6px; + border-radius: 12px; + background-color: #292c3c; + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; +} + +.menu .popup-menu-item, +.popup-menu .popup-menu-item, +.popup-combo-menu .popup-menu-item { + padding: 6px 12px; + spacing: 12px; + border-radius: 12px; +} + +.menu .popup-menu-item:hover, .menu .popup-menu-item:active, +.popup-menu .popup-menu-item:hover, +.popup-menu .popup-menu-item:active, +.popup-combo-menu .popup-menu-item:hover, +.popup-combo-menu .popup-menu-item:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.menu .popup-menu-item:insensitive, +.popup-menu .popup-menu-item:insensitive, +.popup-combo-menu .popup-menu-item:insensitive { + color: rgba(239, 241, 245, 0.5); + background: none; +} + +.menu .popup-inactive-menu-item, +.popup-menu .popup-inactive-menu-item, +.popup-combo-menu .popup-inactive-menu-item { + color: rgba(239, 241, 245, 0.5); +} + +.menu .popup-inactive-menu-item:insensitive, +.popup-menu .popup-inactive-menu-item:insensitive, +.popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(239, 241, 245, 0.12); +} + +.menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-menu .popup-menu-item:active .popup-inactive-menu-item, +.popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: rgba(239, 241, 245, 0.5); +} + +.menu-icon, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(239, 241, 245, 0.12); + -slider-border-color: transparent; + -slider-active-background-color: #589ed7; + -slider-active-border-color: transparent; + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.popup-menu-boxpointer { + -arrow-border-radius: 12px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 0; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; +} + +.popup-combo-menu { + padding: 6px; + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; +} + +.popup-combobox-item { + spacing: 1em; +} + +.popup-separator-menu-item { + -gradient-height: 0; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 0; + margin: 0; + padding: 0; + border-color: rgba(239, 241, 245, 0.12); + border-bottom-width: 0; + border-bottom-style: solid; + background-color: transparent; +} + +.popup-alternating-menu-item:alternate { + font-weight: normal; +} + +.popup-device-menu-item { + spacing: 0.5em; +} + +.popup-subtitle-menu-item { + font-weight: normal; +} + +.nm-menu-item-icons { + spacing: 0.5em; +} + +#notification { + border-radius: 12px; + padding: 12px; + spacing-rows: 9px; + spacing-columns: 9px; + margin-from-right-edge-of-screen: 18px; + width: 28em; + color: #eff1f5; + background-color: #292c3c; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); + margin: 7px 12px 17px 12px; + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; +} + +#notification .notification-button, +#notification .notification-icon-button { + padding: 6px; +} + +.menu #notification, .popup-menu #notification { + border: none; + border-radius: 12px; + background-color: #292c3c; + box-shadow: none; + margin: 0; +} + +.menu #notification:hover, .popup-menu #notification:hover { + background-color: #292c3c; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #eff1f5; +} + +.menu #notification .notification-button, +.menu #notification .notification-icon-button, .popup-menu #notification .notification-button, +.popup-menu #notification .notification-icon-button { + padding: 6px; +} + +#notification.multi-line-notification { + padding-bottom: 12px; + color: #eff1f5; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, +#notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 6px; +} + +#notification-actions { + spacing: 9px; +} + +.notification-with-image { + min-height: 159px; + color: #eff1f5; +} + +.notification-button, .notification-icon-button { + padding: 6px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +.media-keys-osd { + color: #eff1f5; + background-color: rgba(36, 39, 58, 0.99); + border: 1px solid rgba(239, 241, 245, 0.11); + border-radius: 12px; + text-align: center; + padding: 24px; +} + +.media-keys-osd { + margin-bottom: 1em; + border-radius: 9999px; + font-weight: bold; + spacing: 12px; + padding: 12px 24px; +} + +.media-keys-osd > * { + spacing: 12px; +} + +.media-keys-osd StIcon { + icon-size: 32px; +} + +.media-keys-osd StLabel:ltr { + margin-right: 6px; +} + +.media-keys-osd StLabel:rtl { + margin-left: 6px; +} + +.media-keys-osd .level { + min-width: 160px; + -barlevel-height: 6px; + -barlevel-background-color: #292c3c; + -barlevel-active-background-color: #eff1f5; + -barlevel-amplify-color: #eed49f; + -barlevel-amplify-separator-width: 3px; +} + +.media-keys-osd .level:ltr { + margin-right: 6px; +} + +.media-keys-osd .level:rtl { + margin-left: 6px; +} + +.media-keys-osd .level-bar { + border-radius: 12px; + background-color: #eff1f5; +} + +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: rgba(239, 241, 245, 0.7); + background-color: rgba(36, 39, 58, 0.75); +} + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + min-width: 64px; + min-height: 64px; + color: rgba(239, 241, 245, 0.7); + border-radius: 0; + background-color: rgba(36, 39, 58, 0.75); + border: none; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 12px; + color: #589ed7; +} + +.osd-window .level-bar { + border-radius: 12px; + background-color: #589ed7; +} + +.workspace-switch-osd { + color: #589ed7; + background-color: rgba(36, 39, 58, 0.99); + /* border: 1px solid transparentize($divider, 0.01); */ + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; + border-radius: 9px; + text-align: center; + padding: 24px; + min-width: 140px; + margin-bottom: 1em; + border-radius: 9999px; + font-weight: bold; + padding: 12px 36px 0 36px; +} + +.workspace-switch-osd-indicator-box { + spacing: 12px; +} + +.workspace-switch-osd-indicator { + background-color: rgba(239, 241, 245, 0.5); + padding: 2.6666666667px; + margin: 13.3333333333px; + border-radius: 32px; +} + +.workspace-switch-osd-indicator:active { + background-color: #589ed7; + padding: 5.3333333333px; + margin: 10.6666666667px; +} + +.workspace-osd { + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +#panel { + font-weight: bold; + height: 34px; + width: 40px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(237, 135, 150, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(237, 135, 150, 0.35); + background-gradient-end: rgba(237, 135, 150, 0.35); +} + +#panelLeft:ltr { + padding-right: 4px; +} + +#panelLeft:rtl { + padding-left: 4px; +} + +#panelLeft.vertical { + padding: 0; +} + +#panelLeft.vertical:ltr { + padding-right: 0px; +} + +#panelLeft.vertical:rtl { + padding-left: 0px; +} + +#panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(138, 173, 244, 0.35); + background-gradient-end: rgba(138, 173, 244, 0.35); +} + +#panelRight:ltr { + padding-left: 6px; + spacing: 0px; +} + +#panelRight:rtl { + padding-right: 6px; + spacing: 0px; +} + +#panelRight.vertical { + padding: 0; +} + +#panelRight.vertical:ltr { + padding-right: 0px; +} + +#panelRight.vertical:rtl { + padding-left: 0px; +} + +#panelCenter { + spacing: 4px; +} + +#panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(166, 218, 149, 0.35); + background-gradient-end: rgba(166, 218, 149, 0.35); +} + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: rgba(239, 241, 245, 0.7); + font-size: 1em; + padding: 0px; + background-color: rgba(36, 39, 58, 0.75); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24); +} + +.panel-top .panel-button:hover, +.panel-top .panel-status-button:hover, .panel-bottom .panel-button:hover, +.panel-bottom .panel-status-button:hover, .panel-left .panel-button:hover, +.panel-left .panel-status-button:hover, .panel-right .panel-button:hover, +.panel-right .panel-status-button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); +} + +.panel-top .panel-button:active, +.panel-top .panel-status-button:active, .panel-bottom .panel-button:active, +.panel-bottom .panel-status-button:active, .panel-left .panel-button:active, +.panel-left .panel-status-button:active, .panel-right .panel-button:active, +.panel-right .panel-status-button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.panel-dummy { + background-color: rgba(237, 135, 150, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(237, 135, 150, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: rgba(239, 241, 245, 0.7); +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: rgba(239, 241, 245, 0.7); +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +.appmenu-category-button-greyed, .appmenu-category-button-selected, .appmenu-category-button, .appmenu-application-button-selected, .appmenu-application-button, .appmenu-sidebar-button { + padding: 6px; + spacing: 6px; + border-radius: 12px; +} + +.appmenu-background .popup-menu-content { + padding: 0; +} + +.appmenu-main-box { + background-color: #24273a; + border-radius: 12px; + spacing: 10px; +} + +.appmenu-right-box { + spacing: 5px; + padding: 10px 10px; +} + +.appmenu-categories-applications-box { + spacing: 15px; +} + +.appmenu-categories-applications-box:top { + padding-top: 5px; +} + +.appmenu-applications-box { + padding-right: 5px; +} + +.appmenu-search-box { + spacing: 10px; +} + +.appmenu-sidebar { + padding: 10px 0px; + background-color: #292c3c; + border-radius: 12px 0 0 12px; + border-right-width: 1px; + border-color: #292c3c; +} + +.appmenu-sidebar .appmenu-system-button { + border-radius: 12px; + background-color: #3e425a; +} + +.appmenu-sidebar .appmenu-system-button-lock:hover { + background-color: #96c2e6; + color: #eff1f5; +} + +.appmenu-sidebar .appmenu-system-button-logout:hover { + background-color: #96c2e6; + color: #eff1f5; +} + +.appmenu-sidebar .appmenu-system-button-shutdown { + background-color: #ed8796; + color: #eff1f5; +} + +.appmenu-sidebar .appmenu-system-button-shutdown:hover { + background-color: #f09da9; + color: #24273a; +} + +.appmenu-system-box { + spacing: 10px; +} + +.appmenu-sidebar-button { + padding: 3px 6px 3px 6px; + margin: 0 10px 0 10px; +} + +.appmenu-sidebar-button:hover { + background-color: #589ed7; + color: #24273a; + border-color: #292c3c; +} + +.appmenu-system-button { + padding: 8.4px; + border: 1px solid #292c3c; + border-radius: 12px; + background-color: #3e425a; +} + +.appmenu-system-button-shutdown { + background-color: #ed8796; +} + +.appmenu-system-button-lock:hover { + background-color: #484d69; +} + +.appmenu-system-button-logout:hover { + background-color: #484d69; +} + +.appmenu-system-button-shutdown:hover { + background-color: #ed8796; +} + +.appmenu-application-button-label { + padding: 0; +} + +.appmenu-application-button-description { + color: #eff1f5; +} + +.appmenu-application-button:highlighted { + font-weight: bold; +} + +.appmenu-application-button-selected { + background-color: #589ed7; + color: #eff1f5; +} + +.appmenu-application-button-selected:highlighted { + font-weight: bold; +} + +.appmenu-category-button-label { + padding: 0; +} + +.appmenu-category-button:hover { + background-color: #292c3c; +} + +.appmenu-category-button-selected { + background-color: #589ed7; + color: #24273a; +} + +.appmenu-category-button-greyed { + color: rgba(239, 241, 245, 0.7); + font-style: italic; +} + +.appmenu-category-button-greyed StIcon { + opacity: 0.5; +} + +.toggle-switch { + width: 46px; + height: 24px; + background-size: contain; +} + +.toggle-switch, .popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked, .popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on-dark.svg"); +} + +.check-box CinnamonGenericContainer { + spacing: 0.2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 24px; + height: 24px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:checked StBin, .check-box:focus:checked StBin { + background-image: url("assets/checkbox-dark.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: 0.2em; + min-height: 30px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 24px; + height: 24px; +} + +.radiobutton StBin, .radiobutton:focus StBin { + background-image: url("assets/radiobutton-off.svg"); +} + +.radiobutton:checked StBin, .radiobutton:focus:checked StBin { + background-image: url("assets/radiobutton-dark.svg"); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(237, 135, 150, 0.5); +} + +.grouped-window-list-thumbnail-menu { + padding: 6px; + margin: 6px; + background-color: #292c3c; + border-radius: 12px; + background-clip: border-box; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; +} + +.grouped-window-list-thumbnail-menu .item-box { + padding: 6px; + border-radius: 12px; + spacing: 6px; + margin: 1px; +} + +.grouped-window-list-thumbnail-menu .item-box:outlined { + background-color: rgba(239, 241, 245, 0.1); +} + +.grouped-window-list-thumbnail-menu .item-box:hover { + background-color: rgba(239, 241, 245, 0.15); +} + +.grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; +} + +.grouped-window-list-thumbnail-menu .separator { + width: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +.grouped-window-list-number-label { + z-index: 120; + text-shadow: none; + color: #eff1f5; + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 2px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #589ed7; +} + +.grouped-window-list-item-box { + font-weight: normal; + transition-duration: 100ms; + border: none; + margin: 0; + color: rgba(239, 241, 245, 0.6); + border-radius: 0; + spacing: 6px; + border-bottom: 2px solid transparent; +} + +.grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { + padding: 0 2px; +} + +.grouped-window-list-item-box:hover { + color: rgba(239, 241, 245, 0.7); + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.15); +} + +.grouped-window-list-item-box:active { + color: rgba(239, 241, 245, 0.7); + background-gradient-direction: none; + background-color: transparent; + border-color: rgba(239, 241, 245, 0.3); +} + +.grouped-window-list-item-box:active:hover { + background-color: rgba(239, 241, 245, 0.15); +} + +.grouped-window-list-item-box:focus { + color: rgba(239, 241, 245, 0.7); + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.2); + border-color: #589ed7; +} + +.grouped-window-list-item-box:focus:hover { + background-color: rgba(239, 241, 245, 0.3); +} + +.grouped-window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #a6da95; + background-gradient-end: #a6da95; + border-radius: 12px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #eed49f; + background-gradient-end: #eed49f; +} + +.window-list-box { + spacing: 2px; +} + +.panel-bottom .window-list-box:ltr, .panel-top .window-list-box:ltr { + padding: 0 0 0 8px; +} + +.panel-bottom .window-list-box:rtl, .panel-top .window-list-box:rtl { + padding: 0 8px 0 0; +} + +.window-list-box.vertical { + padding: 6px 0 0 0; +} + +.window-list-box.vertical #appMenuIcon { + padding-top: 2px; +} + +.window-list-box:highlight { + background-color: rgba(237, 135, 150, 0.5); +} + +.window-list-item-label { + font-weight: normal; + width: 15em; + min-width: 5px; +} + +.window-list-item-box { + font-weight: normal; + background-image: none; + transition-duration: 100ms; + color: rgba(239, 241, 245, 0.9); + border-radius: 0; +} + +.panel-bottom .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-top .window-list-item-box StLabel { + padding-left: 6px; +} + +.panel-left .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-right .window-list-item-box StLabel { + padding-top: 6px; +} + +.panel-top .window-list-item-box { + border-top: 2px solid transparent; +} + +.panel-top .window-list-item-box StIcon, +.panel-top .window-list-item-box StBin, +.panel-top .window-list-item-box #appMenuIcon { + padding: 2px; + padding-top: 0; +} + +.panel-bottom .window-list-item-box { + border-bottom: 2px solid transparent; +} + +.panel-bottom .window-list-item-box StIcon, +.panel-bottom .window-list-item-box StBin, +.panel-bottom .window-list-item-box #appMenuIcon { + padding: 2px; + padding-bottom: 0; +} + +.panel-left .window-list-item-box { + border-left: 2px solid transparent; +} + +.panel-left .window-list-item-box StIcon, +.panel-left .window-list-item-box StBin, +.panel-left .window-list-item-box #appMenuIcon { + padding: 2px; + padding-left: 0; +} + +.panel-right .window-list-item-box { + border-right: 2px solid transparent; +} + +.panel-right .window-list-item-box StIcon, +.panel-right .window-list-item-box StBin, +.panel-right .window-list-item-box #appMenuIcon { + padding: 2px; + padding-right: 0; +} + +.window-list-item-box:hover { + color: rgba(239, 241, 245, 0.7); + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.15); +} + +.window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:running { + color: rgba(239, 241, 245, 0.7); + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.25); + border-color: rgba(239, 241, 245, 0.3); +} + +.window-list-item-box:active:hover, .window-list-item-box:checked:hover, .window-list-item-box:running:hover { + background-color: rgba(239, 241, 245, 0.3); +} + +.window-list-item-box:focus { + color: rgba(239, 241, 245, 0.7); + background-gradient-direction: none; + background-image: radial-gradient(5px 5px 45deg, circle cover, rgba(239, 241, 245, 0.7) 0%, rgba(239, 241, 245, 0.7) 100%); + border-color: #589ed7; + background-color: rgba(239, 241, 245, 0.2); +} + +.window-list-item-box:focus:hover { + background-color: rgba(239, 241, 245, 0.3); +} + +.panel-top .window-list-item-box:focus { + background-position: top center; +} + +.panel-bottom .window-list-item-box:focus { + background-position: bottom center; +} + +.panel-left .window-list-item-box:focus { + background-position: left center; +} + +.panel-right .window-list-item-box:focus { + background-position: right center; +} + +.window-list-item-box.right, .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; +} + +.window-list-item-box .progress { + background-gradient-direction: vertical; + background-gradient-start: #a6da95; + background-gradient-end: #a6da95; + border-radius: 12px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #eed49f; + background-gradient-end: #eed49f; +} + +.window-list-preview { + padding: 6px; + spacing: 6px; + border: none; + background-color: #292c3c; + border-radius: 12px; + color: #eff1f5; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16); +} diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/thumbnail.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/thumbnail.png new file mode 100644 index 0000000..1db9d5f Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/cinnamon/thumbnail.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/calendar-arrow-left.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..ec8b478 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/calendar-arrow-right.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..6fc5556 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/calendar-today.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/calendar-today.svg new file mode 100644 index 0000000..fc3fdf7 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/calendar-today.svg @@ -0,0 +1,55 @@ + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-dark.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-dark.svg new file mode 100644 index 0000000..d6bb926 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-dark.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-off-active.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-off-active.svg new file mode 100644 index 0000000..9cfdefd --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-off-active.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-off-hover.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-off-hover.svg new file mode 100644 index 0000000..ef5123a --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-off-hover.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-off.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-off.svg new file mode 100644 index 0000000..b00efa6 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox.svg new file mode 100644 index 0000000..126455b --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/checkbox.svg @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/dash-placeholder.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/dash-placeholder.svg new file mode 100644 index 0000000..172156a --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,4 @@ + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/no-events.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/no-events.svg new file mode 100644 index 0000000..239177d --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/no-events.svg @@ -0,0 +1,82 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/no-notifications.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/no-notifications.svg new file mode 100644 index 0000000..ae09f92 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/noise-texture.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/noise-texture.svg new file mode 100644 index 0000000..484f6c8 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/noise-texture.svg @@ -0,0 +1,78 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/process-working.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/process-working.svg new file mode 100644 index 0000000..0f311b0 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/process-working.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/toggle-off.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/toggle-off.svg new file mode 100644 index 0000000..6cd17d8 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,59 @@ + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/toggle-on-dark.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/toggle-on-dark.svg new file mode 100644 index 0000000..3c02855 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/toggle-on-dark.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/toggle-on.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/toggle-on.svg new file mode 100644 index 0000000..e5ee9fd --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/toggle-on.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/view-app-grid.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/view-app-grid.svg new file mode 100644 index 0000000..fcd7e5e --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/assets/view-app-grid.svg @@ -0,0 +1,139 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/gnome-shell.css b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/gnome-shell.css new file mode 100644 index 0000000..e579743 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/gnome-shell.css @@ -0,0 +1,6418 @@ +/* This stylesheet is generated, DO NOT EDIT */ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ +/* General Typography */ +.search-statustext, .app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { + font-weight: 800; + font-size: 20pt; +} + +.message-notification-group .message-group-header .message-group-title, .message-list .message-list-placeholder, .message-dialog-content .message-dialog-title, .lg-debug-flags-header { + font-weight: 800; + font-size: 15pt; +} + +.quick-toggle-menu .header .title { + font-weight: 700; + font-size: 15pt; +} + +.bt-menu-placeholder.popup-menu-item, .restart-message, .polkit-dialog-user-layout .polkit-dialog-user-label, +.polkit-dialog-user-layout .polkit-dialog-user-root-label, .message-dialog-content .message-dialog-title.lightweight { + font-weight: 700; + font-size: 13pt; +} + +.background-app-item .title, .message-list-controls, .dialog-list .dialog-list-title, .world-clocks-button .world-clocks-header, .calendar .calendar-month-label, .lg-extension-name { + font-weight: 700; + font-size: 11pt; +} + +.quick-toggle-menu .header .subtitle, .app-menu .popup-inactive-menu-item:first-child > StLabel { + font-weight: 700; + font-size: 9pt; +} + +.icon-label-button-container, .background-app-item .subtitle, .message .message-header .message-header-content .event-time, .prompt-dialog .prompt-dialog-error-label, +.prompt-dialog .prompt-dialog-info-label, +.prompt-dialog .prompt-dialog-null-label, .run-dialog .run-dialog-description, .dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + font-weight: 400; + font-size: 9pt; +} + +.calendar .calendar-week-number, .calendar .calendar-day-heading { + font-weight: 400; + font-size: 8pt; +} + +.calendar .calendar-day-heading { + font-feature-settings: 'tnum'; +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(211, 230, 245, 0.3); + box-shadow: 0 0 2px 2px #aaceeb; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #589ed7; + -pie-background-color: rgba(253, 254, 254, 0.3); +} + +.magnifier-zoom-region { + border: 2px solid #589ed7; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +.shell-link { + border-radius: 12px; + color: #8bc1df; +} + +.shell-link:hover { + color: #8bc1df; + background-color: rgba(139, 193, 223, 0.15); +} + +.shell-link:active { + color: #8bc1df; + background-color: rgba(139, 193, 223, 0.25); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.icon-dropshadow { + icon-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); +} + +/* Buttons */ +.quick-settings-system-item .icon-button, .quick-settings-system-item .background-app-item .close-button, .background-app-item .quick-settings-system-item .close-button, .quick-settings-system-item .message .message-header .message-expand-button, .message .message-header .quick-settings-system-item .message-expand-button, +.quick-settings-system-item .message .message-header .message-close-button, +.message .message-header .quick-settings-system-item .message-close-button, .quick-settings-system-item .message-notification-group .message-collapse-button, .message-notification-group .quick-settings-system-item .message-collapse-button, .hotplug-notification-item, .button { + color: #eff1f5; + background-color: #292c3c; + box-shadow: none !important; +} + +.quick-settings-system-item .icon-button:focus, .quick-settings-system-item .background-app-item .close-button:focus, .background-app-item .quick-settings-system-item .close-button:focus, .quick-settings-system-item .message .message-header .message-expand-button:focus, .message .message-header .quick-settings-system-item .message-expand-button:focus, +.quick-settings-system-item .message .message-header .message-close-button:focus, +.message .message-header .quick-settings-system-item .message-close-button:focus, .quick-settings-system-item .message-notification-group .message-collapse-button:focus, .message-notification-group .quick-settings-system-item .message-collapse-button:focus, .hotplug-notification-item:focus, .button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.quick-settings-system-item .icon-button:hover, .quick-settings-system-item .background-app-item .close-button:hover, .background-app-item .quick-settings-system-item .close-button:hover, .quick-settings-system-item .message .message-header .message-expand-button:hover, .message .message-header .quick-settings-system-item .message-expand-button:hover, +.quick-settings-system-item .message .message-header .message-close-button:hover, +.message .message-header .quick-settings-system-item .message-close-button:hover, .quick-settings-system-item .message-notification-group .message-collapse-button:hover, .message-notification-group .quick-settings-system-item .message-collapse-button:hover, .hotplug-notification-item:hover, .button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; +} + +.quick-settings-system-item .icon-button:active, .quick-settings-system-item .background-app-item .close-button:active, .background-app-item .quick-settings-system-item .close-button:active, .quick-settings-system-item .message .message-header .message-expand-button:active, .message .message-header .quick-settings-system-item .message-expand-button:active, +.quick-settings-system-item .message .message-header .message-close-button:active, +.message .message-header .quick-settings-system-item .message-close-button:active, .quick-settings-system-item .message-notification-group .message-collapse-button:active, .message-notification-group .quick-settings-system-item .message-collapse-button:active, .hotplug-notification-item:active, .button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.quick-settings-system-item .icon-button:insensitive, .quick-settings-system-item .background-app-item .close-button:insensitive, .background-app-item .quick-settings-system-item .close-button:insensitive, .quick-settings-system-item .message .message-header .message-expand-button:insensitive, .message .message-header .quick-settings-system-item .message-expand-button:insensitive, +.quick-settings-system-item .message .message-header .message-close-button:insensitive, +.message .message-header .quick-settings-system-item .message-close-button:insensitive, .quick-settings-system-item .message-notification-group .message-collapse-button:insensitive, .message-notification-group .quick-settings-system-item .message-collapse-button:insensitive, .hotplug-notification-item:insensitive, .button:insensitive { + color: rgba(239, 241, 245, 0.35); + background-color: #292c3c; + box-shadow: none !important; +} + +.modal-dialog-button, .lg-obj-inspector-button, .candidate-page-button, .modal-dialog-linked-button, .icon-button.flat, .background-app-item .flat.close-button, .message-notification-group .flat.message-collapse-button, .message .message-header .flat.message-expand-button, +.message .message-header .flat.message-close-button, .button.flat, .popup-menu .button { + color: #eff1f5; + background-color: transparent; + box-shadow: none !important; +} + +.modal-dialog-button:focus, .lg-obj-inspector-button:focus, .candidate-page-button:focus, .modal-dialog-linked-button:focus, .icon-button.flat:focus, .background-app-item .flat.close-button:focus, .message-notification-group .flat.message-collapse-button:focus, .message .message-header .flat.message-expand-button:focus, +.message .message-header .flat.message-close-button:focus, .button.flat:focus, .popup-menu .button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.modal-dialog-button:hover, .lg-obj-inspector-button:hover, .candidate-page-button:hover, .modal-dialog-linked-button:hover, .icon-button.flat:hover, .background-app-item .flat.close-button:hover, .message-notification-group .flat.message-collapse-button:hover, .message .message-header .flat.message-expand-button:hover, +.message .message-header .flat.message-close-button:hover, .button.flat:hover, .popup-menu .button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.modal-dialog-button:active, .lg-obj-inspector-button:active, .candidate-page-button:active, .modal-dialog-linked-button:active, .icon-button.flat:active, .background-app-item .flat.close-button:active, .message-notification-group .flat.message-collapse-button:active, .message .message-header .flat.message-expand-button:active, +.message .message-header .flat.message-close-button:active, .button.flat:active, .popup-menu .button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.modal-dialog-button:insensitive, .lg-obj-inspector-button:insensitive, .candidate-page-button:insensitive, .modal-dialog-linked-button:insensitive, .icon-button.flat:insensitive, .background-app-item .flat.close-button:insensitive, .message-notification-group .flat.message-collapse-button:insensitive, .message .message-header .flat.message-expand-button:insensitive, +.message .message-header .flat.message-close-button:insensitive, .button.flat:insensitive, .popup-menu .button:insensitive { + background-color: transparent; + color: rgba(239, 241, 245, 0.35); + box-shadow: none !important; +} + +.icon-button.default, .background-app-item .default.close-button, .message-notification-group .default.message-collapse-button, .message .message-header .default.message-expand-button, +.message .message-header .default.message-close-button, .button.default { + color: #eff1f5; + background-color: #589ed7; + box-shadow: none !important; +} + +.icon-button.default:focus, .background-app-item .default.close-button:focus, .message-notification-group .default.message-collapse-button:focus, .message .message-header .default.message-expand-button:focus, +.message .message-header .default.message-close-button:focus, .button.default:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.icon-button.default:hover, .background-app-item .default.close-button:hover, .message-notification-group .default.message-collapse-button:hover, .message .message-header .default.message-expand-button:hover, +.message .message-header .default.message-close-button:hover, .button.default:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; +} + +.icon-button.default:insensitive, .background-app-item .default.close-button:insensitive, .message-notification-group .default.message-collapse-button:insensitive, .message .message-header .default.message-expand-button:insensitive, +.message .message-header .default.message-close-button:insensitive, .button.default:insensitive { + color: rgba(239, 241, 245, 0.35); + background-color: #589ed7; + box-shadow: none !important; +} + +.icon-button.default:active, .background-app-item .default.close-button:active, .message-notification-group .default.message-collapse-button:active, .message .message-header .default.message-expand-button:active, +.message .message-header .default.message-close-button:active, .button.default:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.button { + min-height: 20px; + padding: 6px 12px; + border-radius: 12px; + border: none; +} + +.icon-button, .background-app-item .close-button, .message-notification-group .message-collapse-button, .message .message-header .message-expand-button, +.message .message-header .message-close-button { + border-radius: 9999px; + padding: 6px; + min-height: 1.091em; +} + +.icon-button StIcon, .background-app-item .close-button StIcon, .message-notification-group .message-collapse-button StIcon, .message .message-header .message-expand-button StIcon, +.message .message-header .message-close-button StIcon { + icon-size: 1.091em; + -st-icon-style: symbolic; +} + +.screenshot-ui-show-pointer-button, .screenshot-ui-type-button { + color: #eff1f5; + background-color: transparent; + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive { + color: rgba(239, 241, 245, 0.35); + background-color: #24273a; + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked { + color: #eff1f5; + background-color: #589ed7; + box-shadow: none !important; +} + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: 0.8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 3px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-image: url("assets/checkbox-off-hover.svg"); +} + +.check-box:active StBin { + background-image: url("assets/checkbox-off-active.svg"); +} + +.check-box:checked StBin, .check-box:focus:checked StBin { + background-image: url("assets/checkbox-dark.svg"); +} + +/* Activities Ripple */ +.ripple-box { + background-color: rgba(88, 158, 215, 0.35); + box-shadow: 0 0 2px 2px #aaceeb; + width: 52px; + height: 52px; + border-radius: 0 0 52px 0; +} + +.ripple-box:rtl { + border-radius: 0 0 0 52px; +} + +/* Modal Dialogs */ +.candidate-popup-content, .modal-dialog { + background-color: #292c3c; + border-radius: 21px; +} + +.modal-dialog-button:last-child, .modal-dialog-linked-button:last-child { + color: #24273a; + background-color: #589ed7; +} + +.modal-dialog-button:hover:last-child, .modal-dialog-linked-button:hover:last-child { + color: #24273a; + background-color: #7db4e0; +} + +.modal-dialog-button:active:last-child, .modal-dialog-linked-button:active:last-child { + color: #24273a; + background-color: #4392d2; +} + +.modal-dialog-button:insensitive:last-child, .modal-dialog-linked-button:insensitive:last-child { + color: #24273a; + background-color: rgba(88, 158, 215, 0.05); +} + +.headline { + font-size: 12ptpt; +} + +.modal-dialog { + color: rgba(239, 241, 245, 0.7); + padding: 0 6px 6px 6px; +} + +.modal-dialog-linked-button { + min-height: 32px !important; + padding: 6px !important; + margin: 3px !important; + border: none !important; + border-radius: 12px; +} + +.modal-dialog-linked-button:first-child { + background-color: rgba(239, 241, 245, 0.04); +} + +.modal-dialog-linked-button:first-child:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.modal-dialog-linked-button:first-child:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.modal-dialog-linked-button:first-child:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.modal-dialog .modal-dialog-content-box { + margin: 30px 42px; + spacing: 30px; + max-width: 28em; +} + +.end-session-dialog { + width: 30em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #eed49f; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.lightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: rgba(239, 241, 245, 0.7); + font-size: 10ptpt; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 12px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: rgba(239, 241, 245, 0.7); + font-size: 10ptpt; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 10ptpt; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #ed8796; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: rgba(239, 241, 245, 0.5); +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #eed49f; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 12px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.audio-selection-device:active { + background-color: #589ed7; + color: #eff1f5; +} + +.audio-selection-device-box { + padding: 18px; + spacing: 18px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.welcome-dialog-image { + background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); + background-size: contain; + height: 300px; + width: 300px; +} + +/* Entries */ +StEntry, +.popup-menu .search-entry { + min-height: 20px; + padding: 6px 12px; + margin: 2px; + border-radius: 12px; + color: #eff1f5; + caret-color: #eff1f5; + selection-background-color: #589ed7; + selected-color: #eff1f5; + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid transparent !important; + box-shadow: none !important; +} + +StEntry:hover, +.popup-menu .search-entry:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid rgba(239, 241, 245, 0.3) !important; + box-shadow: none !important; +} + +StEntry:focus, +.popup-menu .search-entry:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid #589ed7 !important; + box-shadow: none !important; +} + +StEntry:insensitive, +.popup-menu .search-entry:insensitive { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.35); + box-shadow: none !important; +} + +StEntry StIcon.capslock-warning, +.popup-menu .search-entry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #eed49f; + padding: 0; +} + +StEntry StIcon.peek-password, +.popup-menu .search-entry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text, +.popup-menu .search-entry StLabel.hint-text { + margin-left: 2px; + color: rgba(239, 241, 245, 0.5); +} + +.hotplug-notification-item { + padding: 12px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 12px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 12px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 12px 12px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 0 4px; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 12px; +} + +.candidate-popup-content { + color: rgba(239, 241, 245, 0.7); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); + border: none; + margin: 3px 8px; + padding: 6px; + spacing: 6px; + border-radius: 12px; +} + +.candidate-index { + padding: 0 0.5em 0 0; + color: rgba(239, 241, 245, 0.7); +} + +.candidate-box:selected .candidate-index { + color: rgba(239, 241, 245, 0.7); +} + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + margin-right: 2px; + border-radius: 6px; + color: rgba(239, 241, 245, 0.7); +} + +.candidate-box:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.candidate-box:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +.candidate-box:selected { + background-color: #589ed7; + color: #eff1f5; +} + +.candidate-box:last-child { + margin-right: 0; +} + +.candidate-page-button-box { + height: 2em; +} + +.vertical .candidate-page-button-box { + padding-top: 0.5em; +} + +.horizontal .candidate-page-button-box { + padding-left: 0.5em; +} + +.candidate-page-button { + padding: 4px 8px; + border-radius: 6px; +} + +.candidate-page-button-previous, +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1em; +} + +/* On-screen Keyboard */ +#keyboard { + background-color: #1d1d1d; + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + font-size: 16ptpt; + font-weight: bold; + min-height: 1.2em; + min-width: 1.2em; + padding: 0 !important; + border-radius: 15px; + border: none; + color: rgba(239, 241, 245, 0.7); + background-color: #707070; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: #eff1f5; + background-color: #656565; +} + +.keyboard-key:checked, .keyboard-key:active { + color: #eff1f5; + background-color: #717171; +} + +.keyboard-key:grayed { + background-color: #4b4b4b; + color: rgba(239, 241, 245, 0.7); +} + +.keyboard-key.default-key { + background-color: #4b4b4b; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: #eff1f5; + background-color: #585858; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: #eff1f5; + background-color: #6a6a6a; +} + +.keyboard-key.enter-key { + color: #eff1f5; + background-color: #589ed7; +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: #eff1f5; + background-color: #6daadc; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: #eff1f5; + background-color: #3186cb; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #589ed7; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 18px; + -arrow-background-color: #323233; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 6px; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.85); +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border: none; + background-color: #589ed7; +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +/* Login Dialog */ +#lockDialogGroup { + background-color: #24273a; +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog StEntry, +.unlock-dialog StEntry { + selection-background-color: #589ed7; + selected-color: #eff1f5; + padding: 4px 8px; + min-height: 26px; + border-radius: 9999px; + caret-color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border-radius: 0; + border: none !important; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.15) !important; + color: #eff1f5; +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none !important; + background-color: rgba(239, 241, 245, 0.04); + box-shadow: inset 0 -2px #589ed7 !important; + color: #eff1f5; +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none !important; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.35); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(239, 241, 245, 0.5); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: #eff1f5; + background-color: transparent; + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + background-color: transparent; + color: rgba(239, 241, 245, 0.35); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: #eff1f5; + background-color: #292c3c; + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(239, 241, 245, 0.35); + background-color: #292c3c; + box-shadow: none !important; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 100px; + width: 32px; + height: 32px; + border: none; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .login-dialog-message-warning, +.unlock-dialog .login-dialog-message-warning { + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message { + text-align: center; +} + +.login-dialog-message-warning { + color: #eed49f; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.login-dialog-not-listed-label { + padding-left: 2px; +} + +.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: #eff1f5; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(239, 241, 245, 0.7); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; +} + +.login-dialog-user-list { + spacing: 12px; + padding: 0.2em; + width: 23em; +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(239, 241, 245, 0.3); + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #589ed7; +} + +.login-dialog-user-list-item { + border-radius: 18px; + padding: 6px; + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(239, 241, 245, 0.04) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(239, 241, 245, 0.12) !important; + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(239, 241, 245, 0.3) !important; + color: rgba(239, 241, 245, 0.7); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.user-widget-label { + color: rgba(239, 241, 245, 0.7); +} + +.user-widget.horizontal .user-widget-label { + font-size: 13ptpt; + font-weight: bold; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; + text-align: left; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; + text-align: right; +} + +.user-widget.vertical .user-widget-label { + font-size: 16ptpt; + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 12px; + width: 23em; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-label { + color: rgba(239, 241, 245, 0.7); + font-size: 12ptpt; + padding-top: 1em; +} + +/* Looking Glass */ +#LookingGlassDialog { + background-color: #292c3c; + padding: 0; + spacing: 6px; + margin: 6px; + border-radius: 20px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #eff1f5; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 6px; + border: none; + border-radius: 20px 20px 0 0; + background-color: rgba(239, 241, 245, 0.04); + box-shadow: inset 0 -1px 0 rgba(239, 241, 245, 0.12); + spacing: 6px; +} + +#LookingGlassDialog .labels { + spacing: 6px; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 12px; + font-weight: bold; + color: rgba(239, 241, 245, 0.5); + padding-left: 16px; + padding-right: 16px; + min-height: 32px; + padding: 3px 30px; + transition-duration: 100ms; + border: none; + background-color: transparent; + border-radius: 0; +} + +#LookingGlassDialog .notebook-tab:hover { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-color: transparent; + background-color: rgba(239, 241, 245, 0.12); + box-shadow: inset 0 -2px 0px #e6e9ef; + color: #eff1f5; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 6px; + padding: 6px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 6px; + padding: 6px; +} + +.lg-dialog StEntry { + min-height: 22px; + selection-background-color: #589ed7; + selected-color: #eff1f5; +} + +.lg-dialog .shell-link { + color: #8bc1df; +} + +.lg-dialog .shell-link:hover { + color: #b3d6ea; +} + +.lg-dialog .shell-link:active { + color: #63acd4; +} + +.lg-dialog .actor-link { + color: rgba(239, 241, 245, 0.5); +} + +.lg-dialog .actor-link:hover { + color: #eff1f5; +} + +.lg-dialog .actor-link:active { + color: rgba(239, 241, 245, 0.7); +} + +.lg-dialog .actor-link StIcon { + icon-size: 12px; +} + +.lg-completions-text { + font-size: 0.9em; + font-style: italic; + color: rgba(239, 241, 245, 0.7); +} + +.lg-obj-inspector-title { + spacing: 6px; + color: rgba(239, 241, 245, 0.7); +} + +.lg-obj-inspector-button { + padding: 0 16px; + border: none; + border-radius: 12px; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 6px; + color: rgba(239, 241, 245, 0.7); +} + +.lg-extensions-list { + padding: 6px; + spacing: 6px; + color: rgba(239, 241, 245, 0.7); +} + +.lg-extension { + border: none; + border-radius: 12px; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.7); + padding: 12px; +} + +.lg-extension:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.lg-extension:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); +} + +.lg-extension-meta { + spacing: 6px; + color: rgba(239, 241, 245, 0.7); +} + +#LookingGlassPropertyInspector { + color: rgba(239, 241, 245, 0.7); + background: #292c3c; + border: none; + border-radius: 12px; + padding: 6px; + margin: 5px 8px 11px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.lg-debug-flag-button { + color: rgba(239, 241, 245, 0.7); +} + +.lg-debug-flag-button StLabel { + padding: 6px, 12px; +} + +.lg-debug-flag-button:hover { + color: #eff1f5; +} + +.lg-debug-flag-button:active { + color: #eff1f5; +} + +.lg-debug-flags-header { + padding-top: 12px; + padding: 6px; +} + +.select-area-rubberband { + background-color: rgba(88, 158, 215, 0.3); + border: 1px solid #589ed7; + border-radius: 12px; +} + +.user-icon { + background-size: contain; + color: rgba(239, 241, 245, 0.7); + border-radius: 9999px; + border: none; + box-shadow: none; + icon-size: 64px; +} + +.modal-dialog .user-icon { + box-shadow: none; +} + +.user-icon:hover { + color: #eff1f5; +} + +.user-icon StIcon { + background-color: #eff1f5; + border-radius: 9999px; + padding: 12px; + width: 40px; + height: 40px; +} + +.user-icon.user-avatar { + border: 2px solid #589ed7; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 10ptpt; + color: #eed49f; +} + +/* Network Dialogs */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-airplane-box { + spacing: 12px; +} + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; +} + +.nm-dialog-airplane-text { + color: #eff1f5; +} + +.nm-dialog-header { + font-weight: bold; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-scroll-view { + border: none; + padding: 0; + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px; +} + +.nm-dialog-item { + font-size: 11ptpt; + border-bottom: none; + padding: 12px; + spacing: 0px; +} + +.nm-dialog-item:selected { + background-color: #589ed7; + color: #eff1f5; +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.nm-dialog-icons { + spacing: 12px; +} + +.no-networks-label { + color: rgba(239, 241, 245, 0.5); +} + +.no-networks-box { + spacing: 6px; +} + +/* OSD */ +.screenshot-ui-panel, .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { + color: rgba(239, 241, 245, 0.7); + background-color: #24273a; + border: none; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + margin: 5px 8px 11px; + border-radius: 18px; + padding: 12px; +} + +.osd-window { + text-align: center; + font-weight: bold; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + height: 2px; + border-radius: 2px; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; + -barlevel-height: 2px; + -barlevel-background-color: rgba(239, 241, 245, 0.12); + -barlevel-active-background-color: #589ed7; + -barlevel-overdrive-color: #ed8796; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(239, 241, 245, 0.12); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 2px; +} + +.pad-osd-window { + padding: 32px; + background-color: #24273a; +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview StScrollBar StBin#trough { + background-color: rgba(239, 241, 245, 0.12); +} + +#overview StScrollBar StButton#vhandle, +#overview StScrollBar StButton#hhandle { + background-color: rgba(239, 241, 245, 0.5); +} + +#overview StScrollBar StButton#vhandle:hover, +#overview StScrollBar StButton#hhandle:hover { + background-color: rgba(239, 241, 245, 0.7); +} + +#overview StScrollBar StButton#vhandle:active, +#overview StScrollBar StButton#hhandle:active { + background-color: #eff1f5; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 30px; +} + +/* Top Bar */ +#panel { + color: #eff1f5; + font-weight: bold; + font-feature-settings: 'tnum'; + font-size: 11ptpt; + transition-duration: 250ms; + box-shadow: none; + border: none; + height: 35px; + background-color: rgba(36, 39, 58, 0.85); +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(36, 39, 58, 0.85); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; + -panel-corner-opacity: 1; + transition-duration: 250ms; +} + +#panel .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 12px; + font-weight: bold; + color: rgba(239, 241, 245, 0.7); + transition-duration: 150ms; + border-radius: 12px; + text-shadow: none; + box-shadow: none; + border: 3px solid transparent; +} + +#panel .panel-button.clock-display { + box-shadow: none; +} + +#panel .panel-button.clock-display .clock { + transition-duration: 150ms; + border-radius: 12px; +} + +#panel .panel-button:hover { + color: #589ed7; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(52, 55, 73, 0.859); +} + +#panel .panel-button:hover.clock-display { + box-shadow: none; + color: rgba(239, 241, 245, 0.7); +} + +#panel .panel-button:hover.clock-display .clock { + color: #589ed7; + box-shadow: inset 0 0 0 1000px rgba(52, 55, 73, 0.859); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:overview, #panel .panel-button:overview:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + color: #589ed7; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(68, 70, 87, 0.868); +} + +#panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { + box-shadow: none; + color: rgba(239, 241, 245, 0.7); +} + +#panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { + color: #589ed7; + box-shadow: inset 0 0 0 1000px rgba(68, 70, 87, 0.868); +} + +.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #eff1f5; +} + +.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #eff1f5; +} + +#panel .panel-button .system-status-icon { + icon-size: 16px; + padding: 6px; + margin: 0; + -st-icon-style: symbolic; +} + +#panel .panel-button .appindicator-trayicons-box { + margin: 0 6px; +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; +} + +#panel .panel-button#panelActivities { + -natural-hpadding: 18px; +} + +#panel .panel-button#panelActivities StBoxLayout { + padding: 0 3px; + spacing: 6px; +} + +#panel .panel-button#panelActivities .workspace-dot { + border-radius: 9999px; + min-width: 8px; + min-height: 8px; + background-color: #eff1f5; +} + +#panel:overview, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; + box-shadow: none; +} + +#panel:overview StLabel, +#panel:overview StIcon, #panel.unlock-screen StLabel, +#panel.unlock-screen StIcon, #panel.login-screen StLabel, +#panel.login-screen StIcon, #panel.lock-screen StLabel, +#panel.lock-screen StIcon { + color: rgba(239, 241, 245, 0.7); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.login-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: #eff1f5; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); +} + +#panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.login-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display { + box-shadow: none; + color: #eff1f5; +} + +#panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.login-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock { + color: #eff1f5; + box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.12); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:overview, #panel:overview .panel-button:focus, #panel:overview .panel-button:checked, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:overview, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:checked, #panel.login-screen .panel-button:active, #panel.login-screen .panel-button:overview, #panel.login-screen .panel-button:focus, #panel.login-screen .panel-button:checked, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:overview, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:checked { + color: #eff1f5; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); +} + +#panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:overview.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:overview.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.login-screen .panel-button:active.clock-display, #panel.login-screen .panel-button:overview.clock-display, #panel.login-screen .panel-button:focus.clock-display, #panel.login-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:overview.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:checked.clock-display { + box-shadow: none; + color: #eff1f5; +} + +#panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:overview.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:overview.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.login-screen .panel-button:active.clock-display .clock, #panel.login-screen .panel-button:overview.clock-display .clock, #panel.login-screen .panel-button:focus.clock-display .clock, #panel.login-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:overview.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock { + box-shadow: inset 0 0 0 1000px rgba(239, 241, 245, 0.2); + color: #eff1f5; +} + +#panel:overview .panel-button#panelActivities .workspace-dot, #panel.unlock-screen .panel-button#panelActivities .workspace-dot, #panel.login-screen .panel-button#panelActivities .workspace-dot, #panel.lock-screen .panel-button#panelActivities .workspace-dot { + background-color: #eff1f5; +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.login-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel Gjs_status_keyboard_InputSourceIndicator.panel-button, +#panel Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_IndicatorStatusIcon.panel-button, +#panel Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button { + -natural-hpadding: 18px !important; + -minimum-hpadding: 18px !important; +} + +#panel .screencast-indicator, +#panel .remote-access-indicator { + color: #eed49f; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-border-radius: 18px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 12px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu { + min-width: 12em; + color: rgba(239, 241, 245, 0.7) !important; + padding: 0; + border-radius: 30px; + box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.18); + margin: 6px 6px 8px; +} + +.popup-menu .popup-menu-content { + padding: 6px; + background-color: #24273a; + border-radius: 12px; + margin: 0; + border: 1px solid rgba(36, 39, 58, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.popup-menu .popup-menu-item { + spacing: 6px; + color: rgba(239, 241, 245, 0.7) !important; + text-shadow: none; + border-radius: 12px; + margin: 0; + transition-duration: 100ms; + background-color: transparent; +} + +.popup-menu .popup-menu-item:checked { + border: none; + box-shadow: none; + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.12) !important; + border-radius: 12px 12px 0 0 !important; +} + +.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected { + color: #eff1f5 !important; + background-color: alpha(currentColor, 0.08) !important; +} + +.popup-menu .popup-menu-item:checked:active { + color: #eff1f5 !important; + background-color: alpha(currentColor, 0.12) !important; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(239, 241, 245, 0.32) !important; +} + +.popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.12) !important; + transition-duration: 0; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.3) !important; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(239, 241, 245, 0.32) !important; +} + +.popup-menu .popup-sub-menu { + background-color: rgba(239, 241, 245, 0.12) !important; + color: rgba(239, 241, 245, 0.7) !important; + border: none; + box-shadow: none; + margin: 0; + border-radius: 0 0 12px 12px !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + margin: 0; +} + +.popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item:hover, .popup-menu .popup-sub-menu .popup-menu-item.selected { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.3) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(239, 241, 245, 0.32) !important; +} + +.popup-menu .popup-inactive-menu-item { + color: rgba(239, 241, 245, 0.7) !important; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(239, 241, 245, 0.32) !important; +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 16px; +} + +.popup-menu-ornament { + width: 1.2em; +} + +.popup-menu-ornament:ltr { + text-align: right; +} + +.popup-menu-ornament:rtl { + text-align: left; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0px; +} + +.aggregate-menu { + min-width: 20em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 3px; + -st-icon-style: symbolic; +} + +.app-menu { + max-width: 27.25em; +} + +.app-menu .popup-menu-ornament { + width: 0 !important; +} + +.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr { + margin-right: 8px; +} + +.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl { + margin-left: 8px; +} + +/* Screen Shield */ +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: 'tnum'; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: #24273a; + color: #eff1f5; + border-radius: 18px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: #343853; +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: #eff1f5; + background-color: #589ed7; + border-radius: 9999px; + margin-right: 12px; +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +#unlockDialogNotifications StButton#vhandle, +#unlockDialogNotifications StButton#hhandle { + background-color: rgba(36, 39, 58, 0.3); +} + +#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, +#unlockDialogNotifications StButton#hhandle:hover, +#unlockDialogNotifications StButton#hhandle:focus { + background-color: rgba(36, 39, 58, 0.5); +} + +#unlockDialogNotifications StButton#vhandle:active, +#unlockDialogNotifications StButton#hhandle:active { + background-color: rgba(88, 158, 215, 0.5); +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 0; +} + +StScrollView StScrollBar { + min-width: 12px; + min-height: 12px; +} + +StScrollBar StBin#trough { + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.12); + margin: 3px; +} + +StScrollBar StButton#vhandle, +StScrollBar StButton#hhandle { + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + border: 3px solid transparent; + margin: 3px; +} + +StScrollBar StButton#vhandle:hover, +StScrollBar StButton#hhandle:hover { + background-color: rgba(239, 241, 245, 0.7); +} + +StScrollBar StButton#vhandle:active, +StScrollBar StButton#hhandle:active { + background-color: #eff1f5; +} + + +.search-entry { + width: 320px; + min-height: 32px; + padding: 0 12px; + color: rgba(239, 241, 245, 0.7); + transition-duration: 150ms; + border-radius: 12px; + caret-color: #eff1f5; + selection-background-color: rgba(239, 241, 245, 0.12); + selected-color: #eff1f5 !important; + color: #eff1f5; + background-color: #292c3c; + border: 2px solid transparent !important; + box-shadow: none !important; +} + + +.search-entry:hover { + color: #eff1f5; + background-color: #292c3c; + border: 2px solid rgba(239, 241, 245, 0.3) !important; + box-shadow: none !important; +} + + +.search-entry:focus { + color: #eff1f5; + background-color: #292c3c; + border: 2px solid #589ed7 !important; + box-shadow: none !important; +} + + +.search-entry .search-entry-icon { + icon-size: 16px; + padding: 0; + color: rgba(239, 241, 245, 0.32); +} + + +.search-entry:hover .search-entry-icon, +.search-entry:focus .search-entry-icon { + color: rgba(239, 241, 245, 0.7); +} + + +.search-entry:insensitive { + border: none; + color: rgba(239, 241, 245, 0.32); +} + + +.search-entry StLabel.hint-text { + color: rgba(239, 241, 245, 0.5); +} + +/* Slider */ +.slider { + height: 20px; + color: #292c3c; + -slider-height: 2px; + -slider-background-color: rgba(239, 241, 245, 0.3); + -slider-border-color: #589ed7; + -slider-active-background-color: #589ed7; + -slider-active-border-color: #589ed7; + -slider-border-width: 2px; + -slider-handle-radius: 7px; + -slider-handle-border-width: 2px; + -slider-handle-border-color: #589ed7; + -barlevel-height: 15px; + -barlevel-background-color: rgba(239, 241, 245, 0.3); + -barlevel-border-color: transparent; + -barlevel-active-background-color: #589ed7; + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #ed8796; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 12px; + border: 1px solid transparent; + background-color: transparent; +} + +.switcher-list .item-box:outlined { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.switcher-list .item-box:selected { + background-color: #589ed7; + color: #eff1f5; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 6px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(239, 241, 245, 0.12); +} + +.switcher-list .switcher-list-item-container { + spacing: 12px; +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: rgba(239, 241, 245, 0.5); +} + +.switcher-arrow:highlighted { + color: #eff1f5; +} + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; +} + +.cycler-highlight { + border: 5px solid #589ed7; +} + +/* Switches */ +.toggle-switch { + width: 46px; + height: 24px; + background-size: contain; +} + +.toggle-switch, .popup-sub-menu .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked, .popup-sub-menu .toggle-switch:checked { + background-image: url("assets/toggle-on-dark.svg"); +} + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(88, 158, 215, 0.3); + border: 1px solid #589ed7; +} + +.tile-preview-left.on-primary { + border-radius: 13px 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 13px 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 13px 13px 0 0; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 12px; +} + +.workspace-switcher { + background: transparent; + border: none; + border-radius: 0; + padding: 0; + spacing: 12px; +} + +.ws-switcher-box { + background: transparent; + height: 50px; + background-size: 32px; + background: rgba(239, 241, 245, 0.12); + border-radius: 12px; +} + +.ws-switcher-active-up, +.ws-switcher-active-down, +.ws-switcher-active-left, +.ws-switcher-active-right { + height: 52px; + background-color: #589ed7; + color: #eff1f5; + border-radius: 15px; + border: none; +} + +/* App Icons */ +.icon-grid { + row-spacing: 12px; + column-spacing: 12px; + max-row-spacing: 36px; + max-column-spacing: 36px; + page-padding-top: 24px; + page-padding-bottom: 24px; + page-padding-left: 18px; + page-padding-right: 18px; +} + +.overview-tile, .grid-search-result { + color: rgba(239, 241, 245, 0.7); + border-radius: 30px; + padding: 6px; + border: none; + transition-duration: 100ms; + text-align: center; + background-color: transparent; +} + +.overview-tile:hover, .grid-search-result:hover, .overview-tile:focus, .grid-search-result:focus, .overview-tile:selected, .grid-search-result:selected { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-image: none; + background-image: none; +} + +.overview-tile:active, .grid-search-result:active, .overview-tile:checked, .grid-search-result:checked { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); + box-shadow: none; +} + +.app-folder { + background-color: rgba(239, 241, 245, 0.12); + border-radius: 30px; + color: rgba(239, 241, 245, 0.7); +} + +.app-folder .overview-icon { + background-color: transparent; + border-radius: 30px; +} + +.app-folder:hover { + background-color: rgba(239, 241, 245, 0.2); + color: #eff1f5; +} + +.app-folder:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +.app-grid-running-dot { + width: 6px; + height: 3px; + border-radius: 2px; + background-color: rgba(239, 241, 245, 0.3); + margin-bottom: 0; +} + +StWidget.focused .app-grid-running-dot { + width: 24px; + background-color: #eff1f5 !important; +} + +.app-folder-dialog-container { + padding-top: 32px; +} + +.app-folder-dialog { + width: 720px; + height: 720px; + border-radius: 54px; + padding: 12px; + background-color: #24273a; + border: 1px solid black; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px; + padding-bottom: 0; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 12em; + border: none; + caret-color: #eff1f5; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.app-folder-dialog .icon-button, .app-folder-dialog .background-app-item .close-button, .background-app-item .app-folder-dialog .close-button, .app-folder-dialog .message-notification-group .message-collapse-button, .message-notification-group .app-folder-dialog .message-collapse-button, .app-folder-dialog .message .message-header .message-expand-button, .message .message-header .app-folder-dialog .message-expand-button, +.app-folder-dialog .message .message-header .message-close-button, +.message .message-header .app-folder-dialog .message-close-button { + background-color: rgba(239, 241, 245, 0.06); + color: rgba(239, 241, 245, 0.7); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 9999px; +} + +.app-folder-dialog .icon-button > StIcon, .app-folder-dialog .background-app-item .close-button > StIcon, .background-app-item .app-folder-dialog .close-button > StIcon, .app-folder-dialog .message-notification-group .message-collapse-button > StIcon, .message-notification-group .app-folder-dialog .message-collapse-button > StIcon, .app-folder-dialog .message .message-header .message-expand-button > StIcon, .message .message-header .app-folder-dialog .message-expand-button > StIcon, +.app-folder-dialog .message .message-header .message-close-button > StIcon, +.message .message-header .app-folder-dialog .message-close-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .icon-button:hover, .app-folder-dialog .background-app-item .close-button:hover, .background-app-item .app-folder-dialog .close-button:hover, .app-folder-dialog .message-notification-group .message-collapse-button:hover, .message-notification-group .app-folder-dialog .message-collapse-button:hover, .app-folder-dialog .message .message-header .message-expand-button:hover, .message .message-header .app-folder-dialog .message-expand-button:hover, +.app-folder-dialog .message .message-header .message-close-button:hover, +.message .message-header .app-folder-dialog .message-close-button:hover { + background-color: rgba(239, 241, 245, 0.12); +} + +.app-folder-dialog .icon-button:checked, .app-folder-dialog .background-app-item .close-button:checked, .background-app-item .app-folder-dialog .close-button:checked, .app-folder-dialog .message-notification-group .message-collapse-button:checked, .message-notification-group .app-folder-dialog .message-collapse-button:checked, .app-folder-dialog .message .message-header .message-expand-button:checked, .message .message-header .app-folder-dialog .message-expand-button:checked, +.app-folder-dialog .message .message-header .message-close-button:checked, +.message .message-header .app-folder-dialog .message-close-button:checked, .app-folder-dialog .icon-button:active, .app-folder-dialog .background-app-item .close-button:active, .background-app-item .app-folder-dialog .close-button:active, .app-folder-dialog .message-notification-group .message-collapse-button:active, .message-notification-group .app-folder-dialog .message-collapse-button:active, .app-folder-dialog .message .message-header .message-expand-button:active, .message .message-header .app-folder-dialog .message-expand-button:active, +.app-folder-dialog .message .message-header .message-close-button:active, +.message .message-header .app-folder-dialog .message-close-button:active { + background-color: #eff1f5; + color: rgba(36, 39, 58, 0.87); +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 6px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 12px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: #24273a; + color: #eff1f5; + border-radius: 9999px; + icon-size: 48px; +} + +.page-navigation-hint.dnd { + background: rgba(255, 255, 255, 0.1); +} + +.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { + background-gradient-start: rgba(255, 255, 255, 0.05); + background-gradient-end: transparent; + background-gradient-direction: horizontal; + border-radius: 27px 0px 0px 27px; +} + +.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { + background-gradient-start: transparent; + background-gradient-end: rgba(255, 255, 255, 0.05); + background-gradient-direction: horizontal; + border-radius: 0px 27px 27px 0px; +} + +.page-navigation-arrow { + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 9999px; + transition-duration: 100ms; + color: rgba(239, 241, 245, 0.7); + background-color: transparent; +} + +.page-navigation-arrow > StIcon { + color: #eff1f5; +} + +.page-navigation-arrow:insensitive { + background-color: transparent; + color: rgba(239, 241, 245, 0.5); +} + +.page-navigation-arrow:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.page-navigation-arrow:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +/* Date/Time Menu */ +.popup-menu .message, .world-clocks-button, +.weather-button, +.events-button { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px; + border: none; + box-shadow: none; + text-shadow: none; +} + +.popup-menu .message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, .popup-menu .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +.popup-menu .message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none; +} + +#calendarArea { + padding: 0; +} + +.datemenu-calendar-column { + spacing: 6px; + border: none; + padding: 0 !important; + margin: 0 !important; +} + +.datemenu-calendar-column:ltr { + margin-right: 0; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 0; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 6px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: rgba(239, 241, 245, 0.7); + font-weight: bold; +} + +.datemenu-today-button, +.datemenu-displays-box { + margin: 4px 6px; +} + +/* today button (the date) */ +.datemenu-today-button { + border: none; + box-shadow: none; + background: none; + padding: 6px 12px; + margin: 0; + text-shadow: none; + color: rgba(239, 241, 245, 0.7); + border-radius: 12px; + margin: 4px; +} + +.datemenu-today-button:ltr { + margin-left: 4px; +} + +.datemenu-today-button:rtl { + margin-right: 4px; +} + +.datemenu-today-button:hover, .datemenu-today-button:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.datemenu-today-button:active { + background-color: rgba(239, 241, 245, 0.2); +} + +.datemenu-today-button .day-label { + font-size: 12ptpt; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18ptpt; + font-weight: normal; +} + +/* Calendar */ +.calendar { + border: none; + box-shadow: none; + background-color: transparent; + padding: 6px !important; + margin: 4px !important; + text-shadow: none; + border-radius: 18px; + color: rgba(239, 241, 245, 0.7); +} + +.calendar .calendar-month-label { + padding: 6px 0; + color: rgba(239, 241, 245, 0.7) !important; + font-weight: bold; + text-align: center; + text-shadow: none; + background-color: transparent; +} + +.calendar .calendar-change-month-back, +.calendar .calendar-change-month-forward { + padding: 0 !important; + margin: 3px 0 !important; +} + +.calendar .calendar-change-month-back StIcon, +.calendar .calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar .pager-button { + width: 32px !important; + height: 32px !important; + margin: 2px !important; + border-radius: 9999px; + background-color: transparent; + color: #eff1f5; + box-shadow: none !important; +} + +.calendar .pager-button:hover, .calendar .pager-button:focus { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; +} + +.calendar .pager-button:active { + background-color: rgba(239, 241, 245, 0.3); + box-shadow: none !important; +} + +.calendar .calendar-day { + font-size: 10ptpt; + text-align: center; + width: 34px !important; + height: 34px !important; + padding: 0 !important; + margin: 2px !important; + border-radius: 9999px; + color: rgba(239, 241, 245, 0.7) !important; + border: none; + font-feature-settings: 'tnum'; + background-color: transparent; +} + +.calendar .calendar-day:hover, .calendar .calendar-day:focus { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; + outline: none !important; +} + +.calendar .calendar-day:active, .calendar .calendar-day:selected { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.3); + border-color: transparent !important; + box-shadow: none !important; + outline: none !important; +} + +.calendar .calendar-day.calendar-weekend { + color: rgba(239, 241, 245, 0.5) !important; +} + +.calendar .calendar-day { + border-width: 0; +} + +.calendar .calendar-day-top { + border-top-width: 0; +} + +.calendar .calendar-day-left { + border-left-width: 0; +} + +.calendar .calendar-nonwork-day { + color: #eff1f5; +} + +.calendar .calendar-today { + font-weight: bold; + color: rgba(239, 241, 245, 0.7) !important; + background-color: rgba(239, 241, 245, 0.06); + border: none; +} + +.calendar .calendar-today:hover, .calendar .calendar-today:focus { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5 !important; +} + +.calendar .calendar-today:active { + background-color: #4392d2; + color: #eff1f5 !important; +} + +.calendar .calendar-today:selected { + background-color: #589ed7; + color: #24273a !important; +} + +.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #79b1df; + color: #24273a !important; +} + +.calendar .calendar-day-with-events { + color: rgba(239, 241, 245, 0.7); + background-image: url("assets/calendar-today.svg"); +} + +.calendar .calendar-day-with-events.calendar-work-day { + color: rgba(239, 241, 245, 0.7); + font-weight: bold; +} + +.calendar .calendar-other-month { + color: rgba(239, 241, 245, 0.32) !important; + font-weight: normal; +} + +.calendar .calendar-other-month.calendar-weekend { + color: rgba(239, 241, 245, 0.32) !important; +} + +.calendar .calendar-day-heading { + font-weight: bold; + text-align: center; + margin: 4px; + padding: 3px 6px; + border-radius: 12px; + background-color: transparent; + color: #eff1f5; +} + +.calendar .calendar-week-number { + width: 26px; + height: 20px; + margin: 6px 2px !important; + padding: 0; + border-radius: 12px; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + font-weight: bold; + font-feature-settings: 'tnum'; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button { + padding: 12px !important; + margin: 4px 0 0 !important; +} + +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; + color: rgba(239, 241, 245, 0.7); +} + +.events-button .events-title { + font-weight: bold; + text-shadow: none; + color: rgba(239, 241, 245, 0.5); +} + +.events-button .event-time { + font-feature-settings: 'tnum'; + font-size: 10ptpt; + color: rgba(239, 241, 245, 0.5); +} + +.world-clocks-button .world-clocks-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.world-clocks-button .world-clocks-header { + color: rgba(239, 241, 245, 0.5); +} + +.world-clocks-button .world-clocks-city { + font-weight: bold; + font-size: 11ptpt; + color: rgba(239, 241, 245, 0.7); +} + +.world-clocks-button .world-clocks-time { + font-feature-settings: 'tnum'; + font-size: 11ptpt; + color: #eff1f5; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + font-feature-settings: 'tnum'; + font-size: 10ptpt; + color: rgba(239, 241, 245, 0.5); +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button .weather-box { + spacing: 10px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + font-weight: bold; + color: rgba(239, 241, 245, 0.7); +} + +.weather-button .weather-header.location { + font-weight: normal; + font-size: 10ptpt; + color: rgba(239, 241, 245, 0.5); +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + font-feature-settings: 'tnum'; + font-size: 9ptpt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; + color: rgba(239, 241, 245, 0.7); +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: 0.8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 3px; + border-radius: 9999px; +} + +.check-box StIcon { + icon-size: 0; + padding: 0; + color: transparent !important; + border: none !important; + background-color: transparent !important; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); + background-color: tranparent; + box-shadow: none; +} + +.check-box:hover StBin { + background-image: url("assets/checkbox-off-hover.svg"); + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.04); +} + +.check-box:active StBin { + background-image: url("assets/checkbox-off-active.svg"); +} + +.check-box:checked StBin, .check-box:focus:checked StBin { + background-image: url("assets/checkbox.svg"); +} + +/* Dash */ +#dash { + margin-top: 16px; +} + +#dash .dash-background { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.12); + border: none; + /* remove black border on ubuntu */ + padding: 4px 3px; + border-radius: 18px; +} + +#dash .dash-item-container .placeholder { + background-image: none; + background-size: contain; + height: 32px; +} + +#dash .dash-item-container .empty-dash-drop-target { + width: 32px; + height: 32px; +} + +#dash .dash-item-container .show-apps, +#dash .dash-item-container .overview-tile, +#dash .dash-item-container .grid-search-result { + background: none; + box-shadow: none; + border: none; + border-radius: 0; + padding: 0; + margin: 0 2px; + padding-bottom: 16px; +} + +#dash .dash-item-container .show-apps .overview-icon, +#dash .dash-item-container .overview-tile .overview-icon, +#dash .dash-item-container .grid-search-result .overview-icon { + border-radius: 16px; + padding: 4px; + spacing: 4px; + text-align: center; + transition-duration: 100ms; + background-color: transparent; + color: #eff1f5; +} + +#dash .dash-item-container .show-apps:focus .overview-icon, +#dash .dash-item-container .overview-tile:focus .overview-icon, +#dash .dash-item-container .grid-search-result:focus .overview-icon { + background-color: rgba(239, 241, 245, 0.12); +} + +#dash .dash-item-container .show-apps:hover .overview-icon, +#dash .dash-item-container .overview-tile:hover .overview-icon, +#dash .dash-item-container .grid-search-result:hover .overview-icon { + background-color: rgba(239, 241, 245, 0.15); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.25); +} + +#dash .dash-item-container .show-apps:active .overview-icon, +#dash .dash-item-container .overview-tile:active .overview-icon, +#dash .dash-item-container .grid-search-result:active .overview-icon { + background-color: rgba(239, 241, 245, 0.3); +} + +#dash .dash-item-container .show-apps:checked .overview-icon, +#dash .dash-item-container .overview-tile:checked .overview-icon, +#dash .dash-item-container .grid-search-result:checked .overview-icon { + background-color: rgba(239, 241, 245, 0.12); +} + +#dash .dash-item-container .show-apps .show-apps-icon { + -st-icon-source: none !important; + color: transparent !important; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + padding: 0px 5px !important; +} + +#dash .dash-item-container .app-well-app-running-dot, +#dash .dash-item-container .app-grid-running-dot { + margin-bottom: 12px; + offset-y: 8px; + width: 6px; + height: 6px; + border-radius: 9999px; + background-color: #eff1f5; +} + +#dash .dash-separator { + width: 1px; + margin-left: 4px; + margin-right: 4px; + background-color: rgba(239, 241, 245, 0.25); +} + +#dash .dash-separator, +#dash .dash-background { + margin-bottom: 16px; +} + +.dash-label { + background-color: #181825; + color: #9399b2; + border-radius: 12px; + padding: 6px 12px; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.12); + border: none; + text-align: center; + -y-offset: 12px; + -x-offset: 8px; +} + +/* Modal Dialogs */ +.modal-dialog, .candidate-popup-content { + background-color: #292c3c; + border-radius: 18px; + border: none; +} + +.modal-dialog-button:last-child, .modal-dialog-linked-button:last-child { + background-color: #589ed7; + color: #24273a; +} + +.modal-dialog-button:hover:last-child, .modal-dialog-linked-button:hover:last-child { + background-color: #7db4e0; + color: #24273a; +} + +.modal-dialog-button:active:last-child, .modal-dialog-linked-button:active:last-child { + background-color: #4392d2; + color: #24273a; +} + +.modal-dialog-button:insensitive:last-child, .modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(88, 158, 215, 0.05); + color: rgba(88, 158, 215, 0.35); +} + +.headline { + font-size: 12ptpt; +} + +.modal-dialog { + color: rgba(239, 241, 245, 0.7); + padding: 12px; + margin: 0; +} + +.modal-dialog-button, .modal-dialog-linked-button { + min-height: 32px !important; + padding: 6px !important; + margin: 0 !important; + border: none !important; + border-radius: 12px; +} + +.modal-dialog-button:first-child, .modal-dialog-linked-button:first-child { + background-color: rgba(239, 241, 245, 0.04); +} + +.modal-dialog-button:first-child:focus, .modal-dialog-linked-button:first-child:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.modal-dialog-button:first-child:hover, .modal-dialog-linked-button:first-child:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.modal-dialog-button:first-child:active, .modal-dialog-linked-button:first-child:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.modal-dialog .modal-dialog-button-box { + padding-top: 6px; +} + +.modal-dialog .modal-dialog-content-box { + margin: 6px; + spacing: 6px; + max-width: 28em; +} + +.end-session-dialog { + width: 26em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #eed49f; + background-color: rgba(238, 212, 159, 0.1); + padding: 9px; + border-radius: 12px; + margin: 4px 0; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: rgba(239, 241, 245, 0.7); +} + +.run-dialog { + width: 26em; + padding-bottom: 6px; +} + +.run-dialog .run-dialog-entry { + padding: 12px 9px; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: rgba(239, 241, 245, 0.7); +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog .prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog .prompt-dialog-password-entry { + width: 20em; + padding: 12px 9px; +} + +.prompt-dialog .prompt-dialog-error-label, +.prompt-dialog .prompt-dialog-info-label, +.prompt-dialog .prompt-dialog-null-label { + text-align: center; +} + +.prompt-dialog .prompt-dialog-error-label { + color: #eed49f; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #eed49f; +} + +.audio-device-selection-dialog { + min-width: 24em; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 12px; +} + +.audio-device-selection-dialog .audio-selection-box .audio-selection-device { + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 12px; +} + +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:hover, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:active { + background-color: #589ed7; + color: #eff1f5; +} + +.audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-box { + padding: 12px; + spacing: 12px; +} + +.audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-icon { + icon-size: 64px; +} + +.welcome-dialog-image { + background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); + background-size: contain; + height: 300px; + width: 300px; +} + +/* Access portal dialog */ +.access-dialog { + text-align: center; +} + +/* Modal Dialogs */ +.modal-dialog, .candidate-popup-content { + background-color: #292c3c; + border-radius: 18px; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + border: none; +} + +.modal-dialog-linked-button:last-child, .modal-dialog-button:last-child { + background-color: #589ed7; + color: #24273a; +} + +.modal-dialog-linked-button:hover:last-child, .modal-dialog-button:hover:last-child { + background-color: #7db4e0; + color: #24273a; +} + +.modal-dialog-linked-button:active:last-child, .modal-dialog-button:active:last-child { + background-color: #4392d2; + color: #24273a; +} + +.modal-dialog-linked-button:insensitive:last-child, .modal-dialog-button:insensitive:last-child { + background-color: rgba(88, 158, 215, 0.05); + color: rgba(88, 158, 215, 0.35); +} + +.headline { + font-size: 12ptpt; +} + +.modal-dialog { + color: rgba(239, 241, 245, 0.7); + padding: 12px; + margin: 0; +} + +.modal-dialog-button, .modal-dialog-linked-button { + min-height: 32px !important; + padding: 6px !important; + margin: 0 !important; + border: none !important; + border-radius: 12px; +} + +.modal-dialog-button:first-child, .modal-dialog-linked-button:first-child { + background-color: rgba(239, 241, 245, 0.04); +} + +.modal-dialog-button:first-child:focus, .modal-dialog-linked-button:first-child:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.modal-dialog-button:first-child:hover, .modal-dialog-linked-button:first-child:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); +} + +.modal-dialog-button:first-child:active, .modal-dialog-linked-button:first-child:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.modal-dialog .modal-dialog-button-box { + padding-top: 6px; +} + +.modal-dialog .modal-dialog-content-box { + margin: 6px; + spacing: 6px; + max-width: 28em; +} + +.end-session-dialog { + width: 26em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #eed49f; + background-color: rgba(238, 212, 159, 0.1); + padding: 9px; + border-radius: 12px; + margin: 4px 0; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: rgba(239, 241, 245, 0.7); +} + +.run-dialog { + width: 26em; + padding-bottom: 6px; +} + +.run-dialog .run-dialog-entry { + padding: 12px 9px; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: rgba(239, 241, 245, 0.7); +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog .prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog .prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog .prompt-dialog-password-entry { + width: 20em; + padding: 12px 9px; +} + +.prompt-dialog .prompt-dialog-error-label, +.prompt-dialog .prompt-dialog-info-label, +.prompt-dialog .prompt-dialog-null-label { + text-align: center; +} + +.prompt-dialog .prompt-dialog-error-label { + color: #eed49f; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #eed49f; +} + +.audio-device-selection-dialog { + min-width: 24em; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 12px; +} + +.audio-device-selection-dialog .audio-selection-box .audio-selection-device { + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 12px; +} + +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:hover, .audio-device-selection-dialog .audio-selection-box .audio-selection-device:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.audio-device-selection-dialog .audio-selection-box .audio-selection-device:active { + background-color: #589ed7; + color: #eff1f5; +} + +.audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-box { + padding: 12px; + spacing: 12px; +} + +.audio-device-selection-dialog .audio-selection-box .audio-selection-device .audio-selection-device-icon { + icon-size: 64px; +} + +.welcome-dialog-image { + background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); + background-size: contain; + height: 300px; + width: 300px; +} + +/* Access portal dialog */ +.access-dialog { + text-align: center; +} + +/* Message List */ +.message-list { + width: 29em; + text-shadow: none; + border: solid rgba(239, 241, 245, 0.12); + padding: 0; +} + +.message-list:ltr { + margin-left: 0; + margin-right: 8px; + padding-right: 10px; + border-right-width: 0; +} + +.message-list:rtl { + margin-right: 0; + margin-left: 8px; + padding-left: 10px; + border-left-width: 0; +} + +.message-list .message-list-placeholder { + spacing: 12px; + color: rgba(239, 241, 245, 0.32); +} + +.message-list .message-list-placeholder > StIcon { + icon-size: 96px; + margin-bottom: 12px; + -st-icon-style: symbolic; +} + +.message-list-sections { + margin: 0; + padding-bottom: 6px; +} + +.message-list-sections:ltr { + margin-right: 0; +} + +.message-list-sections:rtl { + margin-left: 0; +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 6px; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 6px; + spacing: 6px; +} + +.message-list-controls .dnd-button { + border-width: 2px; + border-color: transparent; + border-radius: 32px; + border-style: solid; +} + +.message-list-controls .dnd-button:focus { + border-color: rgba(88, 158, 215, 0.6); +} + +.message { + padding: 0; + margin: 3px; + border-radius: 20px; +} + +.popup-menu .message { + border-radius: 12px; +} + +.popup-menu .message .notification-button:first-child:ltr { + border-radius: 0 0 0 12px; +} + +.popup-menu .message .notification-button:last-child:ltr { + border-radius: 0 0 12px; +} + +.popup-menu .message .notification-button:first-child:rtl { + border-radius: 0 0 12px; +} + +.popup-menu .message .notification-button:last-child:rtl { + border-radius: 0 0 0 12px; +} + +.popup-menu .message .notification-button:first-child:last-child { + border-radius: 0 0 12px 12px; +} + +.message .message-header { + padding: 0 0.409em; + margin: 6px; + margin-bottom: 0; + spacing: 6px; + color: rgba(239, 241, 245, 0.5); +} + +.message .message-header .message-source-icon { + icon-size: 1.091em; + -st-icon-style: symbolic; +} + +.message .message-header .message-header-content { + spacing: 6px; + min-height: 1.637em; + padding-bottom: 6px; +} + +.message .message-header .message-header-content .message-source-title { + font-weight: bold; +} + +.message .message-header .message-header-content .event-time { + padding-bottom: 0.068em; + color: rgba(239, 241, 245, 0.5); +} + +.message .message-header .message-header-content .event-time:ltr { + text-align: right; +} + +.message .message-header .message-header-content .event-time:rtl { + text-align: left; +} + +.message .message-header .message-expand-button, +.message .message-header .message-close-button { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + padding: 4px; + border: none; +} + +.message .message-header .message-expand-button, .message .message-header .message-expand-button:hover, .message .message-header .message-expand-button:active, +.message .message-header .message-close-button, +.message .message-header .message-close-button:hover, +.message .message-header .message-close-button:active { + color: #eff1f5; +} + +.message .message-header .message-expand-button:hover, .message .message-header .message-expand-button:focus, +.message .message-header .message-close-button:hover, +.message .message-header .message-close-button:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover, +.message .message-header .message-close-button:active, +.message .message-header .message-close-button:active:hover { + background-color: rgba(239, 241, 245, 0.3); +} + +.message .message-header .message-expand-button:insensitive, +.message .message-header .message-close-button:insensitive { + background-color: rgba(239, 241, 245, 0.04); +} + +.message .message-header .message-expand-button { + padding: 4px; + border: none; +} + +.message .message-header .message-expand-button:ltr { + margin-right: 6px; +} + +.message .message-header .message-expand-button:rtl { + margin-left: 6px; +} + +.message .message-box { + padding: 6px; + margin: 6px; + margin-top: 0; + spacing: 6px; +} + +.message .message-box .message-icon { + icon-size: 48px; + -st-icon-style: symbolic; +} + +.message .message-box .message-icon:ltr { + margin-right: 6px; +} + +.message .message-box .message-icon:rtl { + margin-left: 6px; +} + +.message .message-box .message-icon.message-themed-icon { + border-radius: 9999px; + icon-size: 16px; + min-width: 48px; + min-height: 48px; + color: rgba(239, 241, 245, 0.5); + background-color: rgba(239, 241, 245, 0.12); +} + +.message .message-box:first-child { + margin-top: 12px; +} + +.message .message-box .message-content { + spacing: 4px; +} + +.message .message-box .message-content .message-title { + font-weight: bold; +} + +.url-highlighter { + link-color: #8bc1df; +} + +.message-media-control { + margin: 4px 6px; + padding: 12px; + border-radius: 9999px; + border: none; + color: rgba(239, 241, 245, 0.7); +} + +.message-media-control:hover, .message-media-control:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.message-media-control:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.message-media-control:hover, .message-media-control:focus, .message-media-control:active { + color: #eff1f5; +} + +.message-media-control:insensitive { + color: rgba(239, 241, 245, 0.5); +} + +.message-media-control StIcon { + icon-size: 16px; +} + +.media-message .message-icon { + border-radius: 6px !important; +} + +.media-message .message-icon.message-themed-icon { + icon-size: 32px !important; +} + +/* Message List */ +.message-list { + width: 29em; + text-shadow: none; + border: solid rgba(239, 241, 245, 0.12); + padding: 0; +} + +.message-list:ltr { + margin-left: 2px; + margin-right: 8px; + padding-right: 10px; + border-right-width: 0; +} + +.message-list:rtl { + margin-right: 0; + margin-left: 8px; + padding-left: 10px; + border-left-width: 0; +} + +.message-list .message-list-placeholder { + spacing: 12px; + color: rgba(239, 241, 245, 0.32); +} + +.message-list .message-list-placeholder > StIcon { + icon-size: 96px; + margin-bottom: 12px; + -st-icon-style: symbolic; +} + +.message-view { + -st-vfade-offset: 24px; +} + +.message-view:ltr { + margin-right: 12px; +} + +.message-view:rtl { + margin-left: 12px; +} + +.message-view .message { + margin-bottom: 12px !important; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 6px; + spacing: 6px; +} + +.message-list-controls .dnd-button { + border-width: 2px; + border-color: transparent; + border-radius: 32px; + border-style: solid; +} + +.message-list-controls .dnd-button:focus { + border-color: rgba(88, 158, 215, 0.6); +} + +.message-notification-group { + spacing: 12px; +} + +.message-notification-group .message-group-header { + padding: 6px; +} + +.message-notification-group .message-group-header .message-group-title { + margin: 0 4px; +} + +.message-notification-group .message-collapse-button { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + padding: 4px !important; + border: 4px transparent solid; +} + +.message-notification-group .message-collapse-button:hover { + background-color: rgba(239, 241, 245, 0.3); +} + +.message-notification-group .message-collapse-button:active { + background-color: rgba(239, 241, 245, 0.2); +} + +.message { + padding: 0; + margin: 3px; + border-radius: 20px; +} + +.popup-menu .message { + border-radius: 12px; + color: rgba(239, 241, 245, 0.5); + background-color: #2c2f47; + border: 1px solid rgba(36, 39, 58, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + /* &:insensitive { + color: $text-disabled; + background-color: lighten($background, 4%); + box-shadow: none !important; + } */ +} + +.popup-menu .message:hover, .popup-menu .message:focus { + color: rgba(88, 158, 215, 0.5); + background-color: #2e324a; +} + +.popup-menu .message:active { + color: #eff1f5; + background-color: #2c2f47; + box-shadow: none !important; +} + +.message:second-in-stack { + background-color: #30344d; +} + +.message:lower-in-stack { + background-color: #343853; + border: 1px solid rgba(239, 241, 245, 0); +} + +.message .message-header { + padding: 0 0.409em; + margin: 6px; + margin-bottom: 0; + spacing: 6px; + color: rgba(239, 241, 245, 0.5); + /* .message-close-button { + margin-left: $base_padding * 0.5; + padding: 4px; + } */ +} + +.message .message-header:ltr { + padding-right: 0; +} + +.message .message-header:rtl { + padding-left: 0; +} + +.message .message-header .message-source-icon { + icon-size: 1.091em; + -st-icon-style: symbolic; +} + +.message .message-header .message-header-content { + spacing: 6px; + min-height: 1.637em; + padding-bottom: 6px; +} + +.message .message-header .message-header-content .message-source-title { + font-weight: bold; +} + +.message .message-header .message-header-content .event-time { + padding-bottom: 0.068em; + color: rgba(239, 241, 245, 0.5); +} + +.message .message-header .message-header-content .event-time:ltr { + text-align: right; +} + +.message .message-header .message-header-content .event-time:rtl { + text-align: left; +} + +.message .message-header .message-expand-button, +.message .message-header .message-close-button { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + padding: 4px; + border: none; +} + +.message .message-header .message-expand-button, .message .message-header .message-expand-button:hover, +.message .message-header .message-close-button, +.message .message-header .message-close-button:hover { + color: #eff1f5; +} + +.message .message-header .message-expand-button:hover, .message .message-header .message-expand-button:focus, +.message .message-header .message-close-button:hover, +.message .message-header .message-close-button:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover, +.message .message-header .message-close-button:active, +.message .message-header .message-close-button:active:hover { + background-color: #589ed7; + color: #eff1f5; +} + +.message .message-header .message-expand-button:insensitive, +.message .message-header .message-close-button:insensitive { + background-color: rgba(239, 241, 245, 0.04); +} + +.message .message-header .message-expand-button { + padding: 4px; + border: none; +} + +.message .message-header .message-expand-button:ltr { + margin-right: 6px; +} + +.message .message-header .message-expand-button:rtl { + margin-left: 6px; +} + +.message .message-box { + padding: 6px; + margin: 6px; + margin-top: 0; + spacing: 6px; +} + +.message .message-box .message-icon { + icon-size: 48px; + -st-icon-style: symbolic; +} + +.message .message-box .message-icon:ltr { + margin-right: 6px; +} + +.message .message-box .message-icon:rtl { + margin-left: 6px; +} + +.message .message-box .message-icon.message-themed-icon { + border-radius: 9999px; + icon-size: 16px; + min-width: 48px; + min-height: 48px; + color: rgba(239, 241, 245, 0.5); + background-color: rgba(239, 241, 245, 0.12); +} + +.message .message-box:first-child { + margin-top: 12px; +} + +.message .message-box .message-content { + spacing: 4px; +} + +.message .message-box .message-content .message-title { + font-weight: bold; +} + +.url-highlighter { + link-color: #8bc1df; +} + +.message-media-control { + margin: 4px 6px; + padding: 12px; + border-radius: 9999px; + border: none; + color: rgba(239, 241, 245, 0.7); +} + +.message-media-control:hover, .message-media-control:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.message-media-control:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.message-media-control:hover, .message-media-control:focus, .message-media-control:active { + color: #eff1f5; +} + +.message-media-control:insensitive { + color: rgba(239, 241, 245, 0.5); +} + +.message-media-control StIcon { + icon-size: 16px; +} + +.media-message .message-icon { + border-radius: 6px !important; +} + +.media-message .message-icon.message-themed-icon { + icon-size: 32px !important; +} + +/* Message List */ +.message-list { + width: 29em; + text-shadow: none; + border: solid rgba(239, 241, 245, 0.12); + padding: 0; +} + +.message-list:ltr { + margin-left: 2px; + margin-right: 8px; + padding-right: 10px; + border-right-width: 0; +} + +.message-list:rtl { + margin-right: 0; + margin-left: 8px; + padding-left: 10px; + border-left-width: 0; +} + +.message-list .message-list-placeholder { + spacing: 12px; + color: rgba(239, 241, 245, 0.32); +} + +.message-list .message-list-placeholder > StIcon { + icon-size: 96px; + margin-bottom: 12px; + -st-icon-style: symbolic; +} + +.message-view { + -st-vfade-offset: 24px; +} + +.message-view:ltr { + margin-right: 12px; +} + +.message-view:rtl { + margin-left: 12px; +} + +.message-view .message { + margin-bottom: 12px !important; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 6px; + spacing: 6px; +} + +.message-list-controls .dnd-button { + border-width: 2px; + border-color: transparent; + border-radius: 32px; + border-style: solid; +} + +.message-list-controls .dnd-button:focus { + border-color: rgba(88, 158, 215, 0.6); +} + +.message-notification-group { + spacing: 12px; +} + +.message-notification-group .message-group-header { + padding: 6px; +} + +.message-notification-group .message-group-header .message-group-title { + margin: 0 4px; +} + +.message-notification-group .message-collapse-button { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.2); + padding: 4px !important; + border: 4px transparent solid; +} + +.message-notification-group .message-collapse-button:hover { + background-color: rgba(239, 241, 245, 0.3); +} + +.message-notification-group .message-collapse-button:active { + background-color: rgba(239, 241, 245, 0.2); +} + +.message { + padding: 0; + margin: 3px; + border-radius: 20px; +} + +.popup-menu .message { + border-radius: 12px; + color: rgba(239, 241, 245, 0.5); + background-color: #2c2f47; + border: 1px solid rgba(36, 39, 58, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); + /* &:insensitive { + color: $text-disabled; + background-color: lighten($background, 4%); + box-shadow: none !important; + } */ +} + +.popup-menu .message:hover, .popup-menu .message:focus { + color: rgba(88, 158, 215, 0.5); + background-color: #2e324a; +} + +.popup-menu .message:active { + color: #eff1f5; + background-color: #2c2f47; + box-shadow: none !important; +} + +.message:second-in-stack { + background-color: #30344d; +} + +.message:lower-in-stack { + background-color: #343853; + border: 1px solid rgba(239, 241, 245, 0); +} + +.message .message-header { + padding: 0 0.409em; + margin: 6px; + margin-bottom: 0; + spacing: 6px; + color: rgba(239, 241, 245, 0.5); + /* .message-close-button { + margin-left: $base_padding * 0.5; + padding: 4px; + } */ +} + +.message .message-header:ltr { + padding-right: 0; +} + +.message .message-header:rtl { + padding-left: 0; +} + +.message .message-header .message-source-icon { + icon-size: 1.091em; + -st-icon-style: symbolic; +} + +.message .message-header .message-header-content { + spacing: 6px; + min-height: 1.637em; + padding-bottom: 6px; +} + +.message .message-header .message-header-content .message-source-title { + font-weight: bold; +} + +.message .message-header .message-header-content .event-time { + padding-bottom: 0.068em; + color: rgba(239, 241, 245, 0.5); +} + +.message .message-header .message-header-content .event-time:ltr { + text-align: right; +} + +.message .message-header .message-header-content .event-time:rtl { + text-align: left; +} + +.message .message-header .message-expand-button, +.message .message-header .message-close-button { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + padding: 4px; + border: none; +} + +.message .message-header .message-expand-button, .message .message-header .message-expand-button:hover, +.message .message-header .message-close-button, +.message .message-header .message-close-button:hover { + color: #eff1f5; +} + +.message .message-header .message-expand-button:hover, .message .message-header .message-expand-button:focus, +.message .message-header .message-close-button:hover, +.message .message-header .message-close-button:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.message .message-header .message-expand-button:active, .message .message-header .message-expand-button:active:hover, +.message .message-header .message-close-button:active, +.message .message-header .message-close-button:active:hover { + background-color: #589ed7; + color: #eff1f5; +} + +.message .message-header .message-expand-button:insensitive, +.message .message-header .message-close-button:insensitive { + background-color: rgba(239, 241, 245, 0.04); +} + +.message .message-header .message-expand-button { + padding: 4px; + border: none; +} + +.message .message-header .message-expand-button:ltr { + margin-right: 6px; +} + +.message .message-header .message-expand-button:rtl { + margin-left: 6px; +} + +.message .message-box { + padding: 6px; + margin: 6px; + margin-top: 0; + spacing: 6px; +} + +.message .message-box .message-icon { + icon-size: 48px; + -st-icon-style: symbolic; +} + +.message .message-box .message-icon:ltr { + margin-right: 6px; +} + +.message .message-box .message-icon:rtl { + margin-left: 6px; +} + +.message .message-box .message-icon.message-themed-icon { + border-radius: 9999px; + icon-size: 16px; + min-width: 48px; + min-height: 48px; + color: rgba(239, 241, 245, 0.5); + background-color: rgba(239, 241, 245, 0.12); +} + +.message .message-box:first-child { + margin-top: 12px; +} + +.message .message-box .message-content { + spacing: 4px; +} + +.message .message-box .message-content .message-title { + font-weight: bold; +} + +.url-highlighter { + link-color: #8bc1df; +} + +.message-media-control { + margin: 4px 6px; + padding: 12px; + border-radius: 9999px; + border: none; + color: rgba(239, 241, 245, 0.7); +} + +.message-media-control:hover, .message-media-control:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.message-media-control:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.message-media-control:hover, .message-media-control:focus, .message-media-control:active { + color: #eff1f5; +} + +.message-media-control:insensitive { + color: rgba(239, 241, 245, 0.5); +} + +.message-media-control StIcon { + icon-size: 16px; +} + +.media-message .message-icon { + border-radius: 6px !important; +} + +.media-message .message-icon.message-themed-icon { + icon-size: 32px !important; +} + +.workspace-animation { + background-color: #24273a; +} + +.calendar .calendar-change-month-back, +.calendar .calendar-change-month-forward { + padding: 0 2px; +} + +/* Notifications & Message Tray */ +.notification-banner { + min-height: 64px; + width: 34em; + margin: 20px; + border-radius: 12px; + color: rgba(239, 241, 245, 0.7); + background-color: #292c3c; + border: none; + text-shadow: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); + border-radius: 18px; + border: 1px solid rgba(36, 39, 58, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.notification-banner:hover, .notification-banner:active { + color: #589ed7; + background-color: #292c3c; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); + margin: 20px; +} + +.notification-banner:focus { + color: #eff1f5; + background-color: #292c3c; +} + +.notification-buttons-bin { + background-color: transparent; + padding-top: 0; + border: none; + border-top: 1px solid rgba(239, 241, 245, 0.12); + spacing: 0; +} + +.notification-button { + min-height: 44px; + padding: 0 18px; + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; + border: none; +} + +.notification-button:focus { + background-color: transparent; + color: #eff1f5; + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.12); +} + +.notification-button:hover, .notification-button:focus:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; + box-shadow: none; +} + +.notification-button:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +.notification-button:first-child:ltr { + border-radius: 0 0 0 18px; +} + +.notification-button:last-child:ltr { + border-radius: 0 0 18px; + margin-right: 0 !important; +} + +.notification-button:first-child:rtl { + border-radius: 0 0 18px; +} + +.notification-button:last-child:rtl { + border-radius: 0 0 0 18px; + margin-left: 0 !important; +} + +.notification-button:first-child:last-child { + border-radius: 0 0 18px 18px; + margin-left: 0 !important; + margin-right: 0 !important; +} + +/* Notifications & Message Tray */ +.notification-banner { + min-height: 64px; + width: 34em; + padding: 0; + margin: 12px 8px 8px; + color: rgba(239, 241, 245, 0.7); + background-color: #292c3c; + text-shadow: none; + border-radius: 18px; + border: none; + border: 1px solid rgba(36, 39, 58, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.notification-banner:hover, .notification-banner:active, .notification-banner:focus { + color: #589ed7; + background-color: #33374b; + border: 1px solid rgba(36, 39, 58, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.notification-buttons-bin { + spacing: 0; +} + +.notification-button { + min-height: 6px; + padding: 12px 0; + margin: 0; + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; + border: none; + border-radius: 12px; +} + +.notification-button:focus { + background-color: transparent; + color: #eff1f5; + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.12); +} + +.notification-button:hover, .notification-button:focus:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; + box-shadow: none; +} + +.notification-button:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +/* Notifications & Message Tray */ +.notification-banner { + min-height: 64px; + width: 34em; + padding: 0; + margin: 12px 8px 8px; + color: rgba(239, 241, 245, 0.7); + background-color: #292c3c; + text-shadow: none; + border-radius: 18px; + border: none; + border: 1px solid rgba(36, 39, 58, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.notification-banner:hover, .notification-banner:active, .notification-banner:focus { + color: #589ed7; + background-color: #33374b; + border: 1px solid rgba(36, 39, 58, 0.75); + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +.notification-buttons-bin { + spacing: 0; +} + +.notification-button { + min-height: 44px; + padding: 0 18px; + margin: 0; + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; + border: none; + border-radius: 12px; +} + +.notification-button:focus { + background-color: transparent; + color: #eff1f5; + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.12); +} + +.notification-button:hover, .notification-button:focus:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; + box-shadow: none; +} + +.notification-button:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +.controls-manager, +.secondary-monitor-workspaces { + spacing: 12px; +} + +#overviewGroup { + background-color: #11111b; +} + +.osd-window { + spacing: 12px; + padding: 12px 18px; + margin-bottom: 4em; +} + +.osd-window > * { + spacing: 8px; +} + +.osd-window StIcon { + icon-size: 32px; +} + +.osd-window StLabel:ltr { + margin-right: 6px; +} + +.osd-window StLabel:rtl { + margin-left: 6px; +} + +#appMenu { + spacing: 6px; +} + +#appMenu .label-shadow { + color: transparent; +} + +#appMenu .panel-status-menu-box { + padding: 0 6px; + spacing: 6px; +} + +.popup-menu .popup-menu-item { + padding: 9px 12px; +} + +.popup-separator-menu-item { + padding: 3px 0 !important; +} + +.popup-separator-menu-item .popup-menu-ornament { + width: 0 !important; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + background-color: rgba(239, 241, 245, 0.12); + margin: 6px 32px; + padding: 0 !important; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + padding: 0 !important; + margin: 0 32px 0 0; + height: 1px; +} + +.popup-menu-ornament { + icon-size: 16px !important; + width: 16px; +} + +/* Quick Settings */ +.quick-settings { + padding: 18px !important; + border-radius: 24px !important; + margin-top: 6px !important; +} + +.quick-settings .icon-button, .quick-settings .background-app-item .close-button, .background-app-item .quick-settings .close-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button, +.quick-settings .message .message-header .message-close-button, +.message .message-header .quick-settings .message-close-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, +.quick-settings .button { + padding: 10.5px; +} + +.quick-settings .icon-button > StIcon, .quick-settings .background-app-item .close-button > StIcon, .background-app-item .quick-settings .close-button > StIcon, .quick-settings .message .message-header .message-expand-button > StIcon, .message .message-header .quick-settings .message-expand-button > StIcon, +.quick-settings .message .message-header .message-close-button > StIcon, +.message .message-header .quick-settings .message-close-button > StIcon, .quick-settings .message-notification-group .message-collapse-button > StIcon, .message-notification-group .quick-settings .message-collapse-button > StIcon, +.quick-settings .button > StIcon { + icon-size: 16px; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle, +.quick-menu-toggle { + border-radius: 12px; + min-width: 12em; + max-width: 12em; + min-height: 44px; + border: none; + margin: 1px; +} + +.quick-toggle { + background-color: rgba(239, 241, 245, 0.08) !important; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.quick-toggle:active { + background-color: rgba(239, 241, 245, 0.15) !important; +} + +.quick-toggle:checked { + background-color: rgba(88, 158, 215, 0.95) !important; + color: #24273a; +} + +.quick-toggle:checked:hover { + background-color: #94bfe3 !important; + color: #24273a; +} + +.quick-toggle:checked:active { + background-color: #76afdd !important; + color: #24273a; +} + +.quick-toggle > StBoxLayout { + spacing: 6px; +} + +.quick-toggle.button { + padding: 0; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-title { + font-weight: bold; +} + +.quick-toggle StBoxLayout > .quick-toggle-subtitle { + font-weight: normal; + font-size: 12px; +} + +.quick-toggle .quick-toggle-icon { + icon-size: 16px; +} + +.quick-menu-toggle .quick-toggle { + min-width: auto; + max-width: auto; +} + +.quick-menu-toggle .quick-toggle:ltr { + border-radius: 12px 0 0 12px; +} + +.quick-menu-toggle .quick-toggle:ltr > StBoxLayout { + padding-right: 9px; +} + +.quick-menu-toggle .quick-toggle:rtl { + border-radius: 0 12px 12px 0; +} + +.quick-menu-toggle .quick-toggle:rtr > StBoxLayout { + padding-left: 9px; +} + +.quick-menu-toggle .quick-toggle:ltr:last-child { + border-radius: 12px; +} + +.quick-menu-toggle .quick-toggle:rtl:last-child { + border-radius: 12px; +} + +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(239, 241, 245, 0.08) !important; + padding: 6px 10.5px; + border: none !important; + color: #eff1f5; + margin: 1px; +} + +.quick-menu-toggle .quick-toggle-arrow:hover { + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:active { + background-color: rgba(239, 241, 245, 0.15) !important; +} + +.quick-menu-toggle .quick-toggle-arrow:checked { + background-color: rgba(88, 158, 215, 0.75) !important; + color: #24273a; +} + +.quick-menu-toggle .quick-toggle-arrow:checked:hover { + background-color: #94bfe3 !important; + color: #24273a; +} + +.quick-menu-toggle .quick-toggle-arrow:checked:active { + background-color: #76afdd !important; + color: #24273a; +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 12px 12px 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 12px 0 0 12px; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 9999px; +} + +.quick-slider .slider-bin:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-slider .icon-button, .quick-slider .background-app-item .close-button, .background-app-item .quick-slider .close-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button, +.quick-slider .message .message-header .message-close-button, +.message .message-header .quick-slider .message-close-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button { + background-color: rgba(239, 241, 245, 0.08) !important; + color: #589ed7 !important; + border-radius: 12px; + padding: 9px; +} + +.quick-slider .icon-button:hover, .quick-slider .background-app-item .close-button:hover, .background-app-item .quick-slider .close-button:hover, .quick-slider .message .message-header .message-expand-button:hover, .message .message-header .quick-slider .message-expand-button:hover, +.quick-slider .message .message-header .message-close-button:hover, +.message .message-header .quick-slider .message-close-button:hover, .quick-slider .message-notification-group .message-collapse-button:hover, .message-notification-group .quick-slider .message-collapse-button:hover { + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.quick-slider .icon-button:active, .quick-slider .background-app-item .close-button:active, .background-app-item .quick-slider .close-button:active, .quick-slider .message .message-header .message-expand-button:active, .message .message-header .quick-slider .message-expand-button:active, +.quick-slider .message .message-header .message-close-button:active, +.message .message-header .quick-slider .message-close-button:active, .quick-slider .message-notification-group .message-collapse-button:active, .message-notification-group .quick-slider .message-collapse-button:active { + background-color: rgba(239, 241, 245, 0.04); +} + +.quick-toggle-menu { + background-color: #292c3c !important; + color: #eff1f5 !important; + border-radius: 24px !important; + padding: 12px; + margin: 12px 18px 0; +} + +.quick-toggle-menu .popup-menu-item { + border-radius: 12px !important; +} + +.quick-toggle-menu .popup-menu-item:focus, .quick-toggle-menu .popup-menu-item:hover, .quick-toggle-menu .popup-menu-item.selected { + color: #589ed7 !important; + background-color: rgba(239, 241, 245, 0.1) !important; +} + +.quick-toggle-menu .popup-menu-item:active { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.2) !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding-bottom: 12px; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 12px; + padding: 9px; + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #589ed7 !important; + color: #eff1f5; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button, .quick-settings-system-item .background-app-item .close-button, .background-app-item .quick-settings-system-item .close-button, .quick-settings-system-item .message .message-header .message-expand-button, .message .message-header .quick-settings-system-item .message-expand-button, +.quick-settings-system-item .message .message-header .message-close-button, +.message .message-header .quick-settings-system-item .message-close-button, .quick-settings-system-item .message-notification-group .message-collapse-button, .message-notification-group .quick-settings-system-item .message-collapse-button { + background-color: rgba(239, 241, 245, 0.08); + color: #589ed7 !important; + border-radius: 12px; +} + +.quick-settings-system-item .icon-button > StIcon, .quick-settings-system-item .background-app-item .close-button > StIcon, .background-app-item .quick-settings-system-item .close-button > StIcon, .quick-settings-system-item .message .message-header .message-expand-button > StIcon, .message .message-header .quick-settings-system-item .message-expand-button > StIcon, +.quick-settings-system-item .message .message-header .message-close-button > StIcon, +.message .message-header .quick-settings-system-item .message-close-button > StIcon, .quick-settings-system-item .message-notification-group .message-collapse-button > StIcon, .message-notification-group .quick-settings-system-item .message-collapse-button > StIcon { + -st-icon-style: symbolic; + icon-size: 16px; +} + +.quick-settings-system-item .power-item { + color: #589ed7 !important; + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #eff1f5; + background-color: #292c3c; + box-shadow: none !important; + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + +.bt-device-item .popup-menu-icon { + -st-icon-style: symbolic; +} + +.bt-menu-placeholder.popup-menu-item { + text-align: center; + padding: 2em 4em; +} + +.device-subtitle { + color: rgba(239, 241, 245, 0.5); +} + +.background-apps-quick-toggle { + min-height: 40px; + background-color: transparent; +} + +.background-apps-quick-toggle StIcon { + icon-size: 16px !important; +} + +.background-app-item .popup-menu-icon { + icon-size: 32px !important; + -st-icon-style: regular !important; +} + +.background-app-item .close-button { + padding: 6px; +} + +.background-app-item.popup-inactive-menu-item { + color: #eff1f5; +} + +/* Quick Settings */ +.quick-settings { + padding: 18px !important; + border-radius: 24px !important; + margin-top: 6px !important; +} + +.quick-settings .icon-button, .quick-settings .message .message-header .message-expand-button, .message .message-header .quick-settings .message-expand-button, +.quick-settings .message .message-header .message-close-button, +.message .message-header .quick-settings .message-close-button, .quick-settings .message-notification-group .message-collapse-button, .message-notification-group .quick-settings .message-collapse-button, .quick-settings .background-app-item .close-button, .background-app-item .quick-settings .close-button, +.quick-settings .button { + padding: 10.5px; +} + +.quick-settings .icon-button > StIcon, .quick-settings .message .message-header .message-expand-button > StIcon, .message .message-header .quick-settings .message-expand-button > StIcon, +.quick-settings .message .message-header .message-close-button > StIcon, +.message .message-header .quick-settings .message-close-button > StIcon, .quick-settings .message-notification-group .message-collapse-button > StIcon, .message-notification-group .quick-settings .message-collapse-button > StIcon, .quick-settings .background-app-item .close-button > StIcon, .background-app-item .quick-settings .close-button > StIcon, +.quick-settings .button > StIcon { + icon-size: 16px; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle, +.quick-toggle-has-menu { + border-radius: 12px; + min-width: 12em; + max-width: 12em; + min-height: 44px; + border: none; + margin: 1px; +} + +.quick-toggle { + background-color: rgba(239, 241, 245, 0.12) !important; + color: #24273a; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ +} + +.quick-toggle:hover { + background-color: rgba(88, 158, 215, 0.25) !important; + color: #24273a; +} + +.quick-toggle:active { + background-color: rgba(88, 158, 215, 0.5) !important; +} + +.quick-toggle:checked { + background-color: rgba(88, 158, 215, 0.95) !important; + color: #24273a; +} + +.quick-toggle:checked:hover { + background-color: #94bfe3 !important; + color: #24273a; +} + +.quick-toggle:checked:active { + background-color: #76afdd !important; + color: #24273a; +} + +.quick-toggle > StBoxLayout { + spacing: 6px; +} + +.quick-toggle.button { + padding: 0; +} + +.quick-toggle > StBoxLayout { + padding: 0 12px; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-title { + font-weight: bold; +} + +.quick-toggle .quick-toggle-subtitle { + font-weight: normal; + font-size: 12px; +} + +.quick-toggle .quick-toggle-icon { + icon-size: 16px; +} + +.quick-toggle-has-menu .quick-toggle { + min-width: auto; + max-width: auto; +} + +.quick-toggle-has-menu .quick-toggle:ltr { + border-radius: 12px 0 0 12px; +} + +.quick-toggle-has-menu .quick-toggle:ltr { + padding-right: 9px; +} + +.quick-toggle-has-menu .quick-toggle:rtl { + border-radius: 0 12px 12px 0; +} + +.quick-toggle-has-menu .quick-toggle:rtr { + padding-left: 9px; +} + +.quick-toggle-has-menu .quick-toggle:ltr:last-child { + border-radius: 12px; +} + +.quick-toggle-has-menu .quick-toggle:rtl:last-child { + border-radius: 12px; +} + +.quick-toggle-has-menu .quick-toggle-menu-button { + padding: 6px 10.5px; + border: none !important; + margin: 1px; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:ltr { + border-radius: 0 12px 12px 0; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:rtl { + border-radius: 12px 0 0 12px; +} + +.quick-toggle-has-menu .quick-toggle-separator { + width: 0; +} + +.quick-toggle-has-menu .quick-toggle-menu-button { + background-color: rgba(239, 241, 245, 0.12) !important; + color: #eff1f5; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:hover { + background-color: rgba(88, 158, 215, 0.25) !important; + color: #eff1f5; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:active { + background-color: rgba(239, 241, 245, 0.15) !important; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:checked { + background-color: rgba(88, 158, 215, 0.75) !important; + color: #24273a; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:checked:hover { + background-color: #94bfe3 !important; + color: #24273a; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:checked:active { + background-color: #76afdd !important; + color: #24273a; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 9999px; +} + +.quick-slider .slider-bin:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.08); + box-shadow: none !important; +} + +.quick-slider .quick-toggle-icon { + icon-size: 16px; +} + +.quick-slider .icon-button, .quick-slider .message .message-header .message-expand-button, .message .message-header .quick-slider .message-expand-button, +.quick-slider .message .message-header .message-close-button, +.message .message-header .quick-slider .message-close-button, .quick-slider .message-notification-group .message-collapse-button, .message-notification-group .quick-slider .message-collapse-button, .quick-slider .background-app-item .close-button, .background-app-item .quick-slider .close-button { + background-color: rgba(239, 241, 245, 0.08) !important; + color: #589ed7 !important; + border-radius: 12px; + padding: 9px; +} + +.quick-slider .icon-button:hover, .quick-slider .message .message-header .message-expand-button:hover, .message .message-header .quick-slider .message-expand-button:hover, +.quick-slider .message .message-header .message-close-button:hover, +.message .message-header .quick-slider .message-close-button:hover, .quick-slider .message-notification-group .message-collapse-button:hover, .message-notification-group .quick-slider .message-collapse-button:hover, .quick-slider .background-app-item .close-button:hover, .background-app-item .quick-slider .close-button:hover { + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.quick-slider .icon-button:active, .quick-slider .message .message-header .message-expand-button:active, .message .message-header .quick-slider .message-expand-button:active, +.quick-slider .message .message-header .message-close-button:active, +.message .message-header .quick-slider .message-close-button:active, .quick-slider .message-notification-group .message-collapse-button:active, .message-notification-group .quick-slider .message-collapse-button:active, .quick-slider .background-app-item .close-button:active, .background-app-item .quick-slider .close-button:active { + background-color: rgba(239, 241, 245, 0.04); +} + +.quick-toggle-menu { + background-color: #292c3c !important; + color: #eff1f5 !important; + border-radius: 24px !important; + padding: 12px; + margin: 12px 18px 0; +} + +.quick-toggle-menu .popup-menu-item { + border-radius: 12px !important; +} + +.quick-toggle-menu .popup-menu-item:focus, .quick-toggle-menu .popup-menu-item:hover, .quick-toggle-menu .popup-menu-item.selected { + color: #589ed7 !important; + background-color: rgba(239, 241, 245, 0.1) !important; +} + +.quick-toggle-menu .popup-menu-item:active { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.2) !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding-bottom: 12px; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 12px; + padding: 9px; + background-color: rgba(239, 241, 245, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: #589ed7 !important; + color: #eff1f5; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button, .quick-settings-system-item .message .message-header .message-expand-button, .message .message-header .quick-settings-system-item .message-expand-button, +.quick-settings-system-item .message .message-header .message-close-button, +.message .message-header .quick-settings-system-item .message-close-button, .quick-settings-system-item .message-notification-group .message-collapse-button, .message-notification-group .quick-settings-system-item .message-collapse-button, .quick-settings-system-item .background-app-item .close-button, .background-app-item .quick-settings-system-item .close-button { + background-color: rgba(239, 241, 245, 0.08); + color: #589ed7 !important; + border-radius: 12px; +} + +.quick-settings-system-item .icon-button > StIcon, .quick-settings-system-item .message .message-header .message-expand-button > StIcon, .message .message-header .quick-settings-system-item .message-expand-button > StIcon, +.quick-settings-system-item .message .message-header .message-close-button > StIcon, +.message .message-header .quick-settings-system-item .message-close-button > StIcon, .quick-settings-system-item .message-notification-group .message-collapse-button > StIcon, .message-notification-group .quick-settings-system-item .message-collapse-button > StIcon, .quick-settings-system-item .background-app-item .close-button > StIcon, .background-app-item .quick-settings-system-item .close-button > StIcon { + -st-icon-style: symbolic; + icon-size: 16px; +} + +.quick-settings-system-item .power-item { + color: #589ed7 !important; + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #eff1f5; + background-color: #292c3c; + box-shadow: none !important; + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + +.bt-device-item .popup-menu-icon { + -st-icon-style: symbolic; +} + +.bt-menu-placeholder.popup-menu-item { + text-align: center; + padding: 2em 4em; +} + +.device-subtitle { + color: rgba(239, 241, 245, 0.5); +} + +.background-apps-quick-toggle { + min-height: 40px; + background-color: transparent; +} + +.background-apps-quick-toggle StIcon { + icon-size: 16px !important; +} + +.background-app-item .popup-menu-icon { + icon-size: 32px !important; + -st-icon-style: regular !important; +} + +.background-app-item .close-button { + padding: 6px; +} + +.background-app-item.popup-inactive-menu-item { + color: #eff1f5; +} + +.search-entry { + margin-top: 24px; + margin-bottom: 6px; +} + +/* Search */ +.list-search-result, .search-provider-icon { + border-radius: 12px; + padding: 6px; + transition-duration: 100ms; + text-align: center; + background-color: transparent; +} + +.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected { + background-color: rgba(239, 241, 245, 0.12); + transition-duration: 0; +} + +.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { + background-color: rgba(239, 241, 245, 0.2); +} + +#searchResults { + margin: 0 4px; +} + +#searchResultsContent { + max-width: 1044px; +} + +.search-section { + spacing: 18px; +} + +.search-section .search-section-separator { + height: 8px; + background-color: transparent; +} + +.search-section-content { + border-radius: 27px; + padding: 12px; + margin: 0 12px; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.12); +} + +.search-statustext { + color: rgba(239, 241, 245, 0.5); +} + +.grid-search-results { + spacing: 30px; + margin: 0 12px; +} + +.search-provider-icon:ltr { + margin-right: 4px; +} + +.search-provider-icon:rtl { + margin-left: 4px; +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + color: rgba(239, 241, 245, 0.7); +} + +.list-search-results { + spacing: 6px; +} + +.list-search-result .list-search-result-content { + spacing: 6px; +} + +.list-search-result .list-search-result-title { + spacing: 12px; +} + +.list-search-result .list-search-result-description { + color: rgba(239, 241, 245, 0.7); +} + +.icon-label-button-container { + spacing: 6px; +} + +.icon-label-button-container StIcon { + icon-size: 32px; +} + +.screenshot-ui-panel { + border-radius: 39px; + padding: 18px; + padding-bottom: 12px; + margin-bottom: 4em; + spacing: 12px; +} + +.screenshot-ui-close-button { + padding: 6px !important; + margin-top: 12px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); +} + +.screenshot-ui-close-button.left { + margin-left: 12px; +} + +.screenshot-ui-close-button.right { + margin-right: 12px; +} + +.screenshot-ui-type-button { + min-width: 48px; + padding: 12px 18px !important; + border-radius: 21px; +} + +.screenshot-ui-capture-button { + width: 36px; + height: 36px; + border-radius: 9999px; + border: 4px #eff1f5; + padding: 4px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { + background-color: #eff1f5; + transition-duration: 200ms; + border-radius: 9999px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { + background-color: #c0c8d8; +} + +.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { + background-color: #586a8d; +} + +.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { + background-color: #ed8796; +} + +.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { + background-color: #f09da9; +} + +.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { + background-color: #e8687b; +} + +.screenshot-ui-shot-cast-container { + background-color: #2e324a; + border-radius: 18px; + padding: 3px; + spacing: 3px; +} + +.screenshot-ui-shot-cast-container:ltr { + margin-left: 3px; +} + +.screenshot-ui-shot-cast-container:rtl { + margin-right: 3px; +} + +.screenshot-ui-shot-cast-button { + padding: 6px 12px; + background-color: transparent; + border-radius: 15px; +} + +.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { + background-color: #383c59; +} + +.screenshot-ui-shot-cast-button:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.screenshot-ui-shot-cast-button:checked { + background-color: #eff1f5; + color: #24273a; +} + +.screenshot-ui-shot-cast-button:insensitive { + color: rgba(239, 241, 245, 0.5); +} + +.screenshot-ui-shot-cast-button StIcon { + icon-size: 16px; +} + +.screenshot-ui-show-pointer-button { + border-radius: 9999px; + padding: 12px !important; +} + +.screenshot-ui-show-pointer-button StIcon { + icon-size: 16px; +} + +.screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.3); +} + +.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { + border: 2px solid #eff1f5; +} + +.screenshot-ui-area-selector-handle { + border-radius: 9999px; + background-color: #589ed7; + box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); + width: 24px; + height: 24px; +} + +.screenshot-ui-window-selector { + background-color: #292c3c; +} + +.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { + margin: 100px; +} + +.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { + margin-bottom: 200px; +} + +.screenshot-ui-window-selector-window-border { + transition-duration: 200ms; + border-radius: 18px; + border: 6px transparent; +} + +.screenshot-ui-window-selector-check { + transition-duration: 200ms; + color: transparent; + border-radius: 9999px; + border-width: 12px; + icon-size: 24px; +} + +.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { + border-color: #2c78b7; +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { + border-color: #589ed7; + background-color: rgba(88, 158, 215, 0.2); +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { + color: #eff1f5; + background-color: #589ed7; +} + +.screenshot-ui-screen-selector { + transition-duration: 200ms; + background-color: rgba(0, 0, 0, 0.5); +} + +.screenshot-ui-screen-selector:hover { + background-color: rgba(0, 0, 0, 0.3); +} + +.screenshot-ui-screen-selector:active { + background-color: rgba(0, 0, 0, 0.7); +} + +.screenshot-ui-screen-selector:checked { + background-color: transparent; + border: 2px solid #eff1f5; +} + +.screenshot-ui-tooltip { + color: #eff1f5; + background-color: #24273a; + border-radius: 9999px; + padding: 6px 12px; + text-align: center; + -y-offset: 24px; +} + +/* Switches */ +.toggle-switch { + width: 46px; + height: 24px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); + transition-duration: 100ms; + color: transparent; +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); + color: transparent; +} + +.toggle-switch:checked .handle { + background: none; +} + +.toggle-switch StIcon { + icon-size: 0; +} + +.toggle-switch .handle { + margin: 0; + width: 0; + height: 0; + background: none; + box-shadow: none; + transition-duration: 0; +} + +.window-picker { + spacing: 6px; +} + +.window-caption { + color: #eff1f5; + background-color: #24273a; + border-radius: 9999px; + padding: 6px 12px; +} + +.window-close, .screenshot-ui-close-button { + background-color: #292c3c; + color: #eff1f5; + border-radius: 9999px; + padding: 3px; + height: 30px; + width: 30px; + box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.5); + transition-duration: 300ms; +} + +.window-close:hover, .screenshot-ui-close-button:hover { + color: #eff1f5; + background-color: #35394e; +} + +.window-close:active, .screenshot-ui-close-button:active { + color: #eff1f5; + background-color: #1d1f2a; +} + +.workspace-background { + border-radius: 30px; + background-color: #24273a; + box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); +} + +/* Workspace pager */ +.workspace-thumbnails { + visible-width: 32px; + spacing: 6px; + padding: 6px; +} + +.workspace-thumbnails .workspace-thumbnail { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.12); + border: none; + border-radius: 12px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + width: 18px; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 3px solid #589ed7; + border-radius: 3px; + padding: 0px; +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .number-overlay { + min-width: 1.2em; + min-height: 1.2em; + color: #eff1f5; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; + padding: 0.2em 0.4em; +} + +#dashtodockContainer .notification-badge { + min-width: 16px; + min-height: 16px; + color: #eff1f5; + background-color: #589ed7; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 9999px; + margin: 2px 3px 5px; + padding: 0.2em 0.4em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.top #dash .dash-background { + border-radius: 18px !important; +} + +#dashtodockContainer.top.shrink #dash .dash-background { + border-radius: 22px !important; +} + +#dashtodockContainer.top.straight-corner #dash, #dashtodockContainer.top.shrink.straight-corner #dash, #dashtodockContainer.top.extended #dash, #dashtodockContainer.top.shrink.extended #dash { + margin: 0 !important; + margin-top: 0 !important; + padding: 4px !important; +} + +#dashtodockContainer.top.straight-corner #dash .dash-background, #dashtodockContainer.top.shrink.straight-corner #dash .dash-background, #dashtodockContainer.top.extended #dash .dash-background, #dashtodockContainer.top.shrink.extended #dash .dash-background { + margin: 0 !important; + margin-bottom: 0 !important; + border-radius: 0 !important; +} + +#dashtodockContainer.top.straight-corner #dash .show-apps, +#dashtodockContainer.top.straight-corner #dash .overview-tile, +#dashtodockContainer.top.straight-corner #dash .grid-search-result, #dashtodockContainer.top.shrink.straight-corner #dash .show-apps, +#dashtodockContainer.top.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.top.extended #dash .show-apps, +#dashtodockContainer.top.extended #dash .overview-tile, +#dashtodockContainer.top.extended #dash .grid-search-result, #dashtodockContainer.top.shrink.extended #dash .show-apps, +#dashtodockContainer.top.shrink.extended #dash .overview-tile { + margin: 0 !important; +} + +#dashtodockContainer.bottom #dash .dash-background { + border-radius: 18px !important; +} + +#dashtodockContainer.bottom.shrink #dash .dash-background { + border-radius: 22px !important; +} + +#dashtodockContainer.bottom.straight-corner #dash, #dashtodockContainer.bottom.shrink.straight-corner #dash, #dashtodockContainer.bottom.extended #dash, #dashtodockContainer.bottom.shrink.extended #dash { + margin: 0 !important; + margin-top: 0 !important; + padding: 4px !important; +} + +#dashtodockContainer.bottom.straight-corner #dash .dash-background, #dashtodockContainer.bottom.shrink.straight-corner #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.shrink.extended #dash .dash-background { + margin: 0 !important; + margin-bottom: 0 !important; + border-radius: 0 !important; +} + +#dashtodockContainer.bottom.straight-corner #dash .show-apps, +#dashtodockContainer.bottom.straight-corner #dash .overview-tile, +#dashtodockContainer.bottom.straight-corner #dash .grid-search-result, #dashtodockContainer.bottom.shrink.straight-corner #dash .show-apps, +#dashtodockContainer.bottom.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.bottom.extended #dash .show-apps, +#dashtodockContainer.bottom.extended #dash .overview-tile, +#dashtodockContainer.bottom.extended #dash .grid-search-result, #dashtodockContainer.bottom.shrink.extended #dash .show-apps, +#dashtodockContainer.bottom.shrink.extended #dash .overview-tile { + margin: 0 !important; +} + +#dashtodockContainer.left #dash .dash-background { + border-radius: 18px !important; +} + +#dashtodockContainer.left.shrink #dash .dash-background { + border-radius: 22px !important; +} + +#dashtodockContainer.left.straight-corner #dash, #dashtodockContainer.left.shrink.straight-corner #dash, #dashtodockContainer.left.extended #dash, #dashtodockContainer.left.shrink.extended #dash { + margin: 0 !important; + margin-top: 0 !important; + padding: 4px !important; +} + +#dashtodockContainer.left.straight-corner #dash .dash-background, #dashtodockContainer.left.shrink.straight-corner #dash .dash-background, #dashtodockContainer.left.extended #dash .dash-background, #dashtodockContainer.left.shrink.extended #dash .dash-background { + margin: 0 !important; + margin-bottom: 0 !important; + border-radius: 0 !important; +} + +#dashtodockContainer.left.straight-corner #dash .show-apps, +#dashtodockContainer.left.straight-corner #dash .overview-tile, +#dashtodockContainer.left.straight-corner #dash .grid-search-result, #dashtodockContainer.left.shrink.straight-corner #dash .show-apps, +#dashtodockContainer.left.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.left.extended #dash .show-apps, +#dashtodockContainer.left.extended #dash .overview-tile, +#dashtodockContainer.left.extended #dash .grid-search-result, #dashtodockContainer.left.shrink.extended #dash .show-apps, +#dashtodockContainer.left.shrink.extended #dash .overview-tile { + margin: 0 !important; +} + +#dashtodockContainer.right #dash .dash-background { + border-radius: 18px !important; +} + +#dashtodockContainer.right.shrink #dash .dash-background { + border-radius: 22px !important; +} + +#dashtodockContainer.right.straight-corner #dash, #dashtodockContainer.right.shrink.straight-corner #dash, #dashtodockContainer.right.extended #dash, #dashtodockContainer.right.shrink.extended #dash { + margin: 0 !important; + margin-top: 0 !important; + padding: 4px !important; +} + +#dashtodockContainer.right.straight-corner #dash .dash-background, #dashtodockContainer.right.shrink.straight-corner #dash .dash-background, #dashtodockContainer.right.extended #dash .dash-background, #dashtodockContainer.right.shrink.extended #dash .dash-background { + margin: 0 !important; + margin-bottom: 0 !important; + border-radius: 0 !important; +} + +#dashtodockContainer.right.straight-corner #dash .show-apps, +#dashtodockContainer.right.straight-corner #dash .overview-tile, +#dashtodockContainer.right.straight-corner #dash .grid-search-result, #dashtodockContainer.right.shrink.straight-corner #dash .show-apps, +#dashtodockContainer.right.shrink.straight-corner #dash .overview-tile, #dashtodockContainer.right.extended #dash .show-apps, +#dashtodockContainer.right.extended #dash .overview-tile, +#dashtodockContainer.right.extended #dash .grid-search-result, #dashtodockContainer.right.shrink.extended #dash .show-apps, +#dashtodockContainer.right.shrink.extended #dash .overview-tile { + margin: 0 !important; +} + +#dashtodockContainer.extended .dash-background, #dashtodockContainer.straight-corner .dash-background { + border-radius: 0 !important; +} + +#dashtodockContainer #dash, #dashtodockContainer:overview #dash { + background: transparent; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.right #dash { + margin-top: 0 !important; + padding: 4px !important; +} + +#dashtodockContainer.left #dash #dashtodockDashContainer, #dashtodockContainer.right #dash #dashtodockDashContainer { + padding: 2px 0 !important; +} + +#dashtodockContainer.left .show-apps, +#dashtodockContainer.left .overview-tile, +#dashtodockContainer.left .grid-search-result, #dashtodockContainer.right .show-apps, +#dashtodockContainer.right .overview-tile, +#dashtodockContainer.right .grid-search-result { + padding: 2px !important; +} + +#dashtodockContainer.left .dash-background, #dashtodockContainer.right .dash-background { + margin-bottom: 0 !important; + padding: 4px 2px !important; +} + +#dashtodockContainer.left.shrink #dash #dashtodockDashContainer, #dashtodockContainer.right.shrink #dash #dashtodockDashContainer { + padding: 4px 0 !important; +} + +#dashtodockContainer.left.shrink .dash-background, #dashtodockContainer.right.shrink .dash-background { + padding: 4px !important; +} + +#dashtodockContainer.left.shrink .show-apps, +#dashtodockContainer.left.shrink .overview-tile, +#dashtodockContainer.left.shrink .grid-search-result, #dashtodockContainer.right.shrink .show-apps, +#dashtodockContainer.right.shrink .overview-tile, +#dashtodockContainer.right.shrink .grid-search-result { + margin: 0 !important; + padding: 4px !important; +} + +#dashtodockContainer.left.extended #dash #dashtodockDashContainer, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer, #dashtodockContainer.right.extended #dash #dashtodockDashContainer, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer { + padding: 4px !important; +} + +#dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-top: 0 !important; +} + +#dashtodockContainer.left.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.right.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-bottom: 0 !important; +} + +#dashtodockContainer.left.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps { + padding-bottom: 6px !important; +} + +#dashtodockContainer.left.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.left.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.right.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.right.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps { + padding-bottom: 24px !important; +} + +#dashtodockContainer.left.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.left.straight-corner.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.right.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.right.straight-corner.shrink #dash #dashtodockDashContainer > :last-child .show-apps { + padding-bottom: 0 !important; +} + +#dashtodockContainer.left.extended.shrink .dash-background, #dashtodockContainer.left.straight-corner.shrink .dash-background, #dashtodockContainer.right.extended.shrink .dash-background, #dashtodockContainer.right.straight-corner.shrink .dash-background { + padding: 4px !important; +} + +#dashtodockContainer.left.extended.shrink .show-apps, +#dashtodockContainer.left.extended.shrink .overview-tile, +#dashtodockContainer.left.extended.shrink .grid-search-result, #dashtodockContainer.left.straight-corner.shrink .show-apps, +#dashtodockContainer.left.straight-corner.shrink .overview-tile, +#dashtodockContainer.left.straight-corner.shrink .grid-search-result, #dashtodockContainer.right.extended.shrink .show-apps, +#dashtodockContainer.right.extended.shrink .overview-tile, +#dashtodockContainer.right.extended.shrink .grid-search-result, #dashtodockContainer.right.straight-corner.shrink .show-apps, +#dashtodockContainer.right.straight-corner.shrink .overview-tile, +#dashtodockContainer.right.straight-corner.shrink .grid-search-result { + margin: 0 !important; + padding: 4px !important; +} + +#dashtodockContainer.left.extended .overview-tile, #dashtodockContainer.left.extended .grid-search-result, #dashtodockContainer.left.straight-corner .overview-tile, #dashtodockContainer.left.straight-corner .grid-search-result, #dashtodockContainer.right.extended .overview-tile, #dashtodockContainer.right.extended .grid-search-result, #dashtodockContainer.right.straight-corner .overview-tile, #dashtodockContainer.right.straight-corner .grid-search-result { + padding: 2px 12px !important; +} + +#dashtodockContainer.left.extended .show-apps, #dashtodockContainer.left.straight-corner .show-apps, #dashtodockContainer.right.extended .show-apps, #dashtodockContainer.right.straight-corner .show-apps { + padding: 2px 12px 24px !important; +} + +#dashtodockContainer.top .dash-background, #dashtodockContainer.bottom .dash-background { + padding: 2px 6px !important; +} + +#dashtodockContainer.top .show-apps, +#dashtodockContainer.top .overview-tile, +#dashtodockContainer.top .grid-search-result, #dashtodockContainer.bottom .show-apps, +#dashtodockContainer.bottom .overview-tile, +#dashtodockContainer.bottom .grid-search-result { + margin: 0 !important; + padding-bottom: 16px !important; +} + +#dashtodockContainer.top .show-apps .overview-icon, +#dashtodockContainer.top .overview-tile .overview-icon, +#dashtodockContainer.top .grid-search-result .overview-icon, #dashtodockContainer.bottom .show-apps .overview-icon, +#dashtodockContainer.bottom .overview-tile .overview-icon, +#dashtodockContainer.bottom .grid-search-result .overview-icon { + padding: 2px 0 !important; + spacing: 2px 0 !important; +} + +#dashtodockContainer.top.shrink .dash-background, #dashtodockContainer.bottom.shrink .dash-background { + padding: 4px 2px !important; +} + +#dashtodockContainer.top.shrink .show-apps, +#dashtodockContainer.top.shrink .overview-tile, +#dashtodockContainer.top.shrink .grid-search-result, #dashtodockContainer.bottom.shrink .show-apps, +#dashtodockContainer.bottom.shrink .overview-tile, +#dashtodockContainer.bottom.shrink .grid-search-result { + margin: 0 !important; + padding: 0 2px 12px !important; +} + +#dashtodockContainer.top.extended #dash #dashtodockDashContainer, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer { + padding: 4px !important; +} + +#dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:first-child { + padding-left: 0 !important; +} + +#dashtodockContainer.top.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer #dashtodockDashScrollview:last-child { + padding-right: 0 !important; +} + +#dashtodockContainer.top.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :first-child .show-apps, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer > :first-child .show-apps { + padding-left: 0 !important; +} + +#dashtodockContainer.top.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.top.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.bottom.extended #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.bottom.straight-corner #dash #dashtodockDashContainer > :last-child .show-apps { + padding-right: 18px !important; +} + +#dashtodockContainer.top.extended.shrink .dash-background, #dashtodockContainer.top.straight-corner.shrink .dash-background, #dashtodockContainer.bottom.extended.shrink .dash-background, #dashtodockContainer.bottom.straight-corner.shrink .dash-background { + padding: 4px !important; +} + +#dashtodockContainer.top.extended.shrink .show-apps, +#dashtodockContainer.top.extended.shrink .overview-tile, +#dashtodockContainer.top.extended.shrink .grid-search-result, #dashtodockContainer.top.straight-corner.shrink .show-apps, +#dashtodockContainer.top.straight-corner.shrink .overview-tile, +#dashtodockContainer.top.straight-corner.shrink .grid-search-result, #dashtodockContainer.bottom.extended.shrink .show-apps, +#dashtodockContainer.bottom.extended.shrink .overview-tile, +#dashtodockContainer.bottom.extended.shrink .grid-search-result, #dashtodockContainer.bottom.straight-corner.shrink .show-apps, +#dashtodockContainer.bottom.straight-corner.shrink .overview-tile, +#dashtodockContainer.bottom.straight-corner.shrink .grid-search-result { + margin: 0 !important; + padding: 4px !important; +} + +#dashtodockContainer.top.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.top.straight-corner.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.bottom.extended.shrink #dash #dashtodockDashContainer > :last-child .show-apps, #dashtodockContainer.bottom.straight-corner.shrink #dash #dashtodockDashContainer > :last-child .show-apps { + padding-right: 0 !important; +} + +#dashtodockContainer.top.extended .dash-separator, #dashtodockContainer.top.straight-corner .dash-separator, #dashtodockContainer.bottom.extended .dash-separator, #dashtodockContainer.bottom.straight-corner .dash-separator { + margin: 0 8px !important; +} + +#dashtodockContainer.top.extended .show-apps, +#dashtodockContainer.top.extended .overview-tile, +#dashtodockContainer.top.extended .grid-search-result, #dashtodockContainer.top.straight-corner .show-apps, +#dashtodockContainer.top.straight-corner .overview-tile, +#dashtodockContainer.top.straight-corner .grid-search-result, #dashtodockContainer.bottom.extended .show-apps, +#dashtodockContainer.bottom.extended .overview-tile, +#dashtodockContainer.bottom.extended .grid-search-result, #dashtodockContainer.bottom.straight-corner .show-apps, +#dashtodockContainer.bottom.straight-corner .overview-tile, +#dashtodockContainer.bottom.straight-corner .grid-search-result { + padding: 12px 2px !important; +} + +#dashtodockContainer #dash .dash-background { + background-color: rgba(36, 39, 58, 0.85); +} + +#dashtodockContainer #dash .show-apps .overview-icon, +#dashtodockContainer #dash .overview-tile .overview-icon, +#dashtodockContainer #dash .grid-search-result .overview-icon { + color: #eff1f5; + padding: 4px !important; +} + +#dashtodockContainer #dash .show-apps:focus .overview-icon, +#dashtodockContainer #dash .overview-tile:focus .overview-icon, +#dashtodockContainer #dash .grid-search-result:focus .overview-icon { + background-color: rgba(239, 241, 245, 0.04); + box-shadow: inset 0 0 100px 10px rgba(88, 158, 215, 0.35); +} + +#dashtodockContainer #dash .show-apps:hover .overview-icon, +#dashtodockContainer #dash .overview-tile:hover .overview-icon, +#dashtodockContainer #dash .grid-search-result:hover .overview-icon { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 100px 10px rgba(88, 158, 215, 0.35); +} + +#dashtodockContainer #dash .show-apps:active .overview-icon, +#dashtodockContainer #dash .overview-tile:active .overview-icon, +#dashtodockContainer #dash .grid-search-result:active .overview-icon { + background-color: rgba(239, 241, 245, 0.3); + box-shadow: inset 0 0 100px 10px rgba(88, 158, 215, 0.35); +} + +#dashtodockContainer #dash .show-apps:checked .overview-icon, +#dashtodockContainer #dash .overview-tile:checked .overview-icon, +#dashtodockContainer #dash .grid-search-result:checked .overview-icon { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 100px 10px rgba(88, 158, 215, 0.35); +} + +#dashtodockContainer #dash .show-apps .show-apps-icon { + -st-icon-source: none !important; + color: transparent !important; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + padding: 2px !important; +} + +#dashtodockContainer #dash .app-grid-running-dot { + margin: 0 !important; + offset-y: 0 !important; + background-color: rgba(239, 241, 245, 0.5); +} + +#dashtodockContainer #dash StWidget.focused .app-grid-running-dot { + background-color: #589ed7; +} + +#dashtodockContainer.opaque #dash .dash-background { + background-color: #24273a; +} + +#dashtodockContainer.transparent #dash .dash-background { + background-color: rgba(36, 39, 58, 0.85); +} + +#dashtodockContainer:overview #dash { + background: none; +} + +#dashtodockContainer:overview #dash .show-apps .overview-icon, +#dashtodockContainer:overview #dash .overview-tile .overview-icon, +#dashtodockContainer:overview #dash .grid-search-result .overview-icon { + color: rgba(239, 241, 245, 0.7); +} + +#dashtodockContainer:overview #dash .show-apps:focus .overview-icon, +#dashtodockContainer:overview #dash .overview-tile:focus .overview-icon, +#dashtodockContainer:overview #dash .grid-search-result:focus .overview-icon { + background-color: rgba(239, 241, 245, 0.04); + box-shadow: inset 0 0 100px 10px rgba(88, 158, 215, 0.35); +} + +#dashtodockContainer:overview #dash .show-apps:hover .overview-icon, +#dashtodockContainer:overview #dash .overview-tile:hover .overview-icon, +#dashtodockContainer:overview #dash .grid-search-result:hover .overview-icon { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 100px 10px rgba(88, 158, 215, 0.35); +} + +#dashtodockContainer:overview #dash .show-apps:active .overview-icon, +#dashtodockContainer:overview #dash .overview-tile:active .overview-icon, +#dashtodockContainer:overview #dash .grid-search-result:active .overview-icon { + background-color: rgba(239, 241, 245, 0.3); + box-shadow: inset 0 0 100px 10px rgba(88, 158, 215, 0.35); +} + +#dashtodockContainer:overview #dash .show-apps:checked .overview-icon, +#dashtodockContainer:overview #dash .overview-tile:checked .overview-icon, +#dashtodockContainer:overview #dash .grid-search-result:checked .overview-icon { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: inset 0 0 100px 10px rgba(88, 158, 215, 0.35); +} + +#dashtodockContainer:overview #dash .show-apps .show-apps-icon { + -st-icon-source: none !important; + color: transparent !important; + background-image: url("assets/view-app-grid.svg"); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + padding: 2px !important; +} + +#dashtodockContainer:overview #dash .dash-background { + background-color: rgba(36, 39, 58, 0.85); +} + +#dashtodockContainer:overview #dash .app-grid-running-dot { + background-color: rgba(239, 241, 245, 0.5); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-grid-running-dot { + background-color: #589ed7; +} + +#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.opaque:overview .dash-background, #dashtodockContainer.transparent:overview .dash-background { + background-color: transparent !important; +} + +#dashtodockContainer.opaque.extended:overview #dash, #dashtodockContainer.transparent.extended:overview #dash { + background: none; +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer.extended .overview-tile .overview-icon, #dashtodockContainer.extended .grid-search-result .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .overview-tile .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 12px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +.dash-label.bottom { + margin-bottom: 12px !important; +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + border: 1px solid transparent; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #eff1f5; +} + +.openweather-current-databox-values { + background: none; + color: rgba(239, 241, 245, 0.5); +} + +.openweather-current-databox-captions { + background: none; + color: rgba(239, 241, 245, 0.5); +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: rgba(239, 241, 245, 0.7); +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: rgba(239, 241, 245, 0.5); +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: rgba(239, 241, 245, 0.7); +} + +.cosmic-dock #dock { + border-radius: 16px !important; + border: none !important; + margin: 6px !important; + background-color: rgba(239, 241, 245, 0.12) !important; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.08) !important; +} + +.cosmic-dock #dock .dash-background { + background-color: transparent !important; + margin-bottom: 0 !important; + padding: 0; + box-shadow: none !important; +} + +.cosmic-application-dialog { + border-radius: 18px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08); + background-color: #292c3c; + color: #eff1f5; +} + +.cosmic-application-dialog .overview-icon { + color: #eff1f5; +} + +.cosmic-applications-separator { + background: rgba(239, 241, 245, 0.12); +} + +.cosmic-folder-edit-button { + box-shadow: none; + border-radius: 12px; + border-width: 0; + color: #eff1f5; + background: rgba(239, 241, 245, 0.04); +} + +.cosmic-folder-edit-button .cosmic-folder-edit-button:hover { + background: rgba(239, 241, 245, 0.12); +} + +.cosmic-applications-icon { + color: rgba(239, 241, 245, 0.7); +} + +.cosmic-applications-folder-title { + color: rgba(239, 241, 245, 0.7); +} + +.cosmic-applications-available { + color: #eff1f5; +} + +.pop-shell-active-hint { + border-style: solid; + border-color: #eed49f; + border-radius: 12px; + box-shadow: none; +} + +.pop-shell-overlay { + background-color: rgba(88, 158, 215, 0.3); +} + +.pop-shell-search-element:select { + background: rgba(239, 241, 245, 0.12); + border-radius: 12px; + color: #eff1f5; +} + +.pop-shell-tab { + border: 1px solid rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.pop-shell-tab-active { + background: #eed49f; +} + +.pop-shell-tab-inactive { + background: rgba(238, 212, 159, 0.35); +} + +.pop-shell-tab-urgent { + background: #ed8796; +} + +#panel.light-panel .panel-button, +#panel.dark-panel .panel-button, +#panel.transparent-panel .panel-button { + color: rgba(239, 241, 245, 0.7) !important; +} + +#panel.light-panel .panel-button.clock-display .clock, +#panel.dark-panel .panel-button.clock-display .clock, +#panel.transparent-panel .panel-button.clock-display .clock { + color: rgba(239, 241, 245, 0.7) !important; +} + +#panel.light-panel .panel-button:hover, +#panel.dark-panel .panel-button:hover, +#panel.transparent-panel .panel-button:hover { + color: rgba(239, 241, 245, 0.7) !important; + background-color: rgba(239, 241, 245, 0.12) !important; +} + +#panel.light-panel .panel-button:hover.clock-display .clock, +#panel.dark-panel .panel-button:hover.clock-display .clock, +#panel.transparent-panel .panel-button:hover.clock-display .clock { + background-color: rgba(239, 241, 245, 0.12) !important; +} + +#panel.light-panel .panel-button:active, #panel.light-panel .panel-button:checked, #panel.light-panel .panel-button:focus, +#panel.dark-panel .panel-button:active, +#panel.dark-panel .panel-button:checked, +#panel.dark-panel .panel-button:focus, +#panel.transparent-panel .panel-button:active, +#panel.transparent-panel .panel-button:checked, +#panel.transparent-panel .panel-button:focus { + color: #eff1f5 !important; + background-color: rgba(239, 241, 245, 0.3) !important; +} + +#panel.light-panel .panel-button:active.clock-display .clock, #panel.light-panel .panel-button:checked.clock-display .clock, #panel.light-panel .panel-button:focus.clock-display .clock, +#panel.dark-panel .panel-button:active.clock-display .clock, +#panel.dark-panel .panel-button:checked.clock-display .clock, +#panel.dark-panel .panel-button:focus.clock-display .clock, +#panel.transparent-panel .panel-button:active.clock-display .clock, +#panel.transparent-panel .panel-button:checked.clock-display .clock, +#panel.transparent-panel .panel-button:focus.clock-display .clock { + background-color: rgba(239, 241, 245, 0.3) !important; +} + +#panel.light-panel .panel-button:hover.clock-display, #panel.light-panel .panel-button:active.clock-display, #panel.light-panel .panel-button:overview.clock-display, #panel.light-panel .panel-button:focus.clock-display, #panel.light-panel .panel-button:checked.clock-display, +#panel.dark-panel .panel-button:hover.clock-display, +#panel.dark-panel .panel-button:active.clock-display, +#panel.dark-panel .panel-button:overview.clock-display, +#panel.dark-panel .panel-button:focus.clock-display, +#panel.dark-panel .panel-button:checked.clock-display, +#panel.transparent-panel .panel-button:hover.clock-display, +#panel.transparent-panel .panel-button:active.clock-display, +#panel.transparent-panel .panel-button:overview.clock-display, +#panel.transparent-panel .panel-button:focus.clock-display, +#panel.transparent-panel .panel-button:checked.clock-display { + background-color: transparent !important; +} + +#panel.light-panel .panel-button:hover.clock-display .clock, #panel.light-panel .panel-button:active.clock-display .clock, #panel.light-panel .panel-button:overview.clock-display .clock, #panel.light-panel .panel-button:focus.clock-display .clock, #panel.light-panel .panel-button:checked.clock-display .clock, +#panel.dark-panel .panel-button:hover.clock-display .clock, +#panel.dark-panel .panel-button:active.clock-display .clock, +#panel.dark-panel .panel-button:overview.clock-display .clock, +#panel.dark-panel .panel-button:focus.clock-display .clock, +#panel.dark-panel .panel-button:checked.clock-display .clock, +#panel.transparent-panel .panel-button:hover.clock-display .clock, +#panel.transparent-panel .panel-button:active.clock-display .clock, +#panel.transparent-panel .panel-button:overview.clock-display .clock, +#panel.transparent-panel .panel-button:focus.clock-display .clock, +#panel.transparent-panel .panel-button:checked.clock-display .clock { + color: #eff1f5 !important; +} + +.overview-components-transparent .search-entry, +.overview-components-light .search-entry, +.overview-components-dark .search-entry { + caret-color: #eff1f5 !important; +} + +.overview-components-transparent .search-entry .search-entry-icon, +.overview-components-light .search-entry .search-entry-icon, +.overview-components-dark .search-entry .search-entry-icon { + color: rgba(239, 241, 245, 0.7) !important; +} + +.overview-components-transparent .search-entry StLabel.hint-text, +.overview-components-light .search-entry StLabel.hint-text, +.overview-components-dark .search-entry StLabel.hint-text { + color: rgba(239, 241, 245, 0.3) !important; +} + +.overview-components-transparent .search-section-content, +.overview-components-light .search-section-content, +.overview-components-dark .search-section-content { + border-radius: 16px; +} + +.overview-components-transparent .search-section-separator, +.overview-components-light .search-section-separator, +.overview-components-dark .search-section-separator { + height: 0 !important; + background-color: transparent !important; +} + +.dashtopanelMainPanel .show-apps .overview-icon { + color: #eff1f5 !important; +} + +.dashtopanelMainPanel:overview, +.dashtopanelMainPanel #panel, +.dashtopanelMainPanel .dash-background { + background-color: transparent !important; +} diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/no-events.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/no-events.svg new file mode 120000 index 0000000..d2fcad0 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/no-events.svg @@ -0,0 +1 @@ +assets/no-events.svg \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/no-notifications.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/no-notifications.svg new file mode 120000 index 0000000..175731c --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/no-notifications.svg @@ -0,0 +1 @@ +assets/no-notifications.svg \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/pad-osd.css b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/pad-osd.css new file mode 100644 index 0000000..bd5b215 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/pad-osd.css @@ -0,0 +1,31 @@ +.Leader { + stroke-width: 0.5 !important; + stroke: #535353; + fill: none !important; +} + +.Button { + stroke-width: 0.25; + stroke: #ededed; + fill: #ededed; +} + +.Ring { + stroke-width: 0.5 !important; + stroke: #535353 !important; + fill: none !important; +} + +.Label { + stroke: none !important; + stroke-width: 0.1 !important; + font-size: 0.1 !important; + fill: transparent !important; +} + +.TouchStrip, +.TouchRing { + stroke-width: 0.1 !important; + stroke: #ededed !important; + fill: #535353 !important; +} diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/process-working.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/process-working.svg new file mode 120000 index 0000000..a6586c3 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gnome-shell/process-working.svg @@ -0,0 +1 @@ +assets/process-working.svg \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/apps.rc b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/apps.rc new file mode 100644 index 0000000..530e72f --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/apps.rc @@ -0,0 +1,92 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This file, unlike hacks.rc, contains legitimate cases we need to handle, e.g. +# custom widgets, programs giving us a chance to alter their UI to fit more with +# the theme or stuff that is supposed to look different, like panels. + +# TODO: This could really look nicer +style "gimp_spin_scale" { + # Spin background + bg[NORMAL] = @base_color + + engine "pixmap" { + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "chrome_gtk_frame" { + ChromeGtkFrame::frame-color = @titlebar_bg_color + ChromeGtkFrame::inactive-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-frame-color = @titlebar_bg_color + ChromeGtkFrame::incognito-inactive-frame-color = @titlebar_bg_color + + ChromeGtkFrame::frame-gradient-size = 0 +} + +# Disable spin button assets for GimpSpinScale +class "GimpSpinScale" style "gimp_spin_scale" + +# Chromium lets us define some colours and settings for better integration +class "ChromeGtkFrame" style "chrome_gtk_frame" diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/border.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/border.png new file mode 100644 index 0000000..20d503b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/border.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button-active.png new file mode 100644 index 0000000..d941286 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button-disabled.png new file mode 100644 index 0000000..72e96fa Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button-hover.png new file mode 100644 index 0000000..a60405b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button.png new file mode 100644 index 0000000..453c9f0 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/button.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked-active.png new file mode 100644 index 0000000..cf640a3 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked-disabled.png new file mode 100644 index 0000000..1003309 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked-hover.png new file mode 100644 index 0000000..46cfa56 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked.png new file mode 100644 index 0000000..b753a57 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-checked.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed-active.png new file mode 100644 index 0000000..f46b0f1 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed-disabled.png new file mode 100644 index 0000000..6779009 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed-hover.png new file mode 100644 index 0000000..336085d Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed.png new file mode 100644 index 0000000..87d76ef Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-mixed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked-active.png new file mode 100644 index 0000000..a03bff5 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked-disabled.png new file mode 100644 index 0000000..810d142 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png new file mode 100644 index 0000000..21b60e2 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked.png new file mode 100644 index 0000000..121b009 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/checkbox-unchecked.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry-active.png new file mode 100644 index 0000000..d453209 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry-disabled.png new file mode 100644 index 0000000..b89db89 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry-hover.png new file mode 100644 index 0000000..c289e30 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry.png new file mode 100644 index 0000000..90ea958 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-left-entry.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry-active.png new file mode 100644 index 0000000..ed0b87a Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry-disabled.png new file mode 100644 index 0000000..03a91a3 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry-hover.png new file mode 100644 index 0000000..a874724 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry.png new file mode 100644 index 0000000..6503c06 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/combo-right-entry.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-active.png new file mode 100644 index 0000000..4ae49fe Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-background-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-background-disabled.png new file mode 100644 index 0000000..ce14ba8 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-background-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-background.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-background.png new file mode 100644 index 0000000..fdf26ab Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-background.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-disabled.png new file mode 100644 index 0000000..72e96fa Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-hover.png new file mode 100644 index 0000000..c56ef47 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry.png new file mode 100644 index 0000000..453c9f0 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/entry.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button-active.png new file mode 100644 index 0000000..d941286 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button-disabled.png new file mode 100644 index 0000000..49e9508 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button-hover.png new file mode 100644 index 0000000..a60405b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button.png new file mode 100644 index 0000000..49e9508 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/flat-button.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/focus.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/focus.png new file mode 100644 index 0000000..189c575 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/focus.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/frame-inline.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/frame-inline.png new file mode 100644 index 0000000..d2f09d8 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/frame-inline.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/frame-notebook.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/frame-notebook.png new file mode 100644 index 0000000..f617e4f Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/frame-notebook.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/frame.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/frame.png new file mode 100644 index 0000000..f617e4f Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/frame.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-horz-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-horz-active.png new file mode 100644 index 0000000..dc092fa Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-horz-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-horz-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-horz-hover.png new file mode 100644 index 0000000..16c85bb Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-horz-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-horz.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-horz.png new file mode 100644 index 0000000..92142fd Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-horz.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-vert-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-vert-active.png new file mode 100644 index 0000000..d7d2c6e Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-vert-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-vert-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-vert-hover.png new file mode 100644 index 0000000..69d104b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-vert-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-vert.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-vert.png new file mode 100644 index 0000000..8beda09 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/handle-vert.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png new file mode 100644 index 0000000..24ec102 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-checked-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-checked.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-checked.png new file mode 100644 index 0000000..55efe41 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-checked.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png new file mode 100644 index 0000000..4e73cf9 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-mixed-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-mixed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-mixed.png new file mode 100644 index 0000000..86f94e1 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-mixed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png new file mode 100644 index 0000000..2f8d2d0 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-unchecked.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-unchecked.png new file mode 100644 index 0000000..c493574 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-checkbox-unchecked.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-checked-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-checked-disabled.png new file mode 100644 index 0000000..205630c Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-checked-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-checked.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-checked.png new file mode 100644 index 0000000..d2803e7 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-checked.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-mixed-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-mixed-disabled.png new file mode 100644 index 0000000..4e73cf9 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-mixed-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-mixed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-mixed.png new file mode 100644 index 0000000..86f94e1 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-mixed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png new file mode 100644 index 0000000..2f8d2d0 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-unchecked-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-unchecked.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-unchecked.png new file mode 100644 index 0000000..c493574 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/menu-radio-unchecked.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down-alt-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down-alt-disabled.png new file mode 100644 index 0000000..8761247 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down-alt-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down-alt.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down-alt.png new file mode 100644 index 0000000..6fcbf3c Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down-alt.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down-disabled.png new file mode 100644 index 0000000..ed84ff0 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down.png new file mode 100644 index 0000000..5378d6d Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-down.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-alt-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-alt-disabled.png new file mode 100644 index 0000000..4aa5495 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-alt-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-alt.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-alt.png new file mode 100644 index 0000000..540ee6c Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-alt.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-disabled.png new file mode 100644 index 0000000..988b263 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-semi.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-semi.png new file mode 100644 index 0000000..51c5b22 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left-semi.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left.png new file mode 100644 index 0000000..79c4b9c Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-left.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-alt-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-alt-disabled.png new file mode 100644 index 0000000..58041f9 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-alt-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-alt.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-alt.png new file mode 100644 index 0000000..11ead9e Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-alt.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-disabled.png new file mode 100644 index 0000000..633d232 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-semi.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-semi.png new file mode 100644 index 0000000..9b77f10 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right-semi.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right.png new file mode 100644 index 0000000..d6c41a8 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-right.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up-alt-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up-alt-disabled.png new file mode 100644 index 0000000..1303814 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up-alt-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up-alt.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up-alt.png new file mode 100644 index 0000000..d91dc92 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up-alt.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up-disabled.png new file mode 100644 index 0000000..85ca589 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up.png new file mode 100644 index 0000000..324d867 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/pan-up.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/progressbar-progress.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/progressbar-progress.png new file mode 100644 index 0000000..7319887 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/progressbar-progress.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/progressbar-trough.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/progressbar-trough.png new file mode 100644 index 0000000..0ab5001 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/progressbar-trough.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked-active.png new file mode 100644 index 0000000..541ae78 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked-disabled.png new file mode 100644 index 0000000..861364b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked-hover.png new file mode 100644 index 0000000..537a8e2 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked.png new file mode 100644 index 0000000..a3f9a7c Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-checked.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed-active.png new file mode 100644 index 0000000..f46b0f1 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed-disabled.png new file mode 100644 index 0000000..6779009 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed-hover.png new file mode 100644 index 0000000..336085d Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed.png new file mode 100644 index 0000000..87d76ef Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-mixed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked-active.png new file mode 100644 index 0000000..a03bff5 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked-disabled.png new file mode 100644 index 0000000..810d142 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked-hover.png new file mode 100644 index 0000000..21b60e2 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked.png new file mode 100644 index 0000000..121b009 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/radio-unchecked.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-horz-trough-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-horz-trough-active.png new file mode 100644 index 0000000..c33e100 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-horz-trough-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-horz-trough-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-horz-trough-disabled.png new file mode 100644 index 0000000..ba71de2 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-horz-trough-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-horz-trough.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-horz-trough.png new file mode 100644 index 0000000..8fa6c3b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-horz-trough.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider-active.png new file mode 100644 index 0000000..88518e7 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider-disabled.png new file mode 100644 index 0000000..7880b39 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider-hover.png new file mode 100644 index 0000000..ae2ccbe Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider.png new file mode 100644 index 0000000..17b8cd6 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-slider.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-vert-trough-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-vert-trough-active.png new file mode 100644 index 0000000..66e4c80 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-vert-trough-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-vert-trough-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-vert-trough-disabled.png new file mode 100644 index 0000000..142e937 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-vert-trough-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-vert-trough.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-vert-trough.png new file mode 100644 index 0000000..00f75cd Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scale-vert-trough.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png new file mode 100644 index 0000000..7336715 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png new file mode 100644 index 0000000..c624d53 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png new file mode 100644 index 0000000..20708af Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider.png new file mode 100644 index 0000000..0c300a6 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-slider.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-trough.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-trough.png new file mode 100644 index 0000000..77a7314 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-horz-trough.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png new file mode 100644 index 0000000..8d12ce3 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png new file mode 100644 index 0000000..3935e89 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png new file mode 100644 index 0000000..cfdfff5 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png new file mode 100644 index 0000000..c39715e Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-slider.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png new file mode 100644 index 0000000..bcb2864 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-ltr-trough.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png new file mode 100644 index 0000000..13f396e Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png new file mode 100644 index 0000000..1ea4e64 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png new file mode 100644 index 0000000..db2ecbd Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png new file mode 100644 index 0000000..e2dbcff Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-slider.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png new file mode 100644 index 0000000..48c8066 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/scrollbar-vert-rtl-trough.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down-active.png new file mode 100644 index 0000000..34a790b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down-disabled.png new file mode 100644 index 0000000..eab59c9 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down-hover.png new file mode 100644 index 0000000..12b4cc4 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down.png new file mode 100644 index 0000000..a6f8cdd Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-down.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up-active.png new file mode 100644 index 0000000..f32322c Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up-disabled.png new file mode 100644 index 0000000..c4d63e6 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up-hover.png new file mode 100644 index 0000000..09cc0bc Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up.png new file mode 100644 index 0000000..297a745 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-ltr-up.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down-active.png new file mode 100644 index 0000000..5df911a Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down-disabled.png new file mode 100644 index 0000000..5aca284 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down-hover.png new file mode 100644 index 0000000..011a1a9 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down.png new file mode 100644 index 0000000..ff9dc75 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-down.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up-active.png new file mode 100644 index 0000000..c508785 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up-disabled.png new file mode 100644 index 0000000..2e7e347 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up-hover.png new file mode 100644 index 0000000..b729b68 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up.png new file mode 100644 index 0000000..5159624 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/spin-rtl-up.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/tab.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/tab.png new file mode 100644 index 0000000..63aee8a Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/tab.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-ltr-button-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-ltr-button-active.png new file mode 100644 index 0000000..45da44f Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-ltr-button-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-ltr-button-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-ltr-button-hover.png new file mode 100644 index 0000000..a240cb6 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-ltr-button-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-ltr-button.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-ltr-button.png new file mode 100644 index 0000000..269e20e Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-ltr-button.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-rtl-button-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-rtl-button-active.png new file mode 100644 index 0000000..a5a46b9 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-rtl-button-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-rtl-button-hover.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-rtl-button-hover.png new file mode 100644 index 0000000..810a277 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-rtl-button-hover.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-rtl-button.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-rtl-button.png new file mode 100644 index 0000000..269e20e Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/assets/treeview-rtl-button.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/gtkrc b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/gtkrc new file mode 100644 index 0000000..07ffb00 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/gtkrc @@ -0,0 +1,36 @@ +# Based on Bridge by ScionicSpectre and Adwaita by GNOME +# vim:set ts=2 sw=2 sts=2 ai et: +# +# This is the GTK 2 version of Materia. It's whole purpose is to look as the +# GTK 3 version as much as possible until GTK 2 dies completely. +# +# Note: comments for explaining styles are on the bottom of each file beside the +# widget matches. + +# Declare the colours used throughout the theme. +# There shouldn't be any fiddling with them in the theme files themselves in +# order to not mess up the dark theme. + +# Text/base +gtk-color-scheme = "text_color:#E9E9ED\nbase_color:#1A1B26" +# Foreground/background +gtk-color-scheme = "fg_color:#E9E9ED\nbg_color:#1A1B26" +# Selected foreground/background +gtk-color-scheme = "selected_fg_color:#E9E9ED\nselected_bg_color:#7AA2F7" +# Titlebar foreground/background +gtk-color-scheme = "titlebar_fg_color:#E9E9ED\ntitlebar_bg_color:#292E42" +# Menus +gtk-color-scheme = "menu_color:#323449" +# Tooltips foreground/background +gtk-color-scheme = "tooltip_fg_color:#E9E9ED\ntooltip_bg_color:#414868" +# Links +gtk-color-scheme = "link_color:#7DCFFF\nvisited_link_color:#BB9AF7" + +# Set GTK settings +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +# And hand over the control to the theme files +include "main.rc" +include "apps.rc" +include "hacks.rc" diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/hacks.rc b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/hacks.rc new file mode 100644 index 0000000..c288da3 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/hacks.rc @@ -0,0 +1,36 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This file contains horrible hacks to make this theme work with some programs +# This is mostly due to the limitations of GTK 2 but sometimes its the fault of +# the programs themselves. Not going to point fingers. +# +# Either way, it's a WONTFIX for both, hence this horrible file. + +style "toplevel_hack" { + engine "adwaita" {} +} + +style "chrome_entry" { + base[NORMAL] = @base_color + base[INSENSITIVE] = @base_color +} + +style "vim_notebook" { + bg[NORMAL] = @base_color + bg[ACTIVE] = @bg_color +} + +# Vim puts an eventbox between the tab and the label and colours it, +# we need to handle that +widget "vim-main-window*GtkNotebook.GtkEventBox" style "vim_notebook" + +# (he)xchat input box +class "SexySpellEntry" style:highest "normal_entry" + +# Chromium uses base as the fill colour of its own entries +# This would be fine but GTK uses it to fill the surrounding space, so its set to bg +# That results in Chromium using it for the fill, so we need to handle that +widget_class "*Chrom*" style "chrome_entry" + +# Hack to be able to match widgets in LibreOffice +class "GtkWindow" style "toplevel_hack" diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/main.rc b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/main.rc new file mode 100644 index 0000000..8349b0e --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-2.0/main.rc @@ -0,0 +1,2708 @@ +# vim:set ft=gtkrc ts=2 sw=2 sts=2 ai et: +# +# This is the main theme file, handling all the default widgets and theme +# properties. Since GTK 2 is old, we need to overcome some of its limitations, +# which is also mostly done in this file. Sadly not all of them can be overcome +# so there will always be a visible difference between the GTK 2 and 3 theme. + +style "default" { + xthickness = 1 + ythickness = 1 + + #################### + # Style Properties # + #################### + + GtkWidget::focus-padding = 0 + GtkWidget::focus-line-width = 2 + GtkWidget::focus-line-pattern = "\2\1" + + GtkToolbar::space-size = 5 # 1 + 2*2 (separator + margins) + GtkToolbar::internal-padding = 2 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 4 + GtkWidget::tooltip-alpha = 230 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkWidget::link-color = @link_color + GtkWidget::visited-link-color = @visited_link_color + GnomeHRef::link_color = @link_color + GtkHTML::link-color = @link_color + GtkHTML::vlink-color = @visited_link_color + GtkIMHtml::hyperlink-color = @link_color + GtkIMHtml::hyperlink-visited-color = @visited_link_color + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 3 + + GtkButton::child-displacement-y = 0 + + GtkButton::default-border = {0, 0, 0, 0} + GtkButton::default-outside-border = {0, 0, 0, 0} + GtkButton::inner-border = {0, 0, 0, 0} + + GtkEntry::state-hint = 1 + GtkEntry::inner-border = {0, 0, 0, 0} + + GtkPaned::handle-size = 8 + GtkHPaned::handle-size = 8 + GtkVPaned::handle-size = 8 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 17 + GtkRange::stepper-size = 0 + GtkRange::activate-slider = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 32 # 24 + 2*4 (margins) + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 24 + GtkScale::slider_width = 24 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 4 + GtkProgressBar::min-vertical-bar-width = 4 + GtkProgressBar::xspacing = 4 + GtkProgressBar::yspacing = 4 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + # TODO: find out what this comment means: + # ( every window is misaligned for the sake of menus ): + GtkMenuBar::internal-padding = 0 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 4 + GtkMenu::double-arrows = 0 + GtkMenuItem::arrow-scaling = 1 + GtkMenuItem::toggle-spacing = 12 + + GtkCheckButton::indicator-size = 24 + GtkCheckButton::indicator_spacing = 2 + GtkOptionMenu::indicator_spacing = {8, 8, 4, 4} + + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 0 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 0 + # Set this because some apps read it + GtkTreeView::odd-row-color = @base_color + GtkTreeView::even-row-color = @base_color + + GtkExpander::expander-size = 16 + + GtkNotebook::tab-overlap = 0 + + ########## + # Colors # + ########## + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + bg[INSENSITIVE] = @bg_color + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @fg_color + fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @text_color + text[INSENSITIVE] = mix (0.5, @text_color, @base_color) + text[ACTIVE] = @text_color + + base[NORMAL] = @base_color + base[PRELIGHT] = mix (0.08, @text_color, @base_color) + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = mix (0.5, @base_color, @bg_color) + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) + + # For succinctness, all reasonable pixmap options remain here + + # Draw frame around menu in a non-compositied environment + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-disabled.png" + overlay_stretch = FALSE + } + + ########## + # Arrows # + ########## + + # Overrides + + # Disable arrows in spinbuttons + image { + function = ARROW + detail = "spinbutton" + } + + # Disable arrows for qt in scrollbars + + image { + function = ARROW + detail = "vscrollbar" + } + + image { + function = ARROW + detail = "hscrollbar" + } + + # Menu arrows + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-left-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/pan-right-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_up" + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down-disabled.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_down" + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + # Regular arrows + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-left-alt.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-left-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-right-alt.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-right-alt-disabled.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + ###################### + # Option Menu Arrows # + ###################### + + image { + function = TAB + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + } + + ######### + # Lines # + ######### + + image { + function = VLINE + file = "assets/border.png" + border = {1, 0, 0, 0} + } + + image { + function = HLINE + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ######### + # Focus # + ######### + + image { + function = FOCUS + file = "assets/focus.png" + border = {5, 5, 5, 5} # Super strange, {4, 4, 4, 4} does not work properly... + stretch = TRUE + } + + ########### + # Handles # + ########### + + image { + function = HANDLE + detail = "handlebox" + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-horz.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-horz-hover.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-horz-active.png" + overlay_stretch = FALSE + orientation = HORIZONTAL + } + + image { + function = HANDLE + state = NORMAL + overlay_file = "assets/handle-vert.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = PRELIGHT + overlay_file = "assets/handle-vert-hover.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = HANDLE + state = ACTIVE + overlay_file = "assets/handle-vert-active.png" + overlay_stretch = FALSE + orientation = VERTICAL + } + + image { + function = RESIZE_GRIP + } + + ############# + # Expanders # + ############# + + image { + function = EXPANDER + expander_style = EXPANDED + state = NORMAL + file = "assets/pan-down-alt.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = PRELIGHT + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = ACTIVE + file = "assets/pan-down.png" + } + + image { + function = EXPANDER + expander_style = EXPANDED + state = INSENSITIVE + file = "assets/pan-down-alt-disabled.png" + } + + # LTR + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-right-alt.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-right-alt-disabled.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + direction = LTR + } + + # RTL + + image { + function = EXPANDER + expander_style = COLLAPSED + state = NORMAL + file = "assets/pan-left-alt.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = PRELIGHT + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = ACTIVE + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = COLLAPSED + state = INSENSITIVE + file = "assets/pan-left-alt-disabled.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + direction = RTL + } + + ############# + # Notebooks # + ############# + + # Left + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 1, 0, 0} + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + gap_side = RIGHT + } + + # Right + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {1, 0, 0, 0} + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + gap_side = LEFT + } + + # Up + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 0, 1} + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + gap_side = BOTTOM + } + + # Down + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab.png" + border = {0, 0, 1, 0} + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + gap_side = TOP + } + + # Inner frame + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {1, 0, 0, 0} + gap_side = LEFT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 1, 0, 0} + gap_side = RIGHT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 1, 0} + gap_side = TOP + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab.png" + gap_border = {0, 0, 0, 1} + gap_side = BOTTOM + } + + # Standalone frame + image { + function = BOX + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-horz-trough.png" + border = {0, 0, 1, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-ltr-trough.png" + border = {1, 0, 0, 0} + orientation = VERTICAL + direction = LTR + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-rtl-trough.png" + border = {0, 1, 0, 0} + orientation = VERTICAL + direction = RTL + } + + # Horizontal sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-horz-slider.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-horz-slider-hover.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-active.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-disabled.png" + border = {8, 8, 9, 8 } + stretch = TRUE + orientation = HORIZONTAL + } + + # Vertical sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-hover.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-active.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-ltr-slider-disabled.png" + border = {9, 8, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + # RTL + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-hover.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-active.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + file = "assets/scrollbar-vert-rtl-slider-disabled.png" + border = {8, 9, 8, 8} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + ########## + # Scales # + ########## + + # Troughs, overrided later on. We set them here too because some widgets + # don't specify their orientation. + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-horz-trough-disabled.png" + border = {6, 6, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-upper" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + state = INSENSITIVE + detail = "trough-lower" + file = "assets/scale-vert-trough-disabled.png" + border = {0, 0, 6, 6} + stretch = TRUE + orientation = VERTICAL + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + detail = "hscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "hscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "hscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "hscale" + file = "assets/scale-slider-disabled.png" + } + + image { + function = SLIDER + state = NORMAL + detail = "vscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "vscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "vscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "vscale" + file = "assets/scale-slider-disabled.png" + } + + ########### + # Menubar # + ########### + + image { + function = BOX + detail = "menubar" + file = "assets/border.png" + border = {0, 0, 0, 1} + } + + ######### + # Menus # + ######### + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/border.png" + border = {0, 0, 0, 1} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/border.png" + border = {0, 0, 1, 0} + } + + ########### + # Entries # + ########### + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-disabled.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + + ######### + # Spins # + ######### + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-ltr-up.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-ltr-up-hover.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-active.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-disabled.png" + border = {0, 8, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-rtl-up.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-disabled.png" + border = {8, 0, 8, 0} + stretch = TRUE + overlay_file = "assets/pan-up-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-ltr-down.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-ltr-down-hover.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-active.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-disabled.png" + border = {0, 8, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-rtl-down.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-rtl-down-hover.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-active.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-disabled.png" + border = {8, 0, 0, 8} + stretch = TRUE + overlay_file = "assets/pan-down-alt-disabled.png" + overlay_stretch = FALSE + direction = RTL + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-progress.png" + stretch = TRUE + border = {0, 0, 0, 0} + orientation = VERTICAL + } + + ############# + # Treeviews # + ############# + + # Disable active the column highlight + # We need to match specific cells or we break stuff + # Looking at you deadbeef + + image { + function = FLAT_BOX + detail = "cell_even_sorted" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "cell_odd_sorted" + state = NORMAL + } + + # Disable all the other shadows + # This prevents the Raleigh effect + image { + function = SHADOW + } + } +} + +style "menubar" { + bg[NORMAL] = @titlebar_bg_color + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) + bg[INSENSITIVE] = @bg_color + # Needed to fix Firefox's menubar text + bg[SELECTED] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[SELECTED] = @titlebar_fg_color +} + +style "menubar_item" { + xthickness = 3 + ythickness = 4 + + fg[NORMAL] = mix(0.7, @titlebar_fg_color, @titlebar_bg_color) + bg[PRELIGHT] = mix(0.12, @titlebar_fg_color, @titlebar_bg_color) + fg[PRELIGHT] = @titlebar_fg_color + fg[INSENSITIVE] = mix(0.3, @titlebar_fg_color, @titlebar_bg_color) +} + +style "menu" { + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @menu_color + bg[INSENSITIVE] = @menu_color + bg[PRELIGHT] = @menu_color + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) +} + +style "menu_item" { + xthickness = 4 + ythickness = 4 + + bg[PRELIGHT] = mix(0.08, @fg_color, @menu_color) + fg[PRELIGHT] = @fg_color + # Chromium uses this setting + bg[SELECTED] = mix(0.08, @fg_color, @menu_color) + text[SELECTED] = @fg_color + # Some widgets use text, we need to handle that + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color + + # Unfortunately we can't tell regular and menu checks/radios apart + # Without the heirarchy + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-disabled.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-unchecked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-disabled.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-disabled.png" + overlay_stretch = FALSE + } + } +} + +style "separator_menu_item" { + xthickness = 0 + ythickness = 2 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + border = {0, 0, 0, 1} + } + } +} + +style "button_label" { + # fg[NORMAL] = mix(0.7, @fg_color, @bg_color) + # fg[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "normal_button_label" { + # fg[NORMAL] = @fg_color + # fg[INSENSITIVE] = mix(0.5, @fg_color, @bg_color) + + font_name = "Regular" +} + +style "button" { + xthickness = 6 + ythickness = 6 + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "link_button" { + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } +} + +style "entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) + + # We set this same as the border of the border of the entry + # This way there's no overlap + xthickness = 6 + ythickness = 6 +} + +style "combobox" { + xthickness = 6 + ythickness = 6 + + # This affects only the button beside an entry + GtkButton::inner-border = {0, 0, 0, 0} + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + file = "assets/entry-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "combobox_cellview" { + # text[NORMAL] = mix(0.7, @fg_color, @bg_color) + # text[INSENSITIVE] = mix(0.3, @fg_color, @bg_color) +} + +style "combobox_entry" { + # Since one side of the button is missing, we need to shift the arrow a little to the right + GtkButton::inner-border = {0, 2, 0, 0} + + base[NORMAL] = @base_color + base[ACTIVE] = @base_color + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-left-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-left-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-left-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-right-entry.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-right-entry-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-right-entry-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + direction = RTL + } + + ############## + # LTR button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-right-entry.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-right-entry-hover.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-right-entry-active.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-right-entry-disabled.png" + border = {0, 6, 6, 6} + stretch = TRUE + direction = LTR + } + + ############## + # RTL button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-left-entry.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-left-entry-hover.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-left-entry-active.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-left-entry-disabled.png" + border = {6, 0, 6, 6} + stretch = TRUE + direction = RTL + } + } +} + +style "combo_button_padding" { + # Since one side of the button is missing, we need to shift the arrow a + # little to the right. + # This is the same thing we've done above but the combo, unlike the combobox, + # uses padding the same way as a button. + GtkButton::inner-border = {3, 6, 3, 3} +} + +style "notebook" { + xthickness = 3 + ythickness = 3 + bg[NORMAL] = @base_color +} + +style "notebook_tab_label" { + fg[ACTIVE] = mix(0.7, @fg_color, @bg_color) + + font_name = "Medium" +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_bg" { + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "notebook_entry" { + base[NORMAL] = @base_color + base[SELECTED] = mix (0.24, @selected_bg_color, @base_color) + base[INSENSITIVE] = @base_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @base_color) +} + +style "normal_bg" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = @bg_color +} + +style "normal_entry" { + base[NORMAL] = @bg_color + base[SELECTED] = mix (0.24, @selected_bg_color, @bg_color) + base[INSENSITIVE] = @bg_color + base[ACTIVE] = mix (0.24, @selected_bg_color, @bg_color) +} + +style "textview" { + bg[NORMAL] = @base_color +} + +style "scale_horz" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {6, 6, 0, 0} + stretch = TRUE + } + } +} + +style "scale_vert" { + engine "pixmap" { + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 6, 6} + stretch = TRUE + } + } +} + +style "progressbar" { + xthickness = 0 + ythickness = 0 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-trough.png" + border = {0, 0, 0, 0} + stretch = TRUE + orientation = VERTICAL + } + } +} + +style "treeview_header" { + xthickness = 2 + ythickness = 2 + + fg[NORMAL] = mix(0.7, @fg_color, @base_color) + fg[PRELIGHT] = @fg_color + + font_name = "Medium" + + GtkButton::inner-border = {4, 4, 0, 2} + + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/treeview-ltr-button.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-ltr-button-hover.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-ltr-button-active.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = NORMAL + file = "assets/treeview-rtl-button.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + file = "assets/treeview-rtl-button-hover.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + file = "assets/treeview-rtl-button-active.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up-alt.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down-alt.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + } +} + +style "scrolled_window" { + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + } +} + +style "frame" { + engine "pixmap" { + image { + function = SHADOW + shadow = NONE + } + + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_start_file = "assets/border.png" + gap_end_file = "assets/border.png" + } + } +} + +style "tool_button" { + GtkButton::inner-border = {2, 2, 2, 2} + + # For the sake of sanity style buttons this way + engine "pixmap" { + image { + function = BOX + state = NORMAL + file = "assets/flat-button.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/flat-button-hover.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/flat-button-active.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = OUT + file = "assets/flat-button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + shadow = IN + file = "assets/button-disabled.png" + border = {6, 6, 6, 6} + stretch = TRUE + } + } +} + +style "toolbar_separator" { + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + engine "pixmap" { + image { + function = BOX + file = "assets/border.png" + } + } +} + +style "inline_toolbar" { + # GtkToolbar::button-relief = GTK_RELIEF_NORMAL + bg[NORMAL] = @base_color + + engine "pixmap" { + image { + function = BOX + file = "assets/frame-inline.png" + border = {1, 1, 0, 1} + stretch = TRUE + } + } +} + +style "tooltip" { + xthickness = 8 + ythickness = 8 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color +} + +style "disable_text_shadow" { + engine "murrine" { + textstyle = 0 + } +} + +style "disable_separator" { + xthickness = 0 + ythickness = 0 + + GtkWidget::wide-separators = 1 +} + +# Default style, containing theme properties and trying to match every widget as +# much as possible, which is not only faster than trying to match every widget +# by its own but also less bug-prune and more consistent. However there is some +# widget specific stuff that needs to be taken care of, which is the point of +# every other style below. +class "GtkWidget" style "default" + +###################################### +# Override padding, style and colour # +###################################### + +class "GtkButton" style "button" +class "GtkLinkButton" style "link_button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkNotebook" style "notebook" +class "GtkHScale" style "scale_horz" +class "GtkVScale" style "scale_vert" +class "GtkProgressBar" style "progressbar" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkSeparatorToolItem" style "toolbar_separator" +class "GtkMenuBar" style "menubar" +class "GtkMenu" style "menu" +class "GtkTextView" style "textview" + +# Menu and menubar items +widget_class "**" style "menu_item" +widget_class "*.*" style "menubar_item" +widget_class "**" style "separator_menu_item" + +# Treeview buttons +widget_class "***" style "treeview_header" + +# Give the file chooser toolbar a border +widget_class "**" style "inline_toolbar" + +# Fix padding on regular comboboxes +widget_class "*." style "combobox" +widget_class "*" style "combobox" + +# And disable separators on them +widget_class "*.*" style "disable_separator" +widget_class "**" style "disable_separator" +widget_class "**" style "disable_separator" + +# Join together the ComboBoxEntry entry and button +widget_class "**" style "combobox_entry" + +# Join the Combo entry and button +widget_class "**" style "combobox_entry" + +# Tweak the padding on the button a little bit because it +# uses it a bit differently +widget_class "*." style "combo_button_padding" + +# Alas we cannot do the same for ComboBoxText because there +# isn't a way to apply the style to only the comboboxes that +# have an entry inside + +# Tool buttons have different styles +widget_class "**" style "tool_button" +widget_class "**.*" style "tool_button" + +# Notebooks +widget_class "*." style "notebook_tab_label" +widget_class "*.." style "notebook_tab_label" + +# Notebooks are white, act accordingly +widget_class "**" style "notebook_entry" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "***" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "*.*" style "notebook_bg" + +# However, stuff inside eventboxes inside notebooks is grey +# again, react +widget_class "***" style "normal_entry" +widget_class "***" style "normal_bg" +widget_class "***" style "normal_bg" + +# Button labels +widget_class "*." style "button_label" + +# Normalize button labels +widget_class "*." style "normal_button_label" +widget_class "*." style "normal_button_label" + +# ComboBoxes tend to draw the button label with text[] +# instead of fg[], we need to fix that +widget_class "**" style "combobox_cellview" + +# Disable white text shadows +widget_class "*" style "disable_text_shadow" +widget_class "*" style "disable_text_shadow" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltip" diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..c3eedb0 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..96be359 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..f016658 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..1bc6987 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,50 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/close.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/close.svg new file mode 100644 index 0000000..06201c3 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/close.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/maximize.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/maximize.svg new file mode 100644 index 0000000..39316eb --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/maximize.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/minimize.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/minimize.svg new file mode 100644 index 0000000..f3683b9 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/minimize.svg @@ -0,0 +1,43 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg new file mode 100644 index 0000000..d13b029 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..ed8d87a --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg new file mode 120000 index 0000000..79b7355 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..b68859d --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..de0d789 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..7f0235f --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg new file mode 100644 index 0000000..993f308 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg new file mode 100644 index 0000000..740bc8b --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg new file mode 100644 index 0000000..73a1dbe --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,40 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg new file mode 100644 index 0000000..bec2ee4 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..37d9c04 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..1bc5cb6 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..caed76f --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..58aa5ff --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,46 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..0e477a9 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..d0980e2 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..0fdb530 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..251e2f5 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg new file mode 120000 index 0000000..86dfcec --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..bafb558 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/small-radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/unmaximize.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/unmaximize.svg new file mode 100644 index 0000000..492d47a --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scalable/unmaximize.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100644 index 0000000..7d30542 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100644 index 0000000..d9ce2fc Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000..a406f34 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000..79d7bf4 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png new file mode 100644 index 0000000..56e2051 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png new file mode 100644 index 0000000..f9d3ee2 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider.png new file mode 100644 index 0000000..a9c284f Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider@2.png new file mode 100644 index 0000000..8fb41e7 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-after-slider@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100644 index 0000000..540e8c3 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100644 index 0000000..eb3a14c Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000..3faffbe Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000..df47f46 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png new file mode 100644 index 0000000..2f642d7 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100644 index 0000000..c414366 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider.png new file mode 100644 index 0000000..c952031 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png new file mode 100644 index 0000000..602025d Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-horz-marks-before-slider@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png new file mode 100644 index 0000000..ff1964c Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100644 index 0000000..92909ac Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png new file mode 100644 index 0000000..dc46db4 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100644 index 0000000..9e3384f Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png new file mode 100644 index 0000000..d2e7e23 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100644 index 0000000..a3b0230 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider.png new file mode 100644 index 0000000..c605478 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider@2.png new file mode 100644 index 0000000..f856bd3 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-after-slider@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png new file mode 100644 index 0000000..45f08f7 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100644 index 0000000..7c9b2f8 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100644 index 0000000..7d8d62f Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100644 index 0000000..da72004 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100644 index 0000000..053b2cf Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100644 index 0000000..a43cb47 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider.png new file mode 100644 index 0000000..7888d78 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider@2.png new file mode 100644 index 0000000..c85505a Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/scale-vert-marks-before-slider@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100644 index 0000000..de4c4e9 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png new file mode 100644 index 0000000..423fa40 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked.png new file mode 100644 index 0000000..42770fb Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png new file mode 100644 index 0000000..63f9df7 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-checked@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100644 index 0000000..32e0e98 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100644 index 0000000..77dbab8 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked.png new file mode 100644 index 0000000..dc79ab1 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png new file mode 100644 index 0000000..98b6085 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/gtk-dark.css b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/gtk-dark.css new file mode 120000 index 0000000..78c9d4e --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/gtk-dark.css @@ -0,0 +1 @@ +gtk.css \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/gtk.css b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/gtk.css new file mode 100644 index 0000000..bd940e5 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/gtk.css @@ -0,0 +1,8640 @@ +@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, #589ed7 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #589ed7 100%, transparent 0%); + } +} + +.app-notification { + margin: 8px; + padding: 6px 15px; +} + +.app-notification button.flat:last-child { + margin-right: -9px; +} + +.app-notification button.text-button:not(:disabled) { + color: #589ed7; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#589ed7), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#589ed7), to(transparent)); + } +} + +.xfce4-panel.background button, .mate-panel-menu-bar button, .raven-mpris button.image-button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(239, 241, 245, 0.7); +} + +.xfce4-panel.background button:focus, .mate-panel-menu-bar button:focus, .raven-mpris button.image-button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .mate-panel-menu-bar button:hover, .raven-mpris button.image-button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .mate-panel-menu-bar button:active, .raven-mpris button.image-button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .mate-panel-menu-bar button:checked, .raven-mpris button.image-button:checked, infobar.warning > revealer > box button:checked { + color: #eff1f5; +} + +.xfce4-panel.background button:disabled, .mate-panel-menu-bar button:disabled, .raven-mpris button.image-button:disabled, infobar.warning > revealer > box button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.xfce4-panel.background button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, .raven-mpris button.image-button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { + color: rgba(239, 241, 245, 0.5); +} + +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.combo) { + background-color: #292c3c; + color: #eff1f5; +} + +actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.combo) { + background-color: rgba(36, 39, 58, 0.87); + color: #e6e9ef; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat, terminal-window notebook > header > box button.flat { + color: rgba(36, 39, 58, 0.6); +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:hover, terminal-window notebook > header > box button.flat:hover, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:active, terminal-window notebook > header > box button.flat:active, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:focus, terminal-window notebook > header > box button.flat:focus { + color: rgba(36, 39, 58, 0.87); +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:checked, terminal-window notebook > header > box button.flat:checked { + background-color: rgba(36, 39, 58, 0.87); + color: #e6e9ef; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list button.flat:disabled, terminal-window notebook > header > box button.flat:disabled { + color: rgba(36, 39, 58, 0.3); +} + +button { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eff1f5; +} + +button:focus { + box-shadow: 0 0 0 2px rgba(88, 158, 215, 0.35); +} + +button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +button:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +button:checked { + background-color: #589ed7; + color: #eff1f5; +} + +button:checked:hover { + box-shadow: inset 0 0 0 9999px transparent; +} + +button:checked:disabled { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .raven .expander-button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .raven .expander-button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, spinbutton.vertical button, spinbutton:not(.vertical) button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, +notebook > header tab button.close-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 12px; + font-weight: 500; +} + +button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +#mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, .budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, spinbutton.vertical button, spinbutton:not(.vertical) button, placessidebar.sidebar row button.sidebar-button, modelbutton.flat, +.menuitem.button.flat, notebook > header > tabs > arrow, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, calendar.button, .xfce4-panel.background button, .nemo-window .toolbar button, .lock-dialog button, .mate-panel-menu-bar button, #buttonbox_frame button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, popover.background.menu button, +popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, +messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, button.flat { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(239, 241, 245, 0.7); +} + +#mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, .budgie-session-dialog .linked.horizontal > button:focus, +.budgie-polkit-dialog .linked.horizontal > button:focus, +.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, placessidebar.sidebar row button.sidebar-button:focus, modelbutton.flat:focus, +.menuitem.button.flat:focus, notebook > header > tabs > arrow:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, calendar.button:focus, .xfce4-panel.background button:focus, .nemo-window .toolbar button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, #buttonbox_frame button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, popover.background.menu button:focus, +popover.background button.model:focus, .nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, +messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eff1f5; +} + +#mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, .budgie-session-dialog .linked.horizontal > button:hover, +.budgie-polkit-dialog .linked.horizontal > button:hover, +.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, placessidebar.sidebar row button.sidebar-button:hover, modelbutton.flat:hover, +.menuitem.button.flat:hover, notebook > header > tabs > arrow:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, calendar.button:hover, .xfce4-panel.background button:hover, .nemo-window .toolbar button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, #buttonbox_frame button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, popover.background.menu button:hover, +popover.background button.model:hover, .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, +messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, button.flat:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: #eff1f5; +} + +#mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, .budgie-session-dialog .linked.horizontal > button:active, +.budgie-polkit-dialog .linked.horizontal > button:active, +.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, placessidebar.sidebar row button.sidebar-button:active, modelbutton.flat:active, +.menuitem.button.flat:active, notebook > header > tabs > arrow:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, calendar.button:active, .xfce4-panel.background button:active, .nemo-window .toolbar button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, #buttonbox_frame button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, popover.background.menu button:active, +popover.background button.model:active, .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, +messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, button.flat:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; + color: #eff1f5; +} + +#mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, .budgie-session-dialog .linked.horizontal > button:disabled, +.budgie-polkit-dialog .linked.horizontal > button:disabled, +.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, modelbutton.flat:disabled, +.menuitem.button.flat:disabled, notebook > header > tabs > arrow:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, calendar.button:disabled, .xfce4-panel.background button:disabled, .nemo-window .toolbar button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, #buttonbox_frame button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, popover.background.menu button:disabled, +popover.background button.model:disabled, .nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, +messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +.xfce4-panel.background button:checked, .nemo-window .toolbar button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, #buttonbox_frame button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, popover.background.menu button:checked, +popover.background button.model:checked, .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, +messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, button.flat:checked, button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +.xfce4-panel.background button:checked:disabled, .nemo-window .toolbar button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, #buttonbox_frame button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, popover.background.menu button:checked:disabled, +popover.background button.model:checked:disabled, .nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, button.flat:checked:disabled { + background-color: alpha(currentColor, 0.1); + color: rgba(239, 241, 245, 0.5); +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 5px; +} + +button.text-button.image-button { + min-width: 24px; + padding: 5px; + border-radius: 12px; +} + +button.text-button.image-button label:first-child { + margin-left: 11px; +} + +button.text-button.image-button label:last-child { + margin-right: 11px; +} + +button.text-button.image-button.flat label:first-child { + margin-left: 7px; +} + +button.text-button.image-button.flat label:last-child { + margin-right: 7px; +} + +button.text-button.image-button image:not(:only-child) { + margin: 0 4px; +} + +.linked:not(.vertical) > button.flat:not(:only-child), .linked.vertical > button.flat:not(:only-child) { + border-radius: 12px; +} + +button.osd { + min-width: 24px; + min-width: 24px; + padding: 5px; + background-color: #24273a; + color: #eff1f5; +} + +button.osd:focus { + box-shadow: none; +} + +button.osd:hover { + background-color: #424556; + color: #eff1f5; +} + +button.osd:active { + background-color: #575a69; + color: #eff1f5; +} + +button.osd:disabled { + opacity: 0; +} + +button.osd.image-button, button.osd.circular { + padding: 11px; +} + +button.osd.image-button > image, button.osd.circular > image { + padding: 0; +} + +button.suggested-action { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + box-shadow: none; +} + +button.suggested-action:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(138, 173, 244, 0.2), 0 4px 3px 0 rgba(138, 173, 244, 0.14), 0 1px 6px 0 rgba(138, 173, 244, 0.12); +} + +button.suggested-action:checked { + background-color: rgba(113, 140, 198, 0.961); +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(138, 173, 244, 0.3), 0 2px 3px -1px rgba(138, 173, 244, 0.24), 0 2px 5px 0 rgba(138, 173, 244, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(138, 173, 244, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #8aadf4; +} + +button.suggested-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +button.suggested-action.flat:checked { + background-color: rgba(138, 173, 244, 0.3); +} + +button.destructive-action { + background-color: #ed8796; + color: rgba(36, 39, 58, 0.87); + box-shadow: none; +} + +button.destructive-action:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(237, 135, 150, 0.2), 0 4px 3px 0 rgba(237, 135, 150, 0.14), 0 1px 6px 0 rgba(237, 135, 150, 0.12); +} + +button.destructive-action:checked { + background-color: rgba(187, 111, 127, 0.961); +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(237, 135, 150, 0.3), 0 2px 3px -1px rgba(237, 135, 150, 0.24), 0 2px 5px 0 rgba(237, 135, 150, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(237, 135, 150, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #ed8796; +} + +button.destructive-action.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +button.destructive-action.flat:checked { + background-color: rgba(237, 135, 150, 0.3); +} + +.stack-switcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +.stack-switcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +.stack-switcher > button.needs-attention:checked > label, +.stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.primary-toolbar button { + -gtk-icon-shadow: none; +} + +button.close, button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +stacksidebar.sidebar row.needs-attention > label, .stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image { + animation: needs-attention 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), +.stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +calendar { + padding: 1px; + border: 1px solid rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +calendar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +calendar:selected { + border-radius: 13px; +} + +calendar.header { + border-style: none none solid; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; +} + +calendar.highlight { + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +calendar:indeterminate { + color: rgba(239, 241, 245, 0.32); +} + +/************************* + * Check and Radio items * + *************************/ +checkbutton, +radiobutton { + outline: none; +} + +checkbutton.text-button, +radiobutton.text-button { + padding: 2px; +} + +checkbutton.text-button label:not(:only-child), +radiobutton.text-button label:not(:only-child) { + margin: 0 4px; +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate), +actionbar > revealer > box radio:not(:checked):not(:indeterminate) { + background-color: rgba(36, 39, 58, 0.12); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):hover, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):hover { + box-shadow: 0 0 0 6px rgba(36, 39, 58, 0.04); + background-color: rgba(36, 39, 58, 0.15); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):active, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):active { + box-shadow: 0 0 0 6px rgba(36, 39, 58, 0.12); + background-color: rgba(36, 39, 58, 0.2); +} + +actionbar > revealer > box check:not(:checked):not(:indeterminate):disabled, +actionbar > revealer > box radio:not(:checked):not(:indeterminate):disabled { + background-color: rgba(36, 39, 58, 0.04); +} + +check, +radio { + min-height: 20px; + min-width: 20px; + margin: 3px; + padding: 0; + border-radius: 9999px; + color: transparent; + background-color: rgba(239, 241, 245, 0.12); + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 75ms cubic-bezier(0.15, 1, 0.3, 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(239, 241, 245, 0.7); + background-color: #589ed7; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(88, 158, 215, 0.15); + background-color: #81b6e1; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(88, 158, 215, 0.2); + background-color: #589ed7; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: rgba(88, 158, 215, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem radio { + transition: none; + margin: 0; + padding: 0; +} + +menu menuitem check:dir(ltr), menu menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +menu menuitem check:dir(rtl), menu menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +menu menuitem check, menu menuitem check:hover, menu menuitem check:disabled, menu menuitem check:checked:hover, menu menuitem check:indeterminate:hover, menu menuitem radio, menu menuitem radio:hover, menu menuitem radio:disabled, menu menuitem radio:checked:hover, menu menuitem radio:indeterminate:hover { + box-shadow: none; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic@2.svg"))); +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/radio-mixed-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > checkbutton > check, +menu menuitem check { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > checkbutton > check:checked, +menu menuitem check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-checked-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > checkbutton > check:indeterminate, +menu menuitem check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-checkbox-mixed-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > radiobutton > radio, +menu menuitem radio { + min-height: 16px; + min-width: 16px; +} + +#MozillaGtkWidget > widget > radiobutton > radio:checked, +menu menuitem radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-checked-symbolic@2.svg"))); +} + +#MozillaGtkWidget > widget > radiobutton > radio:indeterminate, +menu menuitem radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/scalable/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +check:not(:checked):indeterminate:active, +radio:not(:checked):indeterminate:active { + -gtk-icon-transform: scaleX(-1); +} + +treeview.view radio, +treeview.view check { + padding: 0; + margin: 0; + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, +treeview.view check, +treeview.view check:hover, +treeview.view check:disabled, +treeview.view check:checked:hover, +treeview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view radio:selected:not(:disabled):not(:checked):not(:indeterminate), +treeview.view check:selected:not(:disabled):not(:checked):not(:indeterminate) { + background-color: rgba(36, 39, 58, 0.12); +} + +treeview.view radio:checked, treeview.view radio:indeterminate, +treeview.view check:checked, +treeview.view check:indeterminate { + background-color: #589ed7; + color: #eff1f5; + background-image: none; +} + +.view.content-view.check:not(list), +.content-view .tile check:not(list) { + min-height: 40px; + min-width: 40px; + margin: 0; + padding: 0; + border-radius: 9999px; +} + +.view.content-view.check:not(list):not(:checked), +.content-view .tile check:not(list):not(:checked) { + background-image: image(rgba(239, 241, 245, 0.25)); +} + +.view.content-view.check:not(list):hover, .view.content-view.check:not(list):checked, +.content-view .tile check:not(list):hover, +.content-view .tile check:not(list):checked { + box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2), 0 4px 14px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + background-color: #589ed7; + color: #eff1f5; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + +colorswatch.top { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.top overlay { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.bottom { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.dark { + color: #eff1f5; +} + +colorswatch.light { + color: rgba(36, 39, 58, 0.87); +} + +colorswatch overlay { + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #589ed7; +} + +colorswatch#add-color-button { + border-radius: 12px 0 0 12px; +} + +colorswatch#add-color-button:only-child { + border-radius: 12px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(239, 241, 245, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(239, 241, 245, 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.04); +} + +colorchooser .popover.osd { + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); + border-radius: 12px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px rgba(239, 241, 245, 0.1); +} + +/*************** + * Dialogs * + ***********/ +messagedialog.background { + background-color: #24273a; +} + +messagedialog.background .titlebar { + min-height: 12px; +} + +messagedialog.background .titlebar, messagedialog.background .titlebar:backdrop { + background-color: #24273a; +} + +messagedialog.background.csd { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +messagedialog .titlebar, messagedialog.background.csd .titlebar { + border: none; + /* box-shadow: inset 0 1px highlight($surface); */ +} + +messagedialog .dialog-action-box { + margin-top: -6px; +} + +messagedialog .dialog-action-box button, messagedialog .dialog-action-box button:first-child, messagedialog .dialog-action-box button:last-child, +messagedialog .dialog-action-box .linked:not(.vertical) > button, +messagedialog .dialog-action-box .linked:not(.vertical) > button:first-child, +messagedialog .dialog-action-box .linked:not(.vertical) > button:last-child { + border-radius: 12px; +} + +messagedialog .dialog-action-box button:not(:last-child), +messagedialog .dialog-action-box .linked:not(.vertical) > button:not(:last-child) { + margin-right: 6px; +} + +messagedialog .dialog-action-box button.suggested-action:not(:disabled), +messagedialog .dialog-action-box .linked:not(.vertical) > button.suggested-action:not(:disabled) { + color: #8aadf4; +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), +messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: #ed8796; +} + +.csd filechooser { + background-color: #24273a; + border-radius: 0 0 12px 12px; +} + +filechooser .dialog-action-box { + border-top: 1px solid transparent; +} + +filechooser treeview.view header > button { + background-color: #181825; +} + +filechooser #pathbarbox { + background-color: #181825; + border-radius: 12px 12px 0 0; + margin: 0 4px; +} + +filechooser stack.view { + background-color: transparent; + padding: 0 4px; +} + +filechooser stack.view scrolledwindow { + background-color: #181825; + border-radius: 0 0 12px 12px; +} + +filechooser stack.view scrolledwindow list { + background-color: transparent; +} + +filechooser stack.view > placesview { + background-color: transparent; + padding: 4px; +} + +filechooser stack.view frame > border { + border: none; +} + +.csd filechooser placessidebar { + background: none; + border-bottom-left-radius: 12px; +} + +filechooser paned > separator { + background: none; +} + +filechooser paned box.vertical { + background-color: #181825; + border-radius: 12px; + margin: 0 6px 0 1px; +} + +/************* + * dropdowns * + *************/ +dropdown button.toggle, combobox button.toggle { + border-radius: 0 9px 9px 0; +} + +dropdown > button > box, combobox > button > box { + border-radius: 0 9px 9px 0; +} + +dropdown > button > box > stack > row.activatable:hover, combobox > button > box > stack > row.activatable:hover, dropdown > button > box > stack > row.activatable:active, combobox > button > box > stack > row.activatable:active { + background: none; +} + +dropdown arrow, combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; +} + +dropdown:drop(active), combobox:drop(active) { + box-shadow: none; +} + +dropdown:drop(active) button.combo, combobox:drop(active) button.combo { + color: #f5a97f; + box-shadow: inset 0 0 0 2px #f5a97f; +} + +dropdown popover.menu, combobox popover.menu { + padding: 6px 0 0; +} + +dropdown popover.menu listview > row, combobox popover.menu listview > row { + min-width: 0; + padding: 6px; +} + +dropdown popover.menu listview > row:selected, combobox popover.menu listview > row:selected { + color: #eff1f5; + background-color: alpha(currentColor, 0.06); +} + +dropdown popover.menu .dropdown-searchbar, combobox popover.menu .dropdown-searchbar { + padding: 6px; +} + +dropdown popover.menu .dropdown-searchbar + scrolledwindow:not(.undershoot-top), combobox popover.menu .dropdown-searchbar + scrolledwindow:not(.undershoot-top) { + background-color: transparent; + background-image: linear-gradient(to left, transparent 50%, rgba(239, 241, 245, 0.3) 50%); + padding-top: 1px; + background-size: 12px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: left top; + margin: 0 4px; +} + +/************** + * ComboBoxes * + **************/ +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker.background entry { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +popover.emoji-picker.background entry:focus { + border-bottom: 1px solid #589ed7; + box-shadow: inset 0 -1px #589ed7; + background-color: transparent; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +button.emoji-section { + margin: 4px; +} + +button.emoji-section:checked { + color: #589ed7; +} + +button.emoji-section:not(:last-child) { + margin-right: 0; +} + +popover.emoji-picker .emoji { + min-width: 3em; + min-height: 3em; + padding: 0 8px; +} + +popover.emoji-picker .emoji widget { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + border-radius: 12px; +} + +popover.emoji-picker .emoji widget:hover { + background-color: alpha(currentColor, 0.08); +} + +popover.emoji-completion { + padding: 8px 0; +} + +popover.emoji-completion arrow { + border: none; + background: none; +} + +popover.emoji-completion .emoji-completion-row { + min-height: 28px; + padding: 0 12px; +} + +popover.emoji-completion .emoji:hover { + background-color: alpha(currentColor, 0.08); +} + +/**************** + * Text Entries * + ****************/ +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry { + background-color: rgba(36, 39, 58, 0.04); + color: rgba(36, 39, 58, 0.87); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus { + color: rgba(36, 39, 58, 0.87); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:drop(active) { + color: rgba(36, 39, 58, 0.87); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:disabled { + background-color: rgba(36, 39, 58, 0.04); + color: rgba(36, 39, 58, 0.38); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry image { + color: rgba(36, 39, 58, 0.6); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry image:disabled { + color: rgba(36, 39, 58, 0.38); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:hover image, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack entry:focus image { + color: rgba(36, 39, 58, 0.87); +} + +spinbutton.vertical, spinbutton:not(.vertical), +entry { + min-height: 34px; + padding: 0 8px; + border-radius: 12px; + caret-color: currentColor; + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #589ed7; +} + +spinbutton.vertical:drop(active), spinbutton:drop(active):not(.vertical), +entry:drop(active) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + +spinbutton.vertical:disabled, spinbutton:disabled:not(.vertical), +entry:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); +} + +spinbutton.flat.vertical, spinbutton.flat:not(.vertical), +entry.flat { + min-height: 0; + padding: 2px; + border-radius: 0; + background-color: transparent; +} + +spinbutton.vertical image, spinbutton:not(.vertical) image, +entry image { + color: rgba(239, 241, 245, 0.7); +} + +spinbutton.vertical image:hover, spinbutton:not(.vertical) image:hover, spinbutton.vertical image:active, spinbutton:not(.vertical) image:active, +entry image:hover, +entry image:active { + color: #eff1f5; +} + +spinbutton.vertical image:disabled, spinbutton:not(.vertical) image:disabled, +entry image:disabled { + color: rgba(239, 241, 245, 0.5); +} + +spinbutton.vertical image.left, spinbutton:not(.vertical) image.left, +entry image.left { + margin-left: 1px; + margin-right: 6px; +} + +spinbutton.vertical image.right, spinbutton:not(.vertical) image.right, +entry image.right { + margin-left: 6px; + margin-right: 1px; +} + +spinbutton.vertical undershoot.left, spinbutton:not(.vertical) undershoot.left, +entry undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 0.3) 50%); + padding-left: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left top; + margin: 0 4px; + margin: 4px 0; +} + +spinbutton.vertical undershoot.right, spinbutton:not(.vertical) undershoot.right, +entry undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, transparent 50%, rgba(239, 241, 245, 0.3) 50%); + padding-right: 1px; + background-size: 1px 12px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right top; + margin: 0 4px; + margin: 4px 0; +} + +spinbutton.error.vertical, spinbutton.error:not(.vertical), +entry.error { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton.error.vertical:focus, spinbutton.error:focus:not(.vertical), +entry.error:focus { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #ed8796; +} + +spinbutton.error.vertical:disabled, spinbutton.error:disabled:not(.vertical), +entry.error:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); +} + +spinbutton.warning.vertical, spinbutton.warning:not(.vertical), +entry.warning { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton.warning.vertical:focus, spinbutton.warning:focus:not(.vertical), +entry.warning:focus { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #eed49f; +} + +spinbutton.warning.vertical:disabled, spinbutton.warning:disabled:not(.vertical), +entry.warning:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); +} + +spinbutton.vertical progress, spinbutton:not(.vertical) progress, +entry progress { + margin: 2px -8px; + border-bottom: 2px solid #589ed7; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #292c3c; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag, .photos-entry-tag, .documents-entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +expander title > arrow { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(239, 241, 245, 0.7); +} + +expander title > arrow:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +expander title > arrow:checked { + -gtk-icon-transform: unset; +} + +expander title > arrow:hover, expander title > arrow:active { + color: #eff1f5; +} + +expander title > arrow:disabled { + color: rgba(239, 241, 245, 0.32); +} + +frame > border, .frame { + margin: 0; + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; +} + +.frame.view { + border-radius: 12px; +} + +.frame.flat { + border-style: none; +} + +frame.flat > border, frame > border.flat, statusbar frame > border { + border: none; +} + +actionbar > revealer > box { + margin: 6px 0 0 0; + padding: 6px; + border: none; + color: #eff1f5; + background-color: #24273a; + border-radius: 0 0 12px 12px; +} + +actionbar > revealer > box button { + border-radius: 6px; +} + +actionbar > revealer > box button.combo:only-child { + border-radius: 6px; + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); +} + +actionbar > revealer > box button.combo:only-child:hover, actionbar > revealer > box button.combo:only-child:active { + color: #589ed7; +} + +actionbar > revealer > box button.combo:only-child:disabled { + color: #589ed7; +} + +actionbar > revealer > box stackswitcher { + background-color: rgba(36, 39, 58, 0.04); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + color: rgba(36, 39, 58, 0.6); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):hover, actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active { + color: rgba(36, 39, 58, 0.87); +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + background-color: #292c3c; + color: #eff1f5; +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked:hover { + background-color: #313244; +} + +/*************** + * Header bars * + ***************/ +.nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +.nemo-window .primary-toolbar .linked:not(.vertical) > button:not(.text-button), headerbar .linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + border-radius: 12px; +} + +.nemo-window .primary-toolbar button:focus:not(.text-button), headerbar button:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:hover:not(.text-button), headerbar button:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:active:not(.text-button), headerbar button:active:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:checked:not(.text-button), headerbar button:checked:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +.nemo-window .primary-toolbar button:disabled:not(.text-button), headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +.nemo-window .primary-toolbar button:checked:disabled:not(.text-button), headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(239, 241, 245, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:not(.text-button), headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.5); +} + +.nemo-window .primary-toolbar button:backdrop:focus:not(.text-button), headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:hover:not(.text-button), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), .nemo-window .primary-toolbar button:backdrop:active:not(.text-button), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:disabled:not(.text-button), headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +.nemo-window .primary-toolbar button:backdrop:checked:not(.text-button), headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +.nemo-window .primary-toolbar button:backdrop:checked:disabled:not(.text-button), headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +.nemo-window .primary-toolbar entry, .titlebar entry { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; +} + +.nemo-window .primary-toolbar entry:disabled, .titlebar entry:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +.nemo-window .primary-toolbar entry image, .titlebar entry image { + color: rgba(239, 241, 245, 0.7); +} + +.nemo-window .primary-toolbar entry image:hover, .titlebar entry image:hover, .nemo-window .primary-toolbar entry image:active, .titlebar entry image:active { + color: #eff1f5; +} + +.nemo-window .primary-toolbar entry image:disabled, .titlebar entry image:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: #24273a; + color: #eff1f5; + border-radius: 12px 12px 0 0; + /* box-shadow: inset 0 1px highlight($titlebar); */ + /* @if $border == 'false' { */ + /* box-shadow: inset 0 1px highlight($titlebar); */ + /* } */ +} + +.titlebar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar:backdrop { + color: rgba(239, 241, 245, 0.7); +} + +.titlebar:backdrop:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.csd .titlebar:backdrop { + background-color: #24273a; +} + +.titlebar .title { + padding: 0 12px; + font-weight: bold; +} + +.titlebar .subtitle { + padding: 0 12px; + font-size: smaller; +} + +.titlebar .subtitle, +.titlebar .dim-label { + transition: color 120ms cubic-bezier(0.15, 1, 0.3, 1); + color: rgba(239, 241, 245, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar + separator, +.titlebar + separator.sidebar { + background-color: #24273a; + background-image: none; + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); +} + +.titlebar + separator:backdrop, +.titlebar + separator.sidebar:backdrop { + background-color: #24273a; +} + +.titlebar.selection-mode + separator, .titlebar.selection-mode + separator.sidebar, .selection-mode .titlebar + separator, .selection-mode .titlebar + separator.sidebar { + background-color: #589ed7; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: #589ed7; +} + +.background.csd.unified .titlebar + separator, .background.csd.unified .titlebar + separator.sidebar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.titlebar .linked:not(.vertical) > entry { + border-radius: 12px; + margin-left: 3px; + margin-right: 3px; +} + +.titlebar button.suggested-action:disabled, +.titlebar button.destructive-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +.titlebar .path-bar button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; + padding-left: 5px; + padding-right: 5px; +} + +.titlebar.selection-mode { + transition: background-color 0.1ms 100ms, color 120ms cubic-bezier(0.15, 1, 0.3, 1); + animation: ripple-on-headerbar 100ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: #589ed7; + color: #eff1f5; +} + +.titlebar.selection-mode:backdrop { + color: rgba(239, 241, 245, 0.7); + background-color: #71acdd; +} + +.titlebar.selection-mode .subtitle:link { + color: #eff1f5; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + color: #eff1f5; +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) { + color: rgba(239, 241, 245, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(239, 241, 245, 0.7); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.titlebar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +.titlebar.selection-mode .selection-menu arrow { + -gtkarrow-arrow-scaling: 1; +} + +.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 12px 12px 0 0; + border: none; + background-color: #24273a; + background-image: none; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); +} + +.titlebar.default-decoration:backdrop { + background-color: #24273a; +} + +.tiled .titlebar.default-decoration, .maximized .titlebar.default-decoration, .fullscreen .titlebar.default-decoration { + box-shadow: none; + border-radius: 0; +} + +.titlebar.default-decoration button.titlebutton { + min-height: 24px; + min-width: 24px; + margin: 0; + padding: 0; +} + +.background.csd .titlebar.default-decoration { + padding: 6px; + box-shadow: none; +} + +.background:not(.csd) .titlebar.default-decoration button.titlebutton:active { + background-size: 1000% 1000%; +} + +.solid-csd .titlebar:dir(rtl), .solid-csd .titlebar:dir(ltr) { + border-radius: 0; + box-shadow: none; +} + +headerbar { + min-height: 46px; + padding: 0 6px; +} + +box.vertical headerbar { + background-color: #24273a; +} + +headerbar entry, +headerbar spinbutton, +headerbar button, +headerbar stackswitcher { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar button, +headerbar button.image-button { + border-radius: 12px; +} + +headerbar > box.left, +headerbar > box.right { + padding: 0 4px; +} + +headerbar separator.titlebutton, +headerbar separator.sidebar { + margin-top: 11.5px; + margin-bottom: 11.5px; + background-color: transparent; +} + +headerbar switch { + margin-top: 11px; + margin-bottom: 11px; +} + +headerbar spinbutton button { + margin-top: 0; + margin-bottom: 0; +} + +headerbar .entry-tag, headerbar .photos-entry-tag, headerbar .documents-entry-tag { + margin-top: 5px; + margin-bottom: 5px; +} + +headerbar.windowhandle viewswitcher { + border-radius: 0 0 12px 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) { + border-radius: 9px; + margin: 6px 3px; + min-width: 120px; + padding: 0; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) > stack > box { + padding: 0 12px; +} + +headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action):focus { + box-shadow: none; +} + +headerbar.windowhandle > button.popup label, +headerbar.windowhandle > button.popup image { + min-height: 0; +} + +headerbar.windowhandle viewswitchertitle > squeezer { + margin-top: 0; + margin-bottom: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher { + margin: 0; + background: none; +} + +headerbar.windowhandle viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; +} + +infobar { + border: none; + margin-bottom: 0; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #292c3c; +} + +infobar.info > revealer > box, +infobar.info > revealer > box link:link, +infobar.info > revealer > box flowboxchild, infobar.info:hover > revealer > box, +infobar.info:hover > revealer > box link:link, +infobar.info:hover > revealer > box flowboxchild, infobar.info:backdrop > revealer > box, +infobar.info:backdrop > revealer > box link:link, +infobar.info:backdrop > revealer > box flowboxchild { + color: #589ed7; +} + +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: #589ed7; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #589ed7; +} + +infobar.action > revealer > box, +infobar.action > revealer > box link:link, +infobar.action > revealer > box flowboxchild, infobar.action:backdrop > revealer > box, +infobar.action:backdrop > revealer > box link:link, +infobar.action:backdrop > revealer > box flowboxchild, infobar.question > revealer > box, +infobar.question > revealer > box link:link, +infobar.question > revealer > box flowboxchild, infobar.question:backdrop > revealer > box, +infobar.question:backdrop > revealer > box link:link, +infobar.question:backdrop > revealer > box flowboxchild { + color: #eff1f5; +} + +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: #eff1f5; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #4392d2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #eed49f; +} + +infobar.warning > revealer > box, +infobar.warning > revealer > box link:link, +infobar.warning > revealer > box flowboxchild, infobar.warning:backdrop > revealer > box, +infobar.warning:backdrop > revealer > box link:link, +infobar.warning:backdrop > revealer > box flowboxchild { + color: rgba(36, 39, 58, 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(36, 39, 58, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #eaca89; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #ed8796; + color: rgba(36, 39, 58, 0.87); +} + +infobar.error > revealer > box, +infobar.error > revealer > box link:link, +infobar.error > revealer > box flowboxchild, infobar.error:backdrop > revealer > box, +infobar.error:backdrop > revealer > box link:link, +infobar.error:backdrop > revealer > box flowboxchild { + color: rgba(36, 39, 58, 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(36, 39, 58, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #ea7183; +} + +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 34px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 34px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 12px; +} + +levelbar block.low { + background-color: #eed49f; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #589ed7; +} + +levelbar block.full { + background-color: #a6da95; +} + +levelbar block.empty { + background-color: rgba(239, 241, 245, 0.12); +} + +/********* + * Links * + *********/ +*:link, +link { + color: #8bc1df; +} + +*:visited { + color: #c6a0f6; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #8bc1df; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #c6a0f6; +} + +button.link > label { + text-decoration-line: underline; +} + +window.background.csd stack stack stack frame > list, +window.background.csd > stack > stack > box > frame > list, +window.background.csd > stack > stack > box > box > frame > list, +window.background.csd > stack > box > stack > box > frame > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, +window.background.csd > stack > scrolledwindow > viewport > box > list, +window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, +.geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, +hdyleaflet list.frame, +leaflet list.view, +leaflet list.frame, +box.horizontal > stack.background list.view, +box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, +hdyleaflet overlay scrolledwindow > viewport list, +leaflet stack.background scrolledwindow > viewport list, +leaflet overlay scrolledwindow > viewport list, +box.horizontal > stack.background stack.background scrolledwindow > viewport list, +box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), +leaflet frame:not(.view) list:not(.contacts-contact-list), +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, list.content:not(.conversation-listbox) { + border-radius: 13px; + box-shadow: none; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.04); +} + +window.background.csd stack stack stack frame > list > separator, +window.background.csd > stack > stack > box > frame > list > separator, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator, +window.background.csd > stack > scrolledwindow > viewport > box > list > separator, preferencesgroup list > separator, +.geary-accounts-editor-pane list > separator, window.background.csd.unified > deck > deck > deck list > separator, hdyleaflet list.view > separator, +hdyleaflet list.frame > separator, +leaflet list.view > separator, +leaflet list.frame > separator, +box.horizontal > stack.background list.view > separator, +box.horizontal > stack.background list.frame > separator, hdyleaflet stack.background scrolledwindow > viewport list > separator, +hdyleaflet overlay scrolledwindow > viewport list > separator, +leaflet stack.background scrolledwindow > viewport list > separator, +leaflet overlay scrolledwindow > viewport list > separator, +box.horizontal > stack.background stack.background scrolledwindow > viewport list > separator, +box.horizontal > stack.background overlay scrolledwindow > viewport list > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, +leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, list.tweak-group list > separator, list.content:not(.conversation-listbox) > separator { + background: none; + min-height: 0; +} + +window.background.csd stack stack stack frame > list row, +window.background.csd > stack > stack > box > frame > list row, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list row, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list row, window.background.csd > stack > list row, +window.background.csd > stack > scrolledwindow > viewport > box > list row, preferencesgroup list row, +.geary-accounts-editor-pane list row, window.background.csd.unified > deck > deck > deck list row, hdyleaflet list.view row, +hdyleaflet list.frame row, +leaflet list.view row, +leaflet list.frame row, +box.horizontal > stack.background list.view row, +box.horizontal > stack.background list.frame row, hdyleaflet stack.background scrolledwindow > viewport list row, +hdyleaflet overlay scrolledwindow > viewport list row, +leaflet stack.background scrolledwindow > viewport list row, +leaflet overlay scrolledwindow > viewport list row, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row, +box.horizontal > stack.background overlay scrolledwindow > viewport list row, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row, +leaflet frame:not(.view) list:not(.contacts-contact-list) row, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row, list.tweak-group list > row, list.content:not(.conversation-listbox) > row { + border-radius: 0; +} + +window.background.csd stack stack stack frame > list row:not(:first-child), window.background.csd > stack > list row:not(:first-child), preferencesgroup list row:not(:first-child), +.geary-accounts-editor-pane list row:not(:first-child), window.background.csd.unified > deck > deck > deck list row:not(:first-child), hdyleaflet list.view row:not(:first-child), +hdyleaflet list.frame row:not(:first-child), +leaflet list.view row:not(:first-child), +leaflet list.frame row:not(:first-child), +box.horizontal > stack.background list.view row:not(:first-child), +box.horizontal > stack.background list.frame row:not(:first-child), hdyleaflet stack.background scrolledwindow > viewport list row:not(:first-child), +hdyleaflet overlay scrolledwindow > viewport list row:not(:first-child), +leaflet stack.background scrolledwindow > viewport list row:not(:first-child), +leaflet overlay scrolledwindow > viewport list row:not(:first-child), +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:not(:first-child), +box.horizontal > stack.background overlay scrolledwindow > viewport list row:not(:first-child), hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), +leaflet frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:not(:first-child), list.tweak-group list > row:not(:first-child), list.content:not(.conversation-listbox) > row:not(:first-child) { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +window.background.csd stack stack stack frame > list row:first-child, window.background.csd > stack > list row:first-child, preferencesgroup list row:first-child, +.geary-accounts-editor-pane list row:first-child, window.background.csd.unified > deck > deck > deck list row:first-child, hdyleaflet list.view row:first-child, +hdyleaflet list.frame row:first-child, +leaflet list.view row:first-child, +leaflet list.frame row:first-child, +box.horizontal > stack.background list.view row:first-child, +box.horizontal > stack.background list.frame row:first-child, hdyleaflet stack.background scrolledwindow > viewport list row:first-child, +hdyleaflet overlay scrolledwindow > viewport list row:first-child, +leaflet stack.background scrolledwindow > viewport list row:first-child, +leaflet overlay scrolledwindow > viewport list row:first-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:first-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:first-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:first-child, list.tweak-group list > row:first-child, list.content:not(.conversation-listbox) > row:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +window.background.csd stack stack stack frame > list row:last-child, window.background.csd > stack > list row:last-child, preferencesgroup list row:last-child, +.geary-accounts-editor-pane list row:last-child, window.background.csd.unified > deck > deck > deck list row:last-child, hdyleaflet list.view row:last-child, +hdyleaflet list.frame row:last-child, +leaflet list.view row:last-child, +leaflet list.frame row:last-child, +box.horizontal > stack.background list.view row:last-child, +box.horizontal > stack.background list.frame row:last-child, hdyleaflet stack.background scrolledwindow > viewport list row:last-child, +hdyleaflet overlay scrolledwindow > viewport list row:last-child, +leaflet stack.background scrolledwindow > viewport list row:last-child, +leaflet overlay scrolledwindow > viewport list row:last-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:last-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:last-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:last-child, list.tweak-group list > row:last-child, list.content:not(.conversation-listbox) > row:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +window.background.csd stack stack stack frame > list row:only-child, window.background.csd > stack > list row:only-child, preferencesgroup list row:only-child, +.geary-accounts-editor-pane list row:only-child, window.background.csd.unified > deck > deck > deck list row:only-child, hdyleaflet list.view row:only-child, +hdyleaflet list.frame row:only-child, +leaflet list.view row:only-child, +leaflet list.frame row:only-child, +box.horizontal > stack.background list.view row:only-child, +box.horizontal > stack.background list.frame row:only-child, hdyleaflet stack.background scrolledwindow > viewport list row:only-child, +hdyleaflet overlay scrolledwindow > viewport list row:only-child, +leaflet stack.background scrolledwindow > viewport list row:only-child, +leaflet overlay scrolledwindow > viewport list row:only-child, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:only-child, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:only-child, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:only-child, list.tweak-group list > row:only-child, list.content:not(.conversation-listbox) > row:only-child { + border-radius: 12px; +} + +window.background.csd stack stack stack frame > list row:focus, window.background.csd > stack > list row:focus, preferencesgroup list row:focus, +.geary-accounts-editor-pane list row:focus, window.background.csd.unified > deck > deck > deck list row:focus, hdyleaflet list.view row:focus, +hdyleaflet list.frame row:focus, +leaflet list.view row:focus, +leaflet list.frame row:focus, +box.horizontal > stack.background list.view row:focus, +box.horizontal > stack.background list.frame row:focus, hdyleaflet stack.background scrolledwindow > viewport list row:focus, +hdyleaflet overlay scrolledwindow > viewport list row:focus, +leaflet stack.background scrolledwindow > viewport list row:focus, +leaflet overlay scrolledwindow > viewport list row:focus, +box.horizontal > stack.background stack.background scrolledwindow > viewport list row:focus, +box.horizontal > stack.background overlay scrolledwindow > viewport list row:focus, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, +leaflet frame:not(.view) list:not(.contacts-contact-list) row:focus, +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row:focus, list.tweak-group list > row:focus, list.content:not(.conversation-listbox) > row:focus { + box-shadow: inset 0 0 0 1000px alpha(currentColor, 0.05); +} + +list { + border-color: rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.04); +} + +list row { + padding: 6px; + background-clip: padding-box; +} + +list.navigation-sidebar { + padding: 3px; +} + +list.navigation-sidebar > row { + border-radius: 12px; +} + +paned scrolledwindow > viewport.frame > list { + background-color: transparent; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable, treeview.view header button, row.activatable { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 0ms, background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; +} + +row:selected { + color: inherit; + background-color: alpha(currentColor, 0.06); +} + +row:selected image, +row:selected label { + color: #eff1f5; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(239, 241, 245, 0.5); +} + +/********* + * Menus * + *********/ +menubar, +.menubar { + -gtkwidget-window-dragging: true; + padding: 0; + background-color: #24273a; + color: #eff1f5; + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(239, 241, 245, 0.7); + background-color: #24273a; +} + +.csd menubar, .csd .menubar { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: none; + min-height: 20px; + padding: 4px 8px; + color: rgba(239, 241, 245, 0.7); + border-radius: 12px; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + transition: none; + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +menubar > menuitem:backdrop, +.menubar > menuitem:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(239, 241, 245, 0.32); +} + +menubar > menuitem label:disabled, +.menubar > menuitem label:disabled { + color: inherit; +} + +menubar > menuitem > window.popup.background > menu menuitem, +.menubar > menuitem > window.popup.background > menu menuitem { + transition: none; +} + +.background.popup { + background-color: transparent; +} + +menu { + margin: 6px; + padding: 6px; + background-color: #292c3c; + background-clip: border-box; + border-radius: 12px; +} + +.csd menu { + border: none; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +menu menuitem { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: #eff1f5; + font: initial; + text-shadow: none; + border-radius: 12px; +} + +menu menuitem:hover { + background-color: alpha(currentColor, 0.08); +} + +menu menuitem:active { + background-color: alpha(currentColor, 0.12); +} + +menu menuitem:disabled { + color: rgba(239, 241, 245, 0.5); +} + +menu menuitem accelerator { + color: rgba(239, 241, 245, 0.7); +} + +menu menuitem:disabled accelerator { + color: rgba(239, 241, 245, 0.32); +} + +menu menuitem arrow { + min-height: 16px; + min-width: 16px; +} + +menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 8px; +} + +menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 8px; +} + +menu menuitem label:dir(rtl), menu menuitem label:dir(ltr) { + color: inherit; +} + +menu .view:selected { + background-color: #3d404f; +} + +menu > arrow { + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: #292c3c; + color: rgba(239, 241, 245, 0.7); +} + +menu > arrow.top { + margin-top: 0; + border-radius: 12px; + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom { + margin-top: 8px; + margin-bottom: -12px; + border-radius: 12px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover { + background-image: image(alpha(currentColor, 0.08)); + color: #eff1f5; +} + +menu > arrow:disabled { + border-color: transparent; + background-color: transparent; + color: transparent; +} + +menu separator { + margin: 4px 0; +} + +/*************** + * Misc * + ********/ +.content-view { + background-color: #24273a; +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #589ed7; + -gtk-icon-source: -gtk-recolor(url("assets/cursor-handle-symbolic.svg")); +} + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { + -gtk-icon-transform: unset; +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; + -gtk-icon-transform: rotate(45deg); +} + +.context-menu { + font: initial; +} + +.keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(239, 241, 245, 0.12); + border-radius: 13px; + box-shadow: inset 0 -2px rgba(239, 241, 245, 0.12); + background-color: #292c3c; + color: #eff1f5; + font-size: smaller; +} + +/************* + * Notebooks * + *************/ +tabbox > tab, notebook > header tab { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + padding: 3px 12px; + border: none; + outline: none; + background-clip: padding-box; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; + border-radius: 9px; +} + +tabbox > tab:hover, notebook > header tab:hover { + background-color: rgba(239, 241, 245, 0.04); + color: #589ed7; +} + +tabbox > tab:disabled, notebook > header tab:disabled { + color: rgba(239, 241, 245, 0.32); +} + +tabbox > tab:checked, notebook > header tab:checked { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: rgba(239, 241, 245, 0.04); + color: #589ed7; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +tabbox > tab:checked:disabled, notebook > header tab:checked:disabled { + color: rgba(239, 241, 245, 0.5); +} + +notebook { + background-color: rgba(239, 241, 245, 0.04); +} + +frame > paned > notebook > header, notebook.frame > header { + background-color: transparent; +} + +notebook.frame { + border-radius: 15px; +} + +notebook.frame scrolledwindow.frame { + border: none; +} + +notebook.frame frame > border { + border: none; + border-radius: 9px; +} + +notebook.frame frame > list row.activatable { + border-radius: 12px; +} + +notebook > header { + border: none; + background-color: rgba(239, 241, 245, 0.04); + padding: 3px; + margin: 3px; + border-radius: 12px; +} + +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: 12px; +} + +notebook > header tab > box { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +notebook > header tab button.flat:last-child, +notebook > header tab button.close-button:last-child { + margin-left: 6px; + margin-right: -6px; +} + +notebook > header tab button.flat:first-child, +notebook > header tab button.close-button:first-child { + margin-left: -6px; + margin-right: 6px; +} + +notebook > header.top tabs > tab + tab, notebook > header.bottom tabs > tab + tab { + margin-left: 3px; +} + +notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left tabs > tab + tab, notebook > header.right tabs > tab + tab { + margin-top: 3px; +} + +notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > button.image-button { + min-height: 24px; + min-width: 24px; + padding: 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 12px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(239, 241, 245, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #24273a; + background-image: image(rgba(239, 241, 245, 0.12)), image(rgba(239, 241, 245, 0.12)); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +/************ + * Pathbars * + ************/ +.caja-pathbar button, +.path-bar.linked:not(.vertical) > button { + padding-left: 5px; + padding-right: 5px; + border-radius: 6px; + margin-left: 1px; + margin-right: 1px; + background-color: alpha(currentColor, 0.08); +} + +.caja-pathbar button:disabled, +.path-bar.linked:not(.vertical) > button:disabled { + background-color: alpha(currentColor, 0.05); +} + +.caja-pathbar button:first-child, +.path-bar.linked:not(.vertical) > button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.caja-pathbar button:last-child, +.path-bar.linked:not(.vertical) > button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.caja-pathbar button:checked, +.path-bar.linked:not(.vertical) > button:checked { + background-color: alpha(currentColor, 0.16); + color: #eff1f5; +} + +.caja-pathbar button label, +.caja-pathbar button image, +.path-bar.linked:not(.vertical) > button label, +.path-bar.linked:not(.vertical) > button image { + margin-left: 3px; + margin-right: 3px; +} + +.caja-pathbar button.slider-button, +.path-bar.linked:not(.vertical) > button.slider-button { + padding-left: 4px; + padding-right: 4px; +} + +/************ + * Popovers * + ************/ +popover.background { + padding: 0; + background-color: #292c3c; + border-radius: 12px; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.65); + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +popover.background, .csd popover.background { + border: 1px solid mix(white,#292c3c,0.92); +} + +popover.background > stack { + margin: 0; +} + +popover.background > toolbar { + margin: 0; +} + +popover.background > list, +popover.background > .view, +popover.background > toolbar { + border-style: none; + box-shadow: none; + background-color: transparent; +} + +popover.background > scrolledwindow > viewport.frame > list { + background-color: transparent; + padding: 6px; +} + +popover.background > scrolledwindow > viewport.frame > list > row { + border-radius: 12px; + padding: 6px; +} + +popover.background .view:not(:selected), +popover.background toolbar { + background-color: #292c3c; +} + +popover.background button, +popover.background entry, +popover.background combobox { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio) { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):first-child { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):last-child { + border-radius: 12px; +} + +popover.background .linked > button:not(.radio):only-child { + border-radius: 12px; +} + +popover.background.menu button, +popover.background button.model { + min-height: 32px; + padding: 0 8px; + border-radius: 12px; +} + +popover.background separator { + margin: 3px 0; + background-color: transparent; +} + +popover.background list separator { + margin: 0; +} + +modelbutton.flat, +.menuitem.button.flat { + min-height: 28px; + padding: 0 8px; + border-radius: 12px; + color: #eff1f5; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +printdialog paper { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #292c3c; + color: #eff1f5; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/***************** + * 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: 12px; + background-color: rgba(239, 241, 245, 0.12); +} + +progressbar progress { + border-radius: 12px; + background-color: #589ed7; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #589ed7; +} + +progressbar trough.empty progress { + all: unset; +} + +/*************** + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 16px 12px; +} + +scale.vertical { + padding: 12px 16px; +} + +scale slider { + min-height: 18px; + min-width: 18px; + margin: -8px; +} + +scale.fine-tune.horizontal { + min-height: 4px; + padding-top: 15px; + padding-bottom: 15px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 15px; + padding-right: 15px; +} + +scale.fine-tune slider { + margin: -7px; +} + +scale trough { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1); + outline: none; + background-color: rgba(239, 241, 245, 0.3); +} + +scale trough:disabled { + background-color: rgba(239, 241, 245, 0.12); +} + +scale highlight { + transition: background-image 120ms cubic-bezier(0.15, 1, 0.3, 1); + background-image: image(#589ed7); +} + +scale highlight:disabled { + background-color: #24273a; + background-image: image(rgba(239, 241, 245, 0.32)); +} + +scale fill { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: rgba(239, 241, 245, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + border-radius: 9999px; + color: #589ed7; + background-color: #292c3c; + box-shadow: inset 0 0 0 2px #589ed7; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #589ed7, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #589ed7, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.32); +} + +scale marks, +scale value { + color: rgba(239, 241, 245, 0.7); +} + +scale indicator { + background-color: rgba(239, 241, 245, 0.3); + color: transparent; +} + +scale.horizontal marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale.horizontal.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { + margin-right: 6px; + margin-left: -14px; +} + +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.svg"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.svg"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.svg"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.svg"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { + margin-bottom: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.15, 1, 0.3, 1); +} + +* { + -gtkscrollbar-has-backward-stepper: false; + -gtkscrollbar-has-forward-stepper: false; +} + +scrollbar, +scrollbar button { + border: none; + min-width: 0; + min-height: 0; + padding: 0; + border-radius: 0; + background-color: transparent; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 6px; + min-height: 6px; + margin: 0; + border: none; + border-radius: 12px; + background-clip: padding-box; + box-shadow: none; + outline: none; + transition: all 200ms linear; + background-color: rgba(239, 241, 245, 0.5); +} + +scrollbar slider:hover { + background-color: rgba(239, 241, 245, 0.32); +} + +scrollbar slider:active { + background-color: rgba(239, 241, 245, 0.7); +} + +scrollbar slider:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator trough { + background-color: rgba(239, 241, 245, 0.12); + border-radius: 9999px; + margin: 6px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.5; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + border: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-width: 40px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 1; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 100% 5%, 100% 100%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.5, to(rgba(239, 241, 245, 0.12)), to(rgba(239, 241, 245, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(239, 241, 245, 0.07)), to(rgba(239, 241, 245, 0))); + background-size: 5% 100%, 100% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +junction { + border-style: solid none none solid; + border-width: 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #292c3c; +} + +junction:dir(rtl) { + border-style: solid solid none none; +} + +separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +preferences stacksidebar.sidebar list separator, placessidebar.sidebar list > separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, button.font separator, button.file separator { + min-width: 0; + min-height: 0; + background-color: transparent; +} + +/*************** + * Sidebar * + ***********/ +.sidebar { + border-style: none; +} + +stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:not(separator):dir(ltr), .sidebar:not(separator).left { + border-right: 1px solid rgba(239, 241, 245, 0.12); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:not(separator):dir(rtl), .sidebar:not(separator).right { + border-left: 1px solid rgba(239, 241, 245, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar.sidebar list { + padding: 3px; + background-color: #292c3c; +} + +stacksidebar.sidebar row { + min-height: 34px; + padding: 0 3px; + border-radius: 12px; +} + +stacksidebar.sidebar row + row { + margin-top: 3px; +} + +stacksidebar.sidebar row:selected { + background-color: #589ed7; + color: #eff1f5; + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, +stacksidebar.sidebar row:selected image { + color: #eff1f5; +} + +stacksidebar.sidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +/**************** + * File chooser * + ****************/ +placessidebar.sidebar { + margin: 0 0 0 4px; + padding: 0; +} + +placessidebar.sidebar > viewport.frame { + border-style: none; +} + +placessidebar.sidebar list { + background-color: transparent; + color: #eff1f5; +} + +placessidebar.sidebar row { + min-height: 32px; + margin: 0; + padding: 0; + color: #eff1f5; + border-radius: 6px; +} + +placessidebar.sidebar row:hover, placessidebar.sidebar row:active { + /* background-color: if($variant == 'light', rgba($base, 0.4), $fill); */ + background-color: alpha(currentColor, 0.08); + color: #589ed7; +} + +placessidebar.sidebar row > revealer { + padding: 0 8px 0 16px; +} + +placessidebar.sidebar row:selected { + /* background-color: if($variant == 'light', rgba($base, 0.4), $fill); */ + background-color: alpha(currentColor, 0.08); + color: #589ed7; + font-weight: 500; +} + +placessidebar.sidebar row:disabled { + color: rgba(36, 39, 58, 0.3); +} + +placessidebar.sidebar row image.sidebar-icon { + transition: color 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +placessidebar.sidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar.sidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar.sidebar row label.sidebar-label { + color: inherit; +} + +placessidebar.sidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar.sidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar.sidebar row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #589ed7; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #589ed7; +} + +placessidebar.sidebar row:drop(active) { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 0ms, background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton:not(.vertical) { + padding: 0; +} + +spinbutton:not(.vertical) entry { + min-width: 30px; + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +spinbutton:not(.vertical) button { + border: solid 6px transparent; +} + +spinbutton:not(.vertical) button:focus:not(:hover):not(:active):not(:disabled) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(239, 241, 245, 0.7); +} + +spinbutton:not(.vertical) button.up:dir(ltr), spinbutton:not(.vertical) button.down:dir(rtl) { + margin-left: -3px; +} + +spinbutton:not(.vertical) button.up:dir(rtl), spinbutton:not(.vertical) button.down:dir(ltr) { + margin-right: -3px; +} + +spinbutton.vertical { + padding: 0; +} + +spinbutton.vertical:disabled { + color: rgba(239, 241, 245, 0.5); +} + +spinbutton.vertical entry { + margin: 0; + border-image: none; + border-radius: 0; + box-shadow: none; + background-color: transparent; + min-height: 34px; + min-width: 40px; + padding: 0; +} + +spinbutton.vertical button { + padding: 0; + border: solid 6px transparent; +} + +spinbutton.vertical button:focus:not(:hover):not(:active) { + box-shadow: inset 0 0 0 9999px transparent; + color: rgba(239, 241, 245, 0.7); +} + +spinbutton.vertical button.up { + margin: 0 3px; +} + +spinbutton.vertical button.down { + margin: 0 3px; +} + +treeview spinbutton:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; +} + +treeview spinbutton:not(.vertical) entry { + min-height: 0; + padding: 1px 2px; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +/********** + * Switch * + **********/ +switch { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #589ed7; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.06), inset 0 0 0 0.5px rgba(0, 0, 0, 0.05); + background-color: #eff1f5; + border: none; + color: transparent; +} + +switch:focus slider, switch:hover slider, switch:focus:hover slider { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); +} + +/************ + * Toolbars * + ************/ +toolbar { + -gtkwidget-window-dragging: true; + padding: 2px 3px; + background-color: #24273a; +} + +.osd toolbar { + background-color: transparent; +} + +frame.documents-dropdown, .app-notification, toolbar.osd { + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +frame.documents-dropdown:backdrop, .app-notification:backdrop, toolbar.osd:backdrop { + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px rgba(239, 241, 245, 0.1); +} + +frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar:not(.inline-toolbar):not(.osd) scale, +toolbar:not(.inline-toolbar):not(.osd) entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton, +toolbar:not(.inline-toolbar):not(.osd) button { + margin: 2px 1px; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { + margin-left: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { + margin-right: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton button { + margin: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +.toolbar { + background-color: #313244; +} + +frame .toolbar { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.inline-toolbar { + padding: 6px; + border-style: solid; + border-width: 0 1px 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #313244; +} + +.frame .inline-toolbar { + border-width: 1px 0 0; + background-color: transparent; +} + +searchbar > revealer > box, +.location-bar { + padding: 6px; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #24273a; + background-clip: border-box; +} + +searchbar > revealer > box { + margin: -6px; +} + +tooltip { + box-shadow: none; +} + +tooltip.background { + background-color: rgba(30, 33, 49, 0.9); + color: #eff1f5; + border-radius: 12px; +} + +tooltip.background.csd { + border-radius: 12px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.06), inset 0 0 0 0.5px rgba(0, 0, 0, 0.05); +} + +tooltip decoration { + background-color: transparent; +} + +tooltip > box { + margin: -6px; + min-height: 24px; + padding: 4px 8px; +} + +/**************** + * Stackswitcher * + ****************/ +stackswitcher { + min-height: 0; + padding: 3px; + border-radius: 12px; + background-color: rgba(239, 241, 245, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0; + background-color: transparent; + border-radius: 9px; + padding: 2px 9px; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) + button { + margin-left: 3px; +} + +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):hover { + background-color: #589ed7; + color: #eff1f5; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: #589ed7; + color: #eff1f5; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); +} + +stackswitcher button.text-button { + min-width: 100px; +} + +stackswitcher button.circular, +stackswitcher button.text-button.circular { + min-width: 34px; + min-height: 34px; + padding: 0; +} + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: rgba(239, 241, 245, 0.12); + border-top-color: rgba(239, 241, 245, 0.12); +} + +* { + -gtktreeview-horizontal-separator: 4; + -gtktreeview-grid-line-width: 1; + -gtktreeview-grid-line-pattern: ''; + -gtktreeview-tree-line-width: 1; + -gtktreeview-tree-line-pattern: ''; + -gtktreeview-expander-size: 16; +} + +.csd +treeview.view:not(:selected):not(:hover):not(.progressbar):not(.expander):not( +.trough +):not(.separator) { + background-color: transparent; +} + +treeview.view.separator { + min-height: 6px; + color: rgba(239, 241, 245, 0.12); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 9999px; + border-color: alpha(currentColor, 0.08); +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + color: rgba(239, 241, 245, 0.7); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view.expander:checked { + -gtk-icon-transform: unset; +} + +treeview.view.expander:hover, treeview.view.expander:active { + color: #eff1f5; +} + +treeview.view.expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +treeview.view.expander:selected { + color: rgba(36, 39, 58, 0.6); +} + +treeview.view.expander:selected:hover, treeview.view.expander:selected:active { + color: rgba(36, 39, 58, 0.87); +} + +treeview.view.expander:selected:disabled { + color: rgba(36, 39, 58, 0.3); +} + +treeview.view.progressbar { + border: none; + box-shadow: none; + background-color: #589ed7; + background-image: none; + border-radius: 9999px; + color: #eff1f5; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: #6faadc; + color: #eff1f5; +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: #eff1f5; +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: rgba(239, 241, 245, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view header button { + padding: 2px 6px; + border: none; + border-right: 1px solid transparent; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; + background-clip: border-box; + border-image: linear-gradient(to bottom, transparent 20%, rgba(239, 241, 245, 0.12) 20%, rgba(239, 241, 245, 0.12) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:not(:focus):not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +treeview.view header button, treeview.view header button:disabled { + background-color: #292c3c; +} + +treeview.view header button:last-child { + border-right: none; + border-image: none; +} + +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #292c3c; + background-clip: border-box; + color: #589ed7; +} + +treeview.view acceleditor > label { + background-color: #589ed7; +} + +decoration { + transition: none; + border-radius: 12px 12px 0 0; + margin: 10px; + box-shadow: 0 0 0 1px rgba(36, 39, 58, 0.75), 0 6px 10px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15); +} + +.background.csd decoration { + border: 1px solid rgba(239, 241, 245, 0.1); + background-clip: border-box; + background-color: #24273a; +} + +decoration:backdrop { + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); + margin: 10px; + box-shadow: 0 0 0 1px rgba(36, 39, 58, 0.75), 0 6px 10px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15); +} + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration { + border-radius: 0; + box-shadow: none; +} + +.popup decoration { + box-shadow: none; + border: none; +} + +.ssd decoration { + box-shadow: 0 0 0 1px rgba(36, 39, 58, 0.75); +} + +.ssd decoration:backdrop { + box-shadow: 0 0 0 1px rgba(36, 39, 58, 0.75); +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: none; + margin: 20px; + box-shadow: 0 0 0 1px rgba(36, 39, 58, 0.75), 0 4px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.12); +} + +tooltip.csd decoration { + border-radius: 12px; + box-shadow: none; + border: none; +} + +messagedialog.background.csd decoration { + border-radius: 12px; + border: 1px solid rgba(239, 241, 245, 0.1); + background-color: #292c3c; + background-clip: border-box; +} + +.solid-csd decoration { + margin: 0; + padding: 2px; + border-radius: 0; + box-shadow: none; + background-color: #24273a; + border: 1px solid #434553; +} + +.solid-csd decoration:backdrop { + background-color: #24273a; +} + +button.titlebutton:not(.suggested-action):not(.destructive-action) { + min-height: 16px; + min-width: 16px; + /* min-height: 22px; */ + /* min-width: 22px; */ + padding: 0; + margin: 0 0px; +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:not(.suggested-action):not(.destructive-action), button.close.titlebutton:not(.suggested-action):not(.destructive-action) { + background-color: rgba(239, 241, 245, 0.12); + color: rgba(239, 241, 245, 0.7); +} + +button.minimize.titlebutton:not(.suggested-action):not(.destructive-action) image, button.maximize.titlebutton:not(.suggested-action):not(.destructive-action) image, button.close.titlebutton:not(.suggested-action):not(.destructive-action) image { + padding: 0; + background: none; + box-shadow: none; +} + +button.minimize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:hover:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; + background-color: alpha(currentColor, 0.15); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); +} + +button.minimize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:active:not(.suggested-action):not(.destructive-action), button.close.titlebutton:active:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; + background-color: alpha(currentColor, 0.2); +} + +button.minimize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:not(.suggested-action):not(.destructive-action) { + color: transparent; +} + +button.minimize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.maximize.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action), button.close.titlebutton:backdrop:hover:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +/*************** + * Base States * + ***************/ +* { + background-clip: padding-box; + -gtktoolbutton-icon-spacing: 4; + -gtktextview-error-underline-color: #ed8796; + -gtkscrolledwindow-scrollbar-spacing: 0; + -gtktoolitemgroup-expander-size: 11; + -gtkwidget-text-handle-width: 20; + -gtkwidget-text-handle-height: 20; + -gtkdialog-button-spacing: 6; + -gtkdialog-action-area-border: 4; + -gtkdialog-content-area-border: 4; + outline-style: solid; + outline-width: 0; + outline-color: alpha(currentColor, 0.15); + outline-offset: -4px; + -gtk-outline-radius: 12px; + -gtk-secondary-caret-color: #589ed7; +} + +.background { + background-color: #24273a; + color: #eff1f5; +} + +.background.csd { + border-radius: 0 0 12px 12px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #24273a; + color: #eff1f5; +} + +.gtkstyle-fallback:hover { + background-color: #1a1c2a; + color: #eff1f5; +} + +.gtkstyle-fallback:active { + background-color: #10121b; + color: #eff1f5; +} + +.gtkstyle-fallback:disabled { + background-color: #24273a; + color: rgba(239, 241, 245, 0.5); +} + +.gtkstyle-fallback:selected { + background-color: #589ed7; + color: #eff1f5; +} + +.view { + background-color: #292c3c; + color: #eff1f5; +} + +.view:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.view:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.view:selected:hover { + box-shadow: none; +} + +window.background.csd > stack.view { + border-radius: 0 0 12px 12px; +} + +textview text { + background-color: #292c3c; +} + +textview border { + background-color: #313244; + color: rgba(239, 241, 245, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 12px; +} + +flowbox rubberband, +.rubberband, +rubberband, +XfdesktopIconView.view .rubberband, +.content-view rubberband, +.content-view .rubberband, +treeview.view rubberband { + border: 1px solid #589ed7; + background-color: rgba(88, 158, 215, 0.3); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 12px; + color: #eff1f5; +} + +flowbox flowboxchild button.osd.remove-button { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 6px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +label { + caret-color: currentColor; +} + +label.separator { + color: rgba(239, 241, 245, 0.7); +} + +label:disabled { + color: rgba(239, 241, 245, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; +} + +label.osd { + border-radius: 12px; + background-color: rgba(30, 33, 49, 0.9); + color: #eff1f5; +} + +.dim-label { + color: rgba(239, 241, 245, 0.7); +} + +assistant .sidebar { + padding: 4px 0; +} + +assistant .sidebar label { + min-height: 34px; + padding: 0 12px; + color: rgba(239, 241, 245, 0.5); + font-weight: 500; +} + +assistant .sidebar label.highlight { + color: #eff1f5; +} + +:not(decoration):not(window):drop(active) { + caret-color: #589ed7; +} + +/**************** + * Placeholders * + ****************/ +.thunar .standard-view.frame widget.view:selected, XfdesktopIconView.view:active, box.vertical > widget > widget:selected, calendar.raven-calendar:selected, calendar:selected, modelbutton.flat:selected, +.menuitem.button.flat:selected, .background.csd .view:selected { + color: #eff1f5; + background-color: alpha(currentColor, 0.1); +} + +.nautilus-window notebook .view:not(treeview) selection, .nautilus-window notebook .view:not(treeview):selected, .nautilus-window flowboxchild:selected .icon-item-background, flowbox flowboxchild:selected, label selection { + color: #589ed7; + background-color: rgba(88, 158, 215, 0.2); +} + +.nemo-window .nemo-window-pane widget.entry:selected, window.background.csd evview.view.content-view:selected, window.background.csd evview.view.content-view:selected:backdrop, .nautilus-window.background.csd notebook widget.view:selected, +entry selection, spinbutton:not(.vertical) selection, spinbutton.vertical selection, .view:selected, widget.view:selected, textview text selection:focus, textview text selection { + color: #eff1f5; + background-color: #589ed7; +} + +treeview.view:selected { + color: rgba(36, 39, 58, 0.87); + background-color: #e6e9ef; +} + +.linked:not(.vertical) > button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton.vertical { + border-radius: 0; +} + +.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > spinbutton.vertical:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > spinbutton.vertical:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > spinbutton.vertical:only-child { + border-radius: 12px; +} + +.linked.vertical > button, .linked.vertical > entry, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > spinbutton.vertical { + border-radius: 0; +} + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > spinbutton.vertical:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > spinbutton.vertical:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > spinbutton.vertical:only-child { + border-radius: 12px; +} + +flowbox rubberband, flowbox XfdesktopIconView.view .rubberband, XfdesktopIconView.view flowbox .rubberband, flowbox .content-view rubberband, .content-view flowbox rubberband, +flowbox .content-view .rubberband, +.content-view flowbox .rubberband, flowbox treeview.view rubberband, treeview.view flowbox rubberband { + border: 1px solid #589ed7; + background-color: rgba(88, 158, 215, 0.2); +} + +.stack-switcher > button.needs-attention > label, +.stack-switcher > button.needs-attention > image, stacksidebar.sidebar row.needs-attention > label { + animation: needs-attention 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +.stack-switcher > button.needs-attention > label:dir(rtl), +.stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar.sidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px; +} + +preferences stacksidebar.sidebar list separator, button.font separator, button.file separator, stacksidebar.sidebar + separator.vertical, +stacksidebar.sidebar separator.horizontal, placessidebar.sidebar list > separator { + -gtkseparator-horizontal-separator-height: 0; + -gtkseparator-vertical-separator-width: 0; + border-style: none; + background-color: transparent; + background-image: none; + min-width: 0; + min-height: 0; +} + +button { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eff1f5; +} + +button:focus { + box-shadow: 0 0 0 2px rgba(88, 158, 215, 0.35); +} + +button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +button:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +button:checked { + background-color: #589ed7; + color: #eff1f5; +} + +button:checked:hover { + box-shadow: inset 0 0 0 9999px transparent; +} + +button:checked:disabled { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.1); + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, .raven .expander-button, .inline-toolbar button:not(.text-button), button.close, button.circular, filechooser #pathbarbox > stack > box > button, button.titlebutton:not(.suggested-action):not(.destructive-action) { + border-radius: 9999px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, .raven .expander-button label, .inline-toolbar button:not(.text-button) label, button.close label, button.circular label, filechooser #pathbarbox > stack > box > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, notebook > header tab button.flat, +notebook > header tab button.close-button, placessidebar.sidebar row button.sidebar-button, spinbutton:not(.vertical) button, spinbutton.vertical button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +/****************** + * Budgie Desktop * + ******************/ +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window list.sidebar { + background: none; + border-radius: 0 0 0 12px; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 12px; +} + +.budgie-popover { + border: none; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1); + background-color: #292c3c; + border-radius: 12px; +} + +.budgie-popover frame.container { + padding: 6px; + border: none; +} + +.budgie-popover frame.container .container { + padding: 0; +} + +.budgie-popover list, +.budgie-popover row { + padding: 0; +} + +.budgie-popover separator { + margin: 3px 0; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row:hover { + box-shadow: none; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) { + background-color: rgba(239, 241, 245, 0.04); + border-right: none; + border-bottom-left-radius: 12px; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable { + padding: 6px 8px; +} + +.budgie-popover treeview.view.sidebar { + border-right: none; + background: none; +} + +.budgie-popover treeview.view.sidebar:hover { + background-color: alpha(currentColor, 0.08); +} + +.budgie-popover treeview.view.sidebar:selected { + background-color: alpha(currentColor, 0.12); +} + +.budgie-popover.bottom scrolledwindow.sidebar:not(.categories) { + padding-top: 12px; + border-top-left-radius: 12px; + border-bottom-left-radius: 0; +} + +.budgie-popover > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.budgie-popover.bottom > frame.container > grid.horizontal > grid.horizontal > widget > grid.horizontal > stack { + border-top: none; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.budgie-menu .sidebar, +.budgie-popover.budgie-menu scrollbar, +.budgie-popover.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-popover.budgie-menu entry.search { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-image: none; + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories { + background-color: rgba(239, 241, 245, 0.04); + padding-bottom: 12px; +} + +.budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button { + border-radius: 0; +} + +.budgie-popover.budgie-menu scrolledwindow > viewport.frame > list > row.activatable > button.flat { + border-radius: 0; +} + +.budgie-popover.budgie-menu list.left-overlay-menu { + border-radius: 12px; + background-color: #292c3c; + padding: 6px; + margin: 6px; + border: none; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1); +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable { + border-radius: 12px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable:not(:last-child) { + margin-bottom: 3px; +} + +.budgie-popover.budgie-menu list.left-overlay-menu > row.activatable button.menuitem { + border-radius: 12px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer { + border-top: 1px solid rgba(239, 241, 245, 0.12); + padding: 6px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat { + padding: 3px; + border-radius: 12px; +} + +.budgie-popover.budgie-menu .budgie-menu-footer button.flat.image-button { + border-radius: 9999px; + padding: 6px; + min-height: 16px; + min-width: 16px; + margin-left: 6px; + background-clip: border-box; +} + +.budgie-popover.user-menu list, +.budgie-popover.user-menu row { + border: none; + background: none; + box-shadow: none; +} + +.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child { + margin-bottom: 0; + outline-width: 0; + border-radius: 12px; +} + +.budgie-popover.user-menu > frame.container > box.vertical row.activatable:first-child button.indicator-item { + transition: none; + animation: none; +} + +.budgie-popover.night-light-indicator .view-header { + margin: 0 6px; +} + +.budgie-popover.places-menu .name-button image:dir(ltr) { + margin-right: 3px; +} + +.budgie-popover.places-menu .name-button image:dir(rtl) { + margin-left: 3px; +} + +.budgie-popover.places-menu .unmount-button { + margin: 2px; + padding: 0; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 3px; + padding-top: 3px; + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(239, 241, 245, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), .bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), .bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, .right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(239, 241, 245, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), .bottom .workspace-switcher .workspace-item:dir(ltr), .top .workspace-switcher .workspace-add-button:dir(ltr), .bottom .workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), .bottom .workspace-switcher .workspace-item:dir(rtl), .top .workspace-switcher .workspace-add-button:dir(rtl), .bottom .workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, .right .workspace-switcher .workspace-item, .left .workspace-switcher .workspace-add-button, .right .workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: alpha(currentColor, 0.1); +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 12px; +} + +.budgie-panel { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: rgba(36, 39, 58, 0.85); + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(36, 39, 58, 0.75); +} + +.budgie-panel .icon-tasklist button.launcher:checked, .budgie-panel .icon-tasklist button.launcher:active { + color: #eff1f5; +} + +.top .budgie-panel.dock-mode { + border-radius: 0 0 12px 12px; +} + +.bottom .budgie-panel.dock-mode { + border-radius: 12px 12px 0 0; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:first-child > button.launcher { + border-top-left-radius: 12px; +} + +.bottom .budgie-panel.dock-mode .icon-tasklist > box > revealer:last-child > button.launcher { + border-top-right-radius: 12px; +} + +.left .budgie-panel.dock-mode { + border-radius: 0 12px 12px 0; +} + +.left .budgie-panel.dock-mode .icon-tasklist .launcher:first-child { + border-top-right-radius: 12px; +} + +.left .budgie-panel.dock-mode .icon-tasklist .launcher:last-child { + border-bottom-right-radius: 12px; +} + +.right .budgie-panel.dock-mode { + border-radius: 12px 0 0 12px; +} + +.right .budgie-panel.dock-mode .icon-tasklist .launcher:first-child { + border-top-left-radius: 12px; +} + +.right .budgie-panel.dock-mode .icon-tasklist .launcher:last-child { + border-bottom-left-radius: 12px; +} + +.budgie-panel button { + color: rgba(239, 241, 245, 0.7); + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 0; +} + +.budgie-panel button:hover { + color: #eff1f5; +} + +.budgie-panel button:active { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel button.budgie-menu-launcher { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel button.budgie-menu-launcher:focus { + box-shadow: none; + border: none; + color: #eff1f5; +} + +.budgie-panel button.raven-trigger { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(239, 241, 245, 0.12); +} + +.budgie-panel .alert { + color: #ed8796; +} + +.budgie-panel > box > widget > widget > image, +.budgie-panel > box > widget > widget > stack > image, +.budgie-panel > box > widget > widget > box > image { + margin-left: 6px; + margin-right: 6px; +} + +.budgie-panel > box > widget > widget > box > image + label { + margin-left: -4px; +} + +.budgie-panel > box > widget > widget > box > widget > image { + margin-left: 6px; +} + +.budgie-panel > box > widget > widget > box > stack > widget > label { + margin-right: 6px; +} + +.budgie-panel > box > widget > widget > box > widget > widget > image { + margin-left: 2px; + margin-right: 2px; +} + +.budgie-panel .budgie-clock-applet > widget > box, +.budgie-panel .budgie-calendar-applet > widget > box { + padding-left: 3px; + padding-right: 3px; +} + +.budgie-panel .titlebar:not(headerbar) { + min-height: 0; + padding: 0; + box-shadow: none; + background-color: transparent; + color: #eff1f5; +} + +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):hover, .budgie-panel .titlebar:not(headerbar) button:not(.suggested-action):not(.destructive-action):active { + color: #eff1f5; +} + +.budgie-panel menubar, +.budgie-panel .menubar { + color: rgba(239, 241, 245, 0.7); + box-shadow: none; + border: none; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel menubar > menuitem:hover, .budgie-panel menubar > menuitem:active, +.budgie-panel .menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:active { + color: #eff1f5; +} + +.budgie-panel menubar menu separator, +.budgie-panel .menubar menu separator { + background-color: rgba(239, 241, 245, 0.12); +} + +.budgie-panel #tasklist-button { + padding: 0 4px; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.flat.launcher { + padding: 0; +} + +.budgie-panel button.flat.launcher:not(:checked) { + color: rgba(239, 241, 245, 0.5); +} + +.budgie-panel button.flat.launcher:not(:checked):hover, .budgie-panel button.flat.launcher:not(:checked):active { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-panel button.flat.launcher:not(:checked):disabled { + color: rgba(239, 241, 245, 0.32); +} + +.top .budgie-panel .unpinned button.flat.launcher:checked, .top .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel .unpinned button.flat.launcher:checked, .bottom .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel .unpinned button.flat.launcher:checked, .left .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel .unpinned button.flat.launcher:checked, .right .budgie-panel .pinned button.flat.launcher.running:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; +} + +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; +} + +frame.raven-frame > border { + border-style: none; +} + +.top frame.raven-frame > border { + margin-bottom: 32px; +} + +.bottom frame.raven-frame > border { + margin-top: 32px; +} + +.left frame.raven-frame > border { + margin-right: 32px; +} + +.right frame.raven-frame > border { + margin-left: 32px; +} + +.raven { + background-color: #292c3c; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven stackswitcher.linked { + margin: 6px 16px; +} + +.raven stackswitcher.linked > button:focus { + box-shadow: none; +} + +.raven .raven-header { + min-height: 34px; + padding: 3px; +} + +.raven .raven-header.top { + padding: 0; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +.raven .raven-header.top stackswitcher button { + margin: -4px 0 -5px; + padding: 0 16px; + min-height: 24px; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.raven stack .raven-header { + margin-top: -6px; +} + +.raven stack scrolledwindow .raven-header { + margin-top: -8px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #292c3c; +} + +.raven .raven-background > overlay > widget > image { + color: rgba(239, 241, 245, 0.12); +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .powerstrip button { + margin: 2px 0 1px; + padding: 11px; + border-radius: 9999px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +.raven .audio-widget scale.marks-after { + padding-top: 0; + padding-bottom: 0; +} + +.raven .audio-widget scale.marks-after label { + font-size: 90%; + padding: 0; + margin: -10px 0 0 6px; +} + +.raven .audio-widget button.flat.expander-button { + margin-top: 4px; + margin-bottom: 4px; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked { + background-color: rgba(239, 241, 245, 0.06); + color: #eff1f5; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable:selected label, .raven .audio-widget list.devices-list.sound-devices > row.activatable:checked label { + color: #eff1f5; +} + +.raven .audio-widget list.devices-list.sound-devices > row.activatable label { + padding-left: 12px; +} + +.raven levelbar, +.raven levelbar trough, +.raven levelbar block { + border-radius: 9999px; +} + +calendar.raven-calendar { + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 12px; +} + +.raven-mpris { + background-color: #292c3c; + color: #eff1f5; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 11px; +} + +image.raven-mpris { + background-color: rgba(239, 241, 245, 0.12); + color: rgba(239, 241, 245, 0.7); + border-radius: 12px; +} + +.raven-notifications-view > .raven-background > viewport.frame { + padding: 0; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable { + margin-left: -6px; + margin-right: -3px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable .raven-notifications-group-header { + padding: 0 12px; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list { + padding: 6px; + background: none; +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable { + border: none; + padding: 6px; + padding-left: 12px; + margin: 3px; + border-radius: 12px; + background-color: rgba(239, 241, 245, 0.04); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable list > row.activatable:selected { + background-color: rgba(239, 241, 245, 0.12); +} + +.raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:selected:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:hover, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:active, .raven-notifications-view > .raven-background > viewport.frame > list > row.activatable:focus { + background: none; + box-shadow: none; +} + +.budgie-notification-window, .budgie-switcher-window, .budgie-osd-window { + background-color: transparent; +} + +.budgie-notification .notification-title, .budgie-switcher .notification-title { + font-size: 120%; +} + +.budgie-notification .notification-body, .budgie-switcher .notification-body { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +.budgie-panel .lock-keys image:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.drop-shadow { + margin: 5px 9px; + padding: 6px; + border-radius: 12px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +.drop-shadow .linked > button { + border-radius: 12px; +} + +.budgie-session-dialog, +.budgie-polkit-dialog, +.budgie-run-dialog { + background-color: #292c3c; + border: none; + padding: 0; +} + +.budgie-session-dialog > box > grid, +.budgie-polkit-dialog > box > grid, +.budgie-run-dialog > box > grid { + padding: 24px; +} + +.budgie-session-dialog.background, .budgie-session-dialog > decoration, +.budgie-polkit-dialog.background, +.budgie-polkit-dialog > decoration, +.budgie-run-dialog.background, +.budgie-run-dialog > decoration { + border-radius: 12px; +} + +.budgie-session-dialog > decoration, +.budgie-polkit-dialog > decoration, +.budgie-run-dialog > decoration { + border: none; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(36, 39, 58, 0.75); +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title, +.budgie-polkit-dialog label:not(:last-child), +.budgie-polkit-dialog .dialog-title, +.budgie-run-dialog label:not(:last-child), +.budgie-run-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button { + padding: 8px 16px; + border-top: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0; +} + +.budgie-session-dialog .linked.horizontal > button:first-child, +.budgie-polkit-dialog .linked.horizontal > button:first-child, +.budgie-run-dialog .linked.horizontal > button:first-child { + border-bottom-left-radius: 12px; +} + +.budgie-session-dialog .linked.horizontal > button:last-child, +.budgie-polkit-dialog .linked.horizontal > button:last-child, +.budgie-run-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 12px; +} + +.budgie-polkit-dialog .message { + color: rgba(239, 241, 245, 0.7); +} + +.budgie-polkit-dialog .failure { + color: #ed8796; +} + +.budgie-polkit-dialog > box > grid { + padding-bottom: 0; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 14px; + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.budgie-run-dialog list .dim-label { + color: #eff1f5; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +/************ + * Chromium * + ************/ +window.background.chromium { + background-color: #292c3c; + color: #eff1f5; +} + +window.background.chromium headerbar.titlebar { + padding: 0 12px; + /* border-radius: $corner-radius $corner-radius 0 0; */ +} + +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: #eff1f5; +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; + color: #eff1f5; +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + background-size: 16px 16px; + color: transparent; + border: none; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #434553; + background-color: #24273a; + color: #eff1f5; +} + +window.background.chromium entry.chromium { + background-color: rgba(239, 241, 245, 0.06); +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + color: #eff1f5; +} + +window.background.chromium > textview.view, +window.background.chromium textview { + background-color: rgba(239, 241, 245, 0.06); + color: #eff1f5; +} + +window.background.chromium > menubar { + background-color: rgba(239, 241, 245, 0.04); +} + +window.background.chromium menu { + background-color: #24273a; + border: 1px solid rgba(36, 39, 58, 0.75); + border-radius: 0; +} + +window.background.chromium menu menuitem { + background-color: rgba(239, 241, 245, 0.04); + border-radius: 0; +} + +window.background.chromium menu menuitem:hover { + background-color: rgba(239, 241, 245, 0.04); + color: #589ed7; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget decoration { + border: none; +} + +#MozillaGtkWidget > widget text { + background-color: #24273a; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #589ed7; + color: #eff1f5; +} + +#MozillaGtkWidget > widget > separator { + color: #434553; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #434553; +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid #434553; + border-radius: 12px; + box-shadow: none; +} + +#MozillaGtkWidget > widget > entry:disabled, +#MozillaGtkWidget > widget > button > button:disabled { + border-color: rgba(239, 241, 245, 0.12); +} + +#MozillaGtkWidget > widget > entry { + min-height: 30px; + background-color: #292c3c; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: #589ed7; + box-shadow: inset 0 0 0 1px #589ed7; +} + +#MozillaGtkWidget > widget > entry:disabled { + background-color: #313244; +} + +#MozillaGtkWidget > widget > button > button { + padding: 4px 8px; + background-size: auto; +} + +#MozillaGtkWidget > widget > button > button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +#MozillaGtkWidget > widget > button > button:active { + background-image: image(alpha(currentColor, 0.12)); +} + +#MozillaGtkWidget > widget > checkbutton > check, +#MozillaGtkWidget > widget > radiobutton > radio { + margin: 0; + padding: 0; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate), +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate) { + color: #414559; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):hover, #MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):active, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):hover, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):active { + color: #6c7086; +} + +#MozillaGtkWidget > widget > checkbutton > check:not(:checked):not(:indeterminate):disabled, +#MozillaGtkWidget > widget > radiobutton > radio:not(:checked):not(:indeterminate):disabled { + color: rgba(65, 69, 89, 0.5); +} + +#MozillaGtkWidget menu { + border: none; +} + +#MozillaGtkWidget > widget > menubar { + color: rgba(239, 241, 245, 0.7); +} + +#MozillaGtkWidget > widget > menubar:hover { + color: #eff1f5; +} + +#MozillaGtkWidget > widget > menubar:disabled { + color: rgba(239, 241, 245, 0.32); +} + +#MozillaGtkWidget > widget > frame { + color: #434553; +} + +#MozillaGtkWidget menu > separator { + color: #434553; +} + +/************ + * Nautilus * + ************/ +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: #313244; +} + +.nautilus-window.background.csd:backdrop { + background-color: #292c3c; +} + +.nautilus-window.background.csd > grid.horizontal > paned.horizontal > separator, +.nautilus-window.background.csd > deck > box.vertical > paned.horizontal > separator { + margin-left: 0; +} + +.nautilus-window.background.csd placessidebar > viewport.frame > list > separator { + background: none; +} + +.nautilus-window.background.csd.unified notebook { + border-radius: 0; +} + +.nautilus-window.background.csd:not(.unified) .nautilus-list-view { + background-color: transparent; + border-bottom-right-radius: 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook { + background-color: #292c3c; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook > stack { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook scrolledwindow > .view:not(:selected):not(:hover):not(:checked) { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > stack > frame > scrolledwindow > viewport > list { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar { + background-color: transparent; + border-radius: 0 0 12px 12px; +} + +.nautilus-window.background.csd:not(.unified) notebook placesview > actionbar > revealer > box { + background-color: transparent; +} + +.nautilus-window.background.csd:not(.unified) paned > separator.wide { + min-width: 12px; + box-shadow: 12px 0 #292c3c; + background-color: #292c3c; + background-image: image(#4a4b5a); +} + +.nautilus-window.maximized, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border: none; + border-radius: 12px; + background-color: #589ed7; + color: #eff1f5; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.06), inset 0 0 0 0.5px rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: #eff1f5; +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: rgba(239, 241, 245, 0.7); +} + +.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: #eff1f5; +} + +@keyframes nautilus-operations-button-needs-attention { + to { + background-color: alpha(currentColor, 0.08); + } +} + +.nautilus-operations-button-needs-attention { + animation: nautilus-operations-button-needs-attention 150ms cubic-bezier(0.25, 1, 0.5, 1) 2 alternate; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: nautilus-operations-button-needs-attention 150ms cubic-bezier(0.25, 1, 0.5, 1) 6 alternate; +} + +.path-bar-box { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1); + margin: 6px 0; + border-radius: 12px; +} + +.path-bar-box button { + margin: 0; +} + +.path-bar-box.width-maximized { + background-color: rgba(239, 241, 245, 0.04); +} + +.path-bar-box.background.frame { + border-style: none; + background-color: rgba(239, 241, 245, 0.04); +} + +.path-bar-box .path-bar button label:not(:only-child):first-child { + margin-left: 0; +} + +.path-bar-box .path-bar button label:not(:only-child):last-child { + margin-right: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) { + padding-left: 11px; + padding-right: 11px; + margin-left: 1px; + margin-right: 1px; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) label:not(:only-child):first-child { + margin-left: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action) label:not(:only-child):last-child { + margin-right: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action).text-button { + min-width: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action).text-button.image-button image:not(:only-child) { + margin: 0; +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr), .path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl) { + background-color: rgba(239, 241, 245, 0.08); +} + +.path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):last-child:dir(ltr):disabled, .path-bar-box .linked.nautilus-path-bar +button:not(.suggested-action):not(.destructive-action):first-child:dir(rtl):disabled { + background-color: transparent; + color: rgba(239, 241, 245, 0.5); +} + +.windowhandle .linked.nautilus-path-bar { + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px; + margin: 6px 0; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action) { + margin-top: 0; + margin-bottom: 0; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir { + color: #eff1f5; +} + +.windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:hover, .windowhandle .linked.nautilus-path-bar button:not(.suggested-action):not(.destructive-action).current-dir:active { + background: none; + box-shadow: none; +} + +.disk-space-display.unknown { + background-color: rgba(239, 241, 245, 0.3); + color: rgba(239, 241, 245, 0.3); +} + +.disk-space-display.used { + background-color: #589ed7; + color: #589ed7; +} + +.disk-space-display.free { + background-color: rgba(239, 241, 245, 0.12); + color: rgba(239, 241, 245, 0.12); +} + +.search-information { + padding: 2px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #292c3c; + color: #eff1f5; +} + +.conflict-row:not(:selected) { + background-color: #645e5a; +} + +.nautilus-window flowboxchild .icon-item-background { + padding: 4px; + border-radius: 6px; +} + +.nautilus-window flowboxchild:selected { + background-color: transparent; +} + +.nautilus-window notebook :not(treeview).view { + border-radius: 6px; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > scrolledwindow.frame { + border-style: none; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child { + margin: -6px 0 0 -6px; + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > label { + margin: 0 8px; +} + +dialog.background > box.dialog-vbox.vertical > grid.horizontal > box.horizontal:last-child > box > button { + border-radius: 0; +} + +.nautilus-window > popover.menu:not(:last-child) { + padding: 3px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box { + margin-top: -6px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box { + margin-bottom: -6px; +} + +.nautilus-window > popover.menu:not(:last-child) > stack > box > box > box > box.linked { + margin-top: 1px; +} + +.nautilus-window > popover.menu:not(:last-child) separator { + margin-bottom: -2px; +} + +.nautilus-menu-sort-heading { + margin: 1px 3px; + font-weight: 500; +} + +.nautilus-menu-sort-heading:disabled { + color: rgba(239, 241, 245, 0.7); +} + +.nautilus-window paned > separator { + background-color: #313244; +} + +/********* + * gedit * + *********/ +window.org-gnome-gedit > paned.titlebar > separator { + background-color: transparent; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > box.vertical > stack > grid.horizontal > scrolledwindow { + border-bottom-left-radius: 12px; +} + +window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned stack scrolledwindow viewport.frame list.gedit-document-panel { + background: none; +} + +.open-document-selector-path-label { + color: rgba(239, 241, 245, 0.7); + font-size: smaller; +} + +.open-document-selector-match { + background-color: #eed49f; + color: rgba(36, 39, 58, 0.87); +} + +.gedit-document-panel { + background-color: #313244; +} + +.gedit-document-panel row button.flat { + margin-top: 8px; + margin-bottom: 8px; +} + +.gedit-document-panel-group-row:not(:first-child) { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.gedit-side-panel-paned statusbar { + border-top: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0 0 12px 12px; +} + +.gedit-search-slider { + margin: 0 6px 10px; + padding: 6px; + background-color: #292c3c; + border-radius: 0 0 12px 12px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.12); +} + +.gedit-search-slider .linked:not(.vertical) > entry .gedit-search-entry-occurrences-tag { + all: unset; + color: rgba(239, 241, 245, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) .gedit-search-entry-occurrences-tag { + margin-left: 6px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(ltr) image.right { + margin-right: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) .gedit-search-entry-occurrences-tag { + margin-right: 6px; +} + +.gedit-search-slider .linked:not(.vertical) > entry:dir(rtl) image.left { + margin-left: 0; +} + +.gedit-search-slider .linked:not(.vertical) > entry:not(.error) { + background-color: #292c3c; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button { + color: rgba(36, 39, 58, 0.6); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: rgba(36, 39, 58, 0.87); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(36, 39, 58, 0.3); +} + +frame.gedit-map-frame > border:dir(ltr) { + border-style: none none none solid; +} + +frame.gedit-map-frame > border:dir(rtl) { + border-style: none solid none none; +} + +/********** + * Tweaks * + **********/ +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame { + background-color: #24273a; + color: #eff1f5; + border-radius: 12px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider { + background-color: rgba(36, 39, 58, 0.38); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:hover { + background-color: rgba(36, 39, 58, 0.6); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:active, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:active, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:active { + background-color: rgba(36, 39, 58, 0.87); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider:disabled { + background-color: rgba(36, 39, 58, 0.3); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: rgba(36, 39, 58, 0.38); +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(36, 39, 58, 0.3); +} + +leaflet.unfolded > box.vertical:last-child > scrolledwindow > viewport.frame, +leaflet.unfolded > box.vertical:last-child > stack > scrolledwindow > viewport.frame { + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px; + margin: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list { + padding: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > separator, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > separator { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row { + padding: 0; + margin: -1px; + color: #eff1f5; + border-radius: 6px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:hover, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:hover, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:active, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:active, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:focus, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:focus { + color: #eff1f5; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected { + font-weight: 500; + background-color: rgba(239, 241, 245, 0.04); + border-radius: 9px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected label, +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected label, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected image, +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected image { + color: #589ed7; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:hover, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected:hover, window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row:selected:focus, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row:selected:focus { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list > row + row, leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list > row + row { + margin-top: 3px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar { + border: none; + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar trough, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar trough, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar trough { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar slider { + border: 4px solid transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering), +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering), +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + border: none; + margin: 1px; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + border: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.dragging, window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.tweak { + padding: 3px; +} + +.tweak.title:hover { + box-shadow: none; +} + +.tweak-group-startup { + border: 1px solid rgba(239, 241, 245, 0.12); +} + +.tweak-group-startup > row:not(:first-child) { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +row#Focus, +row#ClickMethod, +row#PrimaryWorkspaceTweak, +row#workspaces-only-on-primary { + margin-top: 4px; +} + +leaflet.titlebar > .titlebar.tweak-titlebar-left, +leaflet.titlebar > .titlebar.tweak-titlebar-right, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-left, +hdyleaflet.titlebar > .titlebar.tweak-titlebar-right { + background-color: inherit; + box-shadow: inherit; + transition: color 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +leaflet.unfolded > box.vertical:first-child > scrolledwindow > viewport.frame > list { + background-color: transparent; + margin: 0; +} + +/************************ + * Gnome Control Center * + ************************/ +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) { + border-top-left-radius: 12px; +} + +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) { + border-top-right-radius: 12px; +} + +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child { + border-top-right-radius: 12px; + border-top-left-radius: 12px; +} + +window.background.csd > stack:not(.titlebar) > stack.background { + border-radius: 0 0 12px 12px; +} + +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background: none; +} + +window.background.csd > leaflet > stack.background frame > border, +window.background.csd > hdyleaflet > stack.background frame > border, +window.background.csd > box.horizontal > stack.background frame > border { + border: none; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #292c3c; + border-bottom-right-radius: 12px; +} + +window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, +window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view { + background: none; +} + +window.background.csd > leaflet frame.view, +window.background.csd > hdyleaflet frame.view, +window.background.csd > box.horizontal frame.view { + border-radius: 12px; + background: none; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; +} + +window.background.csd > leaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view scrollbar, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view scrollbar { + margin: 6px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list { + border-top-width: 0; + border-bottom-width: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical > list > row { + border-radius: 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list { + border-top-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:first-child > list > row { + border-radius: 12px 12px 0 0; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list { + border-bottom-width: 1px; +} + +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list, +window.background.csd stack.background clamp.medium frame > box.vertical > box.vertical:last-child > list > row { + border-radius: 0 0 12px 12px; +} + +window.background.csd hdycolumn stack frame.view > stack > stack list > separator { + background-color: rgba(239, 241, 245, 0.12); +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list { + background: none; +} + +dialog.background.csd > box.vertical.dialog-vbox > scrolledwindow > viewport.frame > list > row:not(:hover):not(:active):not(:selected) { + background-color: transparent; +} + +/************************ + * Gnome system monitor * + ************************/ +window#gnome-system-monitor.background.csd > box.vertical > stack { + background-color: #292c3c; + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background.csd > box.vertical > stack > box.vertical > revealer > actionbar > revealer > box { + border-radius: 0 0 12px 12px; +} + +window#gnome-system-monitor.background:not(.csd) > box.vertical > headerbar { + box-shadow: none; +} + +/************************ + * Gnome Sound Recorder * + ************************/ +stack > grid.vertical > scrolledwindow { + border: none; + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical > scrolledwindow > viewport.frame list { + border-radius: 0 0 12px 12px; +} + +stack > grid.vertical scrolledwindow.frame.emptyGrid { + border: none; +} + +/****************** + * Gnome Contacts * + ******************/ +window.background.csd scrolledwindow.contacts-contact-form { + border-bottom-right-radius: 12px; +} + +/************************ + * Epiphany (Gnome Web) * + ************************/ +tabbox { + border: none; + background-color: rgba(239, 241, 245, 0.04); + padding: 3px; + margin: 3px; + border-radius: 12px; +} + +tabbox > tab button { + min-height: 24px; + min-width: 24px; + border-radius: 9999px; + border: none; + padding: 0; + margin-right: -6px; +} + +/***************** + * Gnome Weather * + *****************/ +#weather-page, +#weekly-forecast-frame { + border-bottom-right-radius: 12px; +} + +#weather-page-content-view { + border-bottom-right-radius: 12px; + border-bottom-left-radius: 12px; +} + +/*************** + * Gnome Music * + ***************/ +window.background.csd box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; +} + +/**************** + * Gnome Clocks * + ****************/ +/************* + * Rhythmbox * + *************/ +window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.background > box.vertical > toolbar.primary-toolbar > toolitem button.flat.scale, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + min-height: 24px; + min-width: 24px; + padding: 5px; + margin: 0; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(239, 241, 245, 0.12); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button { + border-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:first-child), .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:not(:last-child) { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):first-child { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button.image-button:not(.text-button):last-child { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal { + padding: 6px; + margin: -1px 0; + border-bottom: none; + border-top: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button { + margin: 6px 0; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar { + padding: 0 12px 0 6px; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eff1f5; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-color: #589ed7; + color: #eff1f5; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0 3px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 6px; + margin: -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > box { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 0 6px 6px; + margin: 0 -6px -6px 0; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 3px; + margin: -1px -6px -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > paned > box:first-child > box { + padding: 0 6px 6px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: #589ed7; + color: #eff1f5; +} + +stack.view.polari-entry-area { + background-color: #24273a; + border-top: 1px solid rgba(239, 241, 245, 0.12); + border-bottom-right-radius: 12px; +} + +stack:disabled.view.polari-entry-area { + background-image: image(#24273a); +} + +/*********** + * Builder * + ***********/ +layouttabbar { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #24273a; +} + +layouttabbar > box > button { + margin: 3px 0; +} + +layouttab { + margin: 0 8px; + border-style: none solid; + border-width: 1px; + border-color: rgba(36, 39, 58, 0.2); + box-shadow: inset 0 -2px #589ed7; + background-color: #292c3c; +} + +layouttab separator.vertical { + margin: 8px 4px; +} + +layouttab button.text-button, layouttab button.image-button, layouttab button { + margin-top: 8px; + margin-bottom: 8px; + padding: 0 4px; +} + +layout { + border: 1px solid rgba(36, 39, 58, 0.2); + -pnldockbin-handle-size: 1; +} + +entry.search-missing { + background-color: #ed8796; + color: rgba(36, 39, 58, 0.87); +} + +window.workbench treeview.image { + color: rgba(239, 241, 245, 0.7); +} + +popover.popover-selector list { + padding: 6px; +} + +popover.popover-selector list row { + border-radius: 12px; +} + +popover.popover-selector list row image:dir(ltr) { + margin-right: 6px; +} + +popover.popover-selector list row image:dir(rtl) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(ltr) { + margin-left: 6px; +} + +popover.popover-selector list row .accel:dir(rtl) { + margin-right: 6px; +} + +omnibar.linked:not(.vertical) entry { + border-radius: 12px; +} + +omnibar:not(:hover):not(:active) entry { + color: rgba(239, 241, 245, 0.7); +} + +popover.omnibar list row:not(:last-child) { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +entry.preferences-search { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: #292c3c; +} + +preferences stacksidebar.sidebar list { + background-color: #313244; +} + +preferences stacksidebar.sidebar:dir(ltr) list, preferences stacksidebar.sidebar:dir(rtl) list { + border-style: none; +} + +preferences > box > box:dir(ltr) { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +preferences > box > box:dir(rtl) { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-action-area button { + padding: 8px 16px; + border-top: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0; +} + +popover.messagepopover .popover-action-area button:first-child { + border-bottom-left-radius: 12px; +} + +popover.messagepopover .popover-action-area button:last-child { + border-bottom-right-radius: 12px; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.transfers list { + background-color: transparent; +} + +popover.transfers list row:not(:first-child) { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +popover.transfers list row > box { + padding: 10px; +} + +dockbin { + border: 1px solid rgba(36, 39, 58, 0.2); + -pnldockbin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(36, 39, 58, 0.2); +} + +eggsearchbar box.search-bar { + padding: 0 8px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #24273a; +} + +docktabstrip { + padding: 0 8px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #24273a; +} + +docktab { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + margin-bottom: -1px; + padding: 6px 6px; + border-width: 1px; + border-color: transparent; + box-shadow: inset 0 -2px transparent; + background-image: radial-gradient(circle, #589ed7 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +docktab:checked { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 100ms cubic-bezier(0.15, 1, 0.3, 1), background-image 250ms cubic-bezier(0.15, 1, 0.3, 1); + box-shadow: inset 0 -2px #589ed7; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-size: 1000% 1000%; + color: #eff1f5; +} + +dockoverlayedge { + background-color: #24273a; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge docktab:checked { + box-shadow: inset -2px 0 #589ed7; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 #589ed7; +} + +pillbox { + background-color: #24273a; + border-radius: 12px; +} + +layoutpane entry.search { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: #292c3c; +} + +editortweak entry.search { + margin-bottom: -1px; + box-shadow: none; + background-color: transparent; +} + +.gb-search-entry-occurrences-tag { + box-shadow: none; + background-color: transparent; +} + +docktabstrip { + min-height: 39px; +} + +window.workbench preferences preferencesgroup list entry { + padding-top: 8px; + padding-bottom: 8px; +} + +button.run-arrow-button { + padding-left: 9px; + padding-right: 9px; +} + +button.dzlmenubutton image { + min-width: 28px; +} + +button.dzlmenubutton image.arrow { + min-width: 25px; +} + +button.dzlmenubuttonitem { + color: #eff1f5; + font-weight: normal; +} + +button.dzlmenubuttonitem:disabled { + color: rgba(239, 241, 245, 0.5); +} + +idelayoutstackheader { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +idelayoutstackheader button:checked { + color: #eff1f5; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher { + padding: 8px 0; + background-color: #24273a; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(ltr) { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher:dir(rtl) { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button { + border-radius: 0; + box-shadow: none; + background-color: transparent; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:active { + background-image: radial-gradient(circle, rgba(88, 158, 215, 0.7) 10%, transparent 0%); +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:checked { + background-color: transparent; + color: #eff1f5; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr) { + margin-right: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(ltr):checked { + box-shadow: inset -2px 0 #589ed7; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #589ed7; +} + +ideeditorsidebar notebook header { + background: transparent; +} + +popover.messagepopover list { + border: 1px solid rgba(239, 241, 245, 0.12); +} + +popover.messagepopover list row:not(:last-child) { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +/********** + * Photos * + **********/ +GdMainIconView.content-view { + -gdmainiconview-icon-size: 48; +} + +.documents-counter { + margin: 8px; + border-radius: 9999px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1); + background-color: #589ed7; + color: #eff1f5; + font-weight: bold; +} + +.documents-scrolledwin.frame { + border-style: none; +} + +.documents-scrolledwin.frame frame.content-view > border { + border-style: none; +} + +.photos-fade-in { + opacity: 1; + transition: opacity 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +.photos-fade-out { + opacity: 0; + transition: opacity 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +button.photos-filter-preview { + color: #eff1f5; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: #eff1f5; +} + +button.photos-filter-preview:checked image { + color: #eff1f5; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { + border-style: none none none solid; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { + border-style: none solid none none; +} + +/********* + * Music * + *********/ +.side-panel:dir(ltr) { + border-style: solid; + border-color: rgba(239, 241, 245, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: rgba(239, 241, 245, 0.12); +} + +.side-panel .view { + background-image: image(#313244); +} + +.side-panel .view:hover { + background-image: image(#404152); +} + +.side-panel .view:selected { + background-image: image(#589ed7); +} + +.side-panel .view:selected:hover { + background-image: image(#64a5d9); +} + +.songs-list:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +frame.documents-dropdown { + margin: 8px; +} + +frame.documents-dropdown > border { + border: none; +} + +box.vertical > revealer > toolbar.search-bar { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-clip: border-box; +} + +box.vertical > revealer > toolbar.search-bar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +/************* + * Documents * + *************/ +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > stack > box > revealer > actionbar > revealer > box { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd evview.view.content-view { + border-radius: 0 0 12px 12px; +} + +/********************************* + * Archive Manager (File roller) * + *********************************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #292c3c; +} + +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:selected):not(:hover):not( +.progressbar +):not(.expander):not(.trough):not(.separator) { + background-color: #292c3c; +} + +.background.csd > grid.horizontal > paned.horizontal > box.vertical > scrolledwindow { + border-radius: 0 0 0 12px; + background-color: #24273a; +} + +/************ + * Terminal * + ************/ +terminal-window decoration { + border-radius: 12px 12px 0 0; +} + +terminal-window.background.csd, terminal-window.background.csd.maximized { + border-radius: 0; +} + +terminal-window notebook > header > box { + margin: -2px -2px -2px 1px; +} + +terminal-window notebook > header > box button.flat { + min-height: 24px; + min-width: 24px; + padding: 3px; + border-radius: 9px; +} + +window.background > box.vertical > box.horizontal > frame > border { + border: none; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list { + /* border-radius: $corner-radius; */ + margin: 0 6px 6px; + background-color: #24273a; + color: #eff1f5; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row { + padding: 0 2px; + margin: 2px 0; + border-radius: 12px; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:selected, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:hover { + color: #589ed7; +} + +window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row, window.background > box.vertical > box.horizontal > frame > scrolledwindow > viewport.frame list > row:active { + color: #eff1f5; +} + +window.background > box.vertical > box.horizontal > stack > widget > notebook.frame { + margin: 0 6px 6px 0; +} + +.terminal-window { + background-color: #24273a; +} + +.terminal-window tabbar tabbox { + background-color: #313244; + margin: 0; + border-radius: 0; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-clip: border-box; +} + +/********* + * To Do * + *********/ +task-list-view taskrow { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + margin: 0 -8px; +} + +task-list-view taskrow:hover { + transition: none; +} + +task-list-view taskrow label { + margin: 0 8px; +} + +task-list-view taskrow image.dim-label { + min-width: 16px; +} + +task-list-view > box > revealer > box > button { + margin: -5px; +} + +task-list-view > box > revealer > box > button .dim-label { + color: inherit; +} + +tasklistview taskrow { + outline: none; +} + +tasklistview taskrow entry, tasklistview taskrow entry:focus, tasklistview taskrow entry:disabled { + box-shadow: none; +} + +tasklistview taskrow image.dim-label { + min-width: 16px; +} + +tasklistview > box > revealer > box > button { + margin: -5px; +} + +tasklistview > box > revealer > box > button .dim-label { + color: inherit; +} + +/******* + * Eog * + *******/ +#eog-thumb-nav scrolledwindow { + border-top: none; +} + +/************* + * Evolution * + *************/ +frame.taskbar > border { + border-style: solid none none; +} + +box.vertical > paned.horizontal notebook widget .frame { + border-style: none; +} + +/*********** + * Fractal * + ***********/ +.background.csd.main-window .sidebar.rooms-sidebar { + border-bottom-left-radius: 12px; +} + +/******** + * Gitg * + ********/ +frame.commit-frame > border { + border-style: solid none none; +} + +/************** + * Characters * + **************/ +box.dialog-vbox scrolledwindow.related { + border: 1px solid rgba(36, 39, 58, 0.2); +} + +list.categories { + background-image: image(#313244); +} + +/********* + * Boxes * + *********/ +.transparent-bg + stack overlay > label { + min-height: 24px; + padding: 0 4px; + border-radius: 12px; + background-color: #292c3c; + color: #eff1f5; +} + +/************** + * Calculator * + **************/ +button.title label { + min-height: 34px; +} + +/********* + * Geary * + *********/ +window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical, +window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical { + border-bottom-left-radius: 12px; +} + +window.background.csd.geary-main-window > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar, +window#GearyMainWindow.background.csd > deck > overlay > box.vertical > paned.horizontal > box.sidebar.vertical statusbar { + border-bottom-left-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer, +window#GearyMainWindow.background.csd stack#conversation_viewer { + border-bottom-right-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox, +window#GearyMainWindow.background.csd stack#conversation_viewer scrolledwindow.geary-conversation-scroller viewport.frame list.conversation-listbox { + background: none; + border-bottom-right-radius: 12px; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded { + animation: none; + background-image: none; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed actionbar > revealer > box { + border-radius: 0; +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar { + color: #eff1f5; + background-color: #24273a; + box-shadow: none; + border-bottom: 1px solid rgba(36, 39, 58, 0.2); +} + +window.background.csd.geary-main-window stack#conversation_viewer .geary-composer-box actionbar > revealer > box, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-composer-box actionbar > revealer > box { + border-bottom-left-radius: 0; +} + +.geary-accounts-editor-pane frame:not(.geary-signature) > border, +.geary-accounts-editor-pane scrolledwindow.frame { + border: none; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout { + background-color: #292c3c; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar, +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar { + background-color: #24273a; + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1), color 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop, +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop { + background-color: #24273a; +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > box.vertical + separator.sidebar { + min-width: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow { + padding: 3px; +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view { + border: 1px solid transparent; + border-radius: 12px; + padding: 6px; +} + +.geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:selected, .geary-main-window.unified frame.geary-conversation-frame scrolledwindow treeview.view:active { + border-radius: 12px; + background-color: #589ed7; + color: #eff1f5; +} + +.geary-main-window.unified separator.geary-sidebar-pane-separator { + min-width: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { + border: 1px solid rgba(239, 241, 245, 0.12); + border-bottom-width: 0; + background-color: #292c3c; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable:first-child { + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane { + border-radius: 0 0 8px 8px; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background { + background-color: transparent; +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content .geary-attachment-pane actionbar.background > revealer > box { + border-radius: 0 0 6px 6px; +} + +/************** + * Extensions * + **************/ +window.background.csd stack stack stack frame > border, +window.background.csd > stack > stack > box > frame > border, +window.background.csd > stack > stack > box > box > frame > border, +window.background.csd > stack > box > stack > box > frame > border, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > border, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > border, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > border { + border: none; +} + +window.background.csd > stack > box > box > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport > list { + border-bottom-left-radius: 12px; +} + +window.background.csd > stack > box > .sidebar > scrolledwindow > viewport > list { + padding: 0 0; +} + +/*********** + * Dialogs * + ***********/ +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #292c3c; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; +} + +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; +} + +dialog.background.csd stack scrolledwindow.frame { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 12px; +} + +dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; +} + +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 12px; +} + +window.background.csd.unified { + background-color: #24273a; +} + +window.background.csd.unified headerbar { + box-shadow: none; +} + +window.background.csd.unified > decoration-overlay { + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); +} + +window.background.csd.unified, +window.background.csd.unified > decoration, +window.background.csd.unified > decoration-overlay { + border-radius: 12px; +} + +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen > decoration-overlay { + box-shadow: none; +} + +window.background.csd.unified.tiled, +window.background.csd.unified.tiled > decoration, +window.background.csd.unified.tiled > decoration-overlay, window.background.csd.unified.tiled-top, +window.background.csd.unified.tiled-top > decoration, +window.background.csd.unified.tiled-top > decoration-overlay, window.background.csd.unified.tiled-right, +window.background.csd.unified.tiled-right > decoration, +window.background.csd.unified.tiled-right > decoration-overlay, window.background.csd.unified.tiled-bottom, +window.background.csd.unified.tiled-bottom > decoration, +window.background.csd.unified.tiled-bottom > decoration-overlay, window.background.csd.unified.tiled-left, +window.background.csd.unified.tiled-left > decoration, +window.background.csd.unified.tiled-left > decoration-overlay, window.background.csd.unified.maximized, +window.background.csd.unified.maximized > decoration, +window.background.csd.unified.maximized > decoration-overlay, window.background.csd.unified.fullscreen, +window.background.csd.unified.fullscreen > decoration, +window.background.csd.unified.fullscreen > decoration-overlay { + border-radius: 0; +} + +/************************ + * LightDM GTK+ Greeter * + ************************/ +#panel_window { + background-color: #313244; + color: #eff1f5; +} + +#panel_window menubar, +#panel_window separator { + background-color: transparent; +} + +#panel_window separator { + padding: 0 4px; +} + +#panel_window separator:first-child { + padding: 0 8px; +} + +#panel_window menubar > menuitem { + color: rgba(239, 241, 245, 0.7); +} + +#panel_window menubar > menuitem:hover { + color: #eff1f5; +} + +#panel_window menubar > menuitem:disabled label { + color: rgba(239, 241, 245, 0.32); +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + margin: 8px; + border-radius: 12px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +#content_frame { + padding-bottom: 16px; +} + +#buttonbox_frame { + padding-top: 24px; +} + +#buttonbox_frame > box, +#buttonbox_frame > buttonbox { + margin: -16px; +} + +#buttonbox_frame button:not(:disabled) { + color: #589ed7; +} + +/************** + * Mate-Panel * + **************/ +.mate-panel-menu-bar menubar, +#PanelApplet-window-menu-applet-button { + background-color: transparent; +} + +.mate-panel-menu-bar { + background-color: rgba(36, 39, 58, 0.85); + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +.mate-panel-menu-bar button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; +} + +PanelToplevel.horizontal > grid > button { + min-width: 24px; +} + +PanelToplevel.vertical > grid > button { + min-height: 24px; +} + +PanelSeparator { + color: rgba(239, 241, 245, 0.12); +} + +MatePanelAppletFrameDBus { + border-style: solid; + border-color: rgba(239, 241, 245, 0.12); +} + +.mate-panel-menu-bar.horizontal MatePanelAppletFrameDBus { + border-width: 0 1px; +} + +.mate-panel-menu-bar.vertical MatePanelAppletFrameDBus { + border-width: 1px 0; +} + +.mate-panel-menu-bar menubar > menuitem { + color: rgba(239, 241, 245, 0.7); +} + +.mate-panel-menu-bar menubar > menuitem:hover { + color: #eff1f5; +} + +.mate-panel-menu-bar menubar > menuitem:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.mate-panel-menu-bar.horizontal menubar > menuitem { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical menubar > menuitem { + padding: 8px 0; +} + +.mate-panel-menu-bar menubar menu > menuitem { + min-height: 28px; + padding: 0 6px; +} + +.mate-panel-menu-bar #PanelApplet button { + -gtkwidget-window-dragging: true; +} + +.mate-panel-menu-bar #tasklist-button { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0/0 0 0px; +} + +.mate-panel-menu-bar #tasklist-button:checked { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2/0 0 2px; +} + +.mate-panel-menu-bar #tasklist-button image:dir(ltr), +.mate-panel-menu-bar #tasklist-button label:dir(rtl) { + padding-left: 4px; +} + +.mate-panel-menu-bar #tasklist-button label:dir(ltr), +.mate-panel-menu-bar #tasklist-button image:dir(rtl) { + padding-right: 4px; +} + +.mate-panel-menu-bar.vertical #tasklist-button { + min-height: 32px; +} + +.mate-panel-menu-bar.horizontal #showdesktop-button image { + min-width: 24px; + padding: 0 4px; +} + +.mate-panel-menu-bar.vertical #showdesktop-button image { + min-height: 24px; + padding: 4px 0; +} + +PanelApplet.wnck-applet .wnck-pager { + background-color: transparent; + color: #589ed7; +} + +PanelApplet.wnck-applet .wnck-pager:hover { + background-color: alpha(currentColor, 0.08); +} + +PanelApplet.wnck-applet .wnck-pager:active { + background-color: alpha(currentColor, 0.12); +} + +PanelApplet.wnck-applet .wnck-pager:selected { + background-color: #589ed7; +} + +.mate-panel-menu-bar.horizontal #clock-applet-button label { + padding: 0 8px; +} + +.mate-panel-menu-bar.vertical #clock-applet-button label { + padding: 8px 0; +} + +#MatePanelPopupWindow { + border: 1px solid rgba(36, 39, 58, 0.2); + border-radius: 13px; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +#MatePanelPopupWindow frame > border { + border-style: none; +} + +#MatePanelPopupWindow calendar { + border-style: none; +} + +#MatePanelPopupWindow calendar:not(:selected) { + background-color: transparent; +} + +#MatePanelPopupWindow calendar + box { + margin-top: -5px; + padding-top: 5px; + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +#MatePanelPopupWindow expander > title { + min-height: 32px; +} + +#MatePanelPopupWindow button { + padding: 4px 16px; +} + +#MatePanelPopupWindow > frame > box > box > box > widget { + color: rgba(239, 241, 245, 0.12); +} + +na-tray-applet { + -natrayapplet-icon-padding: 3px; + -natrayapplet-icon-size: 16; +} + +.mate-panel-menu-bar { + -panelmenubar-icon-visible: true; +} + +.mate-panel-applet-slider { + border: 1px solid rgba(36, 39, 58, 0.2); + border-radius: 13px; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +.mate-panel-applet-slider frame > border { + border-style: none; +} + +#PanelApplet:not(:selected) > box { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +#PanelApplet:selected > box { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +#mate-menu { + border: 1px solid rgba(36, 39, 58, 0.2); + background-color: #292c3c; +} + +#mate-menu button { + min-height: 24px; + min-width: 24px; + padding: 4px 0; + color: #eff1f5; + font-weight: normal; +} + +#mate-menu button:not(.flat) { + background-color: alpha(currentColor, 0.1); +} + +#mate-menu button image, +#mate-menu button label + label { + color: rgba(239, 241, 245, 0.7); +} + +#mate-menu entry { + margin: 0 0 4px; +} + +#mate-menu entry image { + margin: 0; +} + +#mate-menu entry + button { + margin: 0 4px 4px; + padding: 5px; +} + +.brisk-menu { + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +.brisk-menu entry { + margin-bottom: -2px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + border-image: none; + box-shadow: none; + background-color: transparent; +} + +.brisk-menu entry + box > box:dir(ltr) { + margin-right: -2px; + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +.brisk-menu entry + box > box:dir(rtl) { + margin-left: -2px; + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +.brisk-menu .categories-list { + padding-top: 4px; +} + +.brisk-menu .categories-list button { + margin: 0 4px; +} + +.brisk-menu .categories-list button:checked { + color: #589ed7; +} + +.brisk-menu .session-button { + padding: 11px; +} + +.brisk-menu .frame { + border-style: none; +} + +.brisk-menu .apps-list { + padding: 4px 0; + background-color: transparent; +} + +.brisk-menu .apps-list row { + padding: 0; +} + +.brisk-menu .apps-list row:hover { + box-shadow: none; +} + +.brisk-menu .apps-list button { + border-radius: 0; + color: #eff1f5; + font-weight: normal; +} + +/********************* + * CAJA File manager * + *********************/ +.caja-navigation-window button.toggle.image-button { + border-radius: 12px; +} + +.caja-pathbar button { + margin: 0 -1px 0 -2px; +} + +.caja-pathbar button.slider-button { + min-width: 24px; +} + +.caja-pathbar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtkarrow-arrow-scaling: 1; +} + +.caja-side-pane notebook viewport.frame, +.caja-side-pane notebook widget .vertical { + background-color: #292c3c; +} + +.caja-side-pane notebook, +.caja-notebook { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.caja-side-pane notebook .frame, +.caja-notebook .frame { + border-style: none; +} + +.caja-canvas-item { + border-radius: 12px; +} + +.caja-desktop.view .entry, +.caja-navigation-window .view .entry { + border: none; + border-radius: 12px; + background-color: rgba(239, 241, 245, 0.04); + background-image: none; + color: #eff1f5; +} + +.caja-desktop.view .entry:selected, +.caja-navigation-window .view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-desktop.view .entry { + background-color: #313244; + color: #eff1f5; + caret-color: currentColor; +} + +.caja-desktop.view .entry:selected { + background-color: alpha(currentColor, 0.06); +} + +.caja-navigation-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.caja-notebook frame > border { + border-style: none; +} + +#caja-extra-view-widget { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-color: #292c3c; +} + +#caja-extra-view-widget > box > box > label { + font-weight: bold; +} + +/********* + * Pluma * + *********/ +.pluma-window statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.pluma-window statusbar frame > border { + border-style: none; +} + +.pluma-window statusbar frame button.flat { + padding: 0 4px; + border-radius: 0; +} + +.pluma-window statusbar frame button.flat widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtkarrow-arrow-scaling: 1; +} + +.pluma-print-preview toolbar { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat { + margin: 1px; +} + +.pluma-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.pluma-window paned.horizontal box.vertical notebook.frame { + margin-top: -1px; + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.pluma-window paned.horizontal box.vertical notebook.frame box.vertical toolbar.horizontal { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +/********* + * Atril * + *********/ +.atril-window paned.horizontal box.vertical .frame { + border-style: none; +} + +.atril-window paned.horizontal box.vertical notebook .frame { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +/* mate-screensaver lock dialog */ +.lock-dialog { + border: 1px solid rgba(36, 39, 58, 0.2); + border-radius: 13px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +.lock-dialog frame > border { + border-style: none; +} + +.lock-dialog button:not(:disabled) { + color: #589ed7; +} + +/* multimedia OSD */ +MsdOsdWindow.background.osd { + border-radius: 12px; + background-color: rgba(30, 33, 49, 0.9); + color: #eff1f5; +} + +MsdOsdWindow.background.osd .trough { + border-radius: 0; + background-color: rgba(239, 241, 245, 0.12); +} + +MsdOsdWindow.background.osd .progressbar { + border-radius: 0; + background-color: #589ed7; +} + +/********* + * Tilix * + *********/ +overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { + border-style: none; + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15); +} + +overlay > revealer.left > scrolledwindow.frame { + margin-right: 32px; +} + +overlay > revealer.right > scrolledwindow.frame { + margin-left: 32px; +} + +.terminix-session-sidebar, +.tilix-session-sidebar { + background-image: image(#292c3c); +} + +.terminal-titlebar button { + border-radius: 0; +} + +button.image-button.session-new-button { + min-width: 30px; +} + +notebook.tilix-background tab > box > stack { + margin: -6px; +} + +button.flat.tilix-small-button { + min-height: 20px; + min-width: 16px; +} + +/************** + * Terminator * + **************/ +.terminator-terminal-window paned > separator { + background-color: #24273a; +} + +.terminator-terminal-window notebook.frame { + border-style: none; +} + +/************* + * Ubitquity * + *************/ +#live_installer .menubar progressbar trough { + border-radius: 4px; + background-color: rgba(239, 241, 245, 0.12); +} + +/********* + * Meld * + ********/ +.meld-notebook, +.meld-notebook > stack { + background: none; + border-radius: 0 0 12px 12px; +} + +.meld-notebook-child { + background-color: #313244; + border-radius: 0 0 12px 12px; +} + +statusbar.meld-status-bar { + background: none; +} + +/*********** + * Eclipse * + ***********/ +window.background > box.vertical > scrolledwindow > widget toolbar { + padding: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar separator, +window.background > box.vertical > scrolledwindow > widget toolbar button { + margin: 2px; +} + +window.background > box.vertical > scrolledwindow > widget toolbar button { + border-radius: 12px; +} + +window.background:not(.csd) > window > menu menuitem { + transition: none; +} + +/************ + * Inkscape * + ************/ +#ToolboxCommon > #AuxToolbox #StyleSwatch { + font-size: smaller; +} + +#ToolboxCommon > #AuxToolbox #Kludge { + padding: 0; +} + +#ToolboxCommon > #AuxToolbox spinbutton, +#ToolboxCommon > #AuxToolbox entry { + min-height: 32px; +} + +#ToolboxCommon > #AuxToolbox button:not(.up):not(.down) { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; +} + +#ToolboxCommon > #AuxToolbox spinbutton button { + border-width: 4px; +} + +#ToolboxCommon > toolbar.vertical { + margin-top: -4px; +} + +#ToolboxCommon > toolbar.vertical button { + min-height: 24px; + min-width: 24px; + padding: 4px; +} + +#CanvasTable button { + min-height: 16px; + min-width: 16px; + padding: 0; +} + +#CanvasTable #HorizontalScrollbar { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(ltr) { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +#CanvasTable #VerticalScrollbar:dir(rtl) { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +#Canvas_and_Dock frame > border { + border: none; +} + +#Canvas_and_Dock widget > widget > button.flat { + min-height: 16px; + min-width: 16px; + padding: 4px; +} + +#Canvas_and_Dock widget > widget > box.horizontal image { + padding: 4px; +} + +#Canvas_and_Dock box.horizontal > box.vertical > button.flat { + min-height: 16px; + min-width: 24px; + padding: 8px 4px; +} + +scrolledwindow#DialogNotebook > viewport.frame > notebook.frame button.close-button image { + padding: 4px; +} + +#InKscapeCanvas { + background-color: #313244; + border-radius: 12px; +} + +/*********** + * Synapse * + ***********/ +/*************** + * Libreoffice * + ***************/ +window.background > grid +> widget +> widget +> scrolledwindow +> viewport +> grid +> box +> box +> frame +> box { + background-color: #24273a; +} + +/********* + * Pamac * + *********/ +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list { + border: none; + border-radius: 0; +} + +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > list > row.activatable, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > scrolledwindow > viewport.frame > list > row.activatable, +window.background.csd > box.vertical > overlay > stack > box.vertical > box.horizontal > revealer > stack > box.vertical > stack > scrolledwindow > viewport.frame > list > row.activatable { + border-radius: 12px; +} + +dialog-host > floating-sheet > sheet > widget.response-area { + padding: 6px; +} + +window.background:not(.csd):not(.solid-csd) > button:not(:hover):not(:active):not(:checked):not(:disabled):not(.flat) { + /* background-color: if($variant == 'light', $grey-100, $grey-900); */ + background-color: #24273a; +} + +window.background:not(.csd) > box +> widget +> widget +> widget +> widget +> widget +> widget +> widget +> scrolledwindow entry:focus { + background-color: #2f3244; +} + +/******** + * Nemo * + ********/ +.nemo-window .primary-toolbar { + background-color: #24273a; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +.nemo-window .primary-toolbar entry { + min-height: 0; + margin: 0; +} + +.nemo-window .primary-toolbar > toolitem > .linked > button.image-button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar button.text-button { + padding-left: 8px; + padding-right: 8px; + color: rgba(239, 241, 245, 0.7); +} + +.nemo-window .primary-toolbar button.text-button:hover, .nemo-window .primary-toolbar button.text-button:active, .nemo-window .primary-toolbar button.text-button:checked { + color: #eff1f5; +} + +.nemo-window .primary-toolbar button.text-button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.nemo-window .primary-toolbar button.text-button:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button { + margin-left: 1px; + margin-right: 1px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button:checked { + box-shadow: none; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button { + border-radius: 6px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.nemo-window .primary-toolbar .path-bar.linked:not(.vertical) > button.slider-button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.nemo-window .primary-toolbar button:not(.text-button):not(.image-button) { + padding-left: 4px; + padding-right: 4px; +} + +.nemo-window scrolledwindow.frame { + border-style: none; +} + +.nemo-window scrolledwindow.frame .view:not(:selected) { + background-color: transparent; +} + +.nemo-window .nemo-inactive-pane .view:not(:selected) { + background-color: #313244; +} + +.nemo-window .nemo-window-pane widget.entry { + border-radius: 6px; + background-color: rgba(239, 241, 245, 0.04); +} + +.nemo-window .nemo-window-pane > notebook { + border-radius: 0; +} + +.places-treeview { + -nemoplacestreeview-disk-full-bg-color: #616472; + -nemoplacestreeview-disk-full-fg-color: #589ed7; + -nemoplacestreeview-disk-full-bar-width: 2px; + -nemoplacestreeview-disk-full-bar-radius: 0; + -nemoplacestreeview-disk-full-bottom-padding: 1px; + -nemoplacestreeview-disk-full-max-length: 80px; + padding-top: 3px; + padding-bottom: 3px; +} + +/********* + * Unity * + *********/ +UnityDecoration { + -unitydecoration-extents: 28px 0 0 0; + -unitydecoration-input-extents: 8px; + -unitydecoration-shadow-offset-x: 0; + -unitydecoration-shadow-offset-y: 3px; + -unitydecoration-active-shadow-color: rgba(0, 0, 0, 0.48); + -unitydecoration-active-shadow-radius: 18px; + -unitydecoration-inactive-shadow-color: rgba(0, 0, 0, 0.32); + -unitydecoration-inactive-shadow-radius: 6px; + -unitydecoration-glow-size: 8px; + -unitydecoration-glow-color: #589ed7; + -unitydecoration-title-indent: 4px; + -unitydecoration-title-fade: 32px; + -unitydecoration-title-alignment: 0; +} + +UnityDecoration .top { + padding: 0 2px; + border-style: none; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #24273a; + color: #eff1f5; +} + +UnityDecoration .top:backdrop { + background-color: #24273a; + color: rgba(239, 241, 245, 0.7); +} + +UnityDecoration .menuitem { + color: rgba(239, 241, 245, 0.7); +} + +UnityDecoration .menuitem:hover { + box-shadow: inset 0 -2px #e6e9ef; + background-color: transparent; + color: #eff1f5; +} + +.background:not(.csd) headerbar:not(.titlebar) { + border-radius: 0; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.04); +} + +.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { + border-style: none; +} + +UnityPanelWidget, +.unity-panel { + background-color: #24273a; + color: #eff1f5; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: rgba(239, 241, 245, 0.7); +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + color: rgba(239, 241, 245, 0.7); +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + box-shadow: inset 0 -2px #e6e9ef; + background-color: transparent; + color: #eff1f5; +} + +.menu IdoPlaybackMenuItem.menuitem:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: spin 1s linear infinite; + color: #589ed7; +} + +/************** + * Xfce4 Apps * + **************/ +.XfceHeading { + background-color: #292c3c; +} + +/*************** + * xfce4-panel * + ***************/ +.xfce4-panel.background { + border: none; + background-color: rgba(36, 39, 58, 0.85); + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +.xfce4-panel.background button { + min-height: 16px; + min-width: 16px; + padding: 0 6px; + border-radius: 0; +} + +.xfce4-panel.background button.flat.toggle { + padding: 0 6px; +} + +.xfce4-panel.background .tasklist button image { + padding: 4px; +} + +wnck-pager:hover { + background-color: alpha(currentColor, 0.08); +} + +wnck-pager:active { + background-color: alpha(currentColor, 0.12); +} + +wnck-pager:selected { + background-color: #589ed7; +} + +#xfce4-mpc-plugin-26 > frame > border { + border: none; +} + +#xfce-panel-button { + -gtk-icon-style: symbolic; +} + +XfdesktopIconView.view { + border-radius: 12px; + background-color: transparent; + color: #eff1f5; +} + +XfdesktopIconView.view:active { + box-shadow: none; +} + +XfdesktopIconView.view .rubberband { + border-radius: 0; +} + +window#whiskermenu-window { + border-radius: 12px; + background-color: transparent; + border: none; +} + +window#whiskermenu-window entry.search:focus { + background-color: #292c3c; +} + +window#whiskermenu-window > frame > border { + border-radius: 12px; + padding: 6px 8px 6px 9px; + margin: 6px; + border: none; + background-color: #292c3c; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); +} + +window#whiskermenu-window box.categories > button.radio { + padding: 3px 6px; + margin: 1px 0; +} + +window#whiskermenu-window box.categories > button.radio:hover { + background-color: rgba(239, 241, 245, 0.12); +} + +window#whiskermenu-window box.categories > button.radio:checked, window#whiskermenu-window box.categories > button.radio:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +window#whiskermenu-window box.categories > button.radio:checked:hover, window#whiskermenu-window box.categories > button.radio:active:hover { + background-image: none; +} + +window#whiskermenu-window scrolledwindow.frame { + padding: 3px; + background-color: #292c3c; + border-radius: 12px; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view { + border-radius: 12px; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; +} + +window#whiskermenu-window scrolledwindow.frame treeview.view:selected:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:checked, window#whiskermenu-window .title-area > .commands-area > button.flat.command-button:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +#XfceNotifyWindow { + background-color: #292c3c; + border-radius: 12px; + border: none; + box-shadow: none; +} + +#XfceNotifyWindow buttonbox { + padding: 0; +} + +#XfceNotifyWindow label#summary { + font-weight: bold; +} + +dialog.xfsm-logout-dialog { + border-radius: 12px; + background-color: rgba(41, 44, 60, 0.97); + border: none; + box-shadow: none; +} + +#xfwm-tabwin { + padding: 12px; + border-radius: 12px; + -xfwmtabwinwidget-icon-size: 64px; + -xfwmtabwinwidget-preview-size: 64px; +} + +/********** + * Thunar * + **********/ +.thunar toolbar { + box-shadow: inset 0 -1px rgba(239, 241, 245, 0.12); +} + +.thunar .standard-view.frame { + border: none; +} + +.thunar scrolledwindow.frame.sidebar { + border-top: none; +} + +.thunar .path-bar.linked:not(.vertical) > button.path-bar-button { + margin-left: 2px; + margin-right: 2px; +} + +.thunar statusbar { + margin: 0 -10px; + padding: 0 4px; + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.thunar > grid.horizontal +> paned.horizontal +> scrolledwindow.frame.sidebar.shortcuts-pane { + border-top: none; +} + +window.background.csd.thunar > grid.horizontal +> paned.horizontal +> scrolledwindow.frame.sidebar.shortcuts-pane { + border-bottom-left-radius: 12px; +} + +menubar.-vala-panel-appmenu-private, +menubar.-vala-panel-background { + background: none; + border: none; + box-shadow: none; + animation: none; +} + +menubar.-vala-panel-appmenu-private > menuitem, +menubar.-vala-panel-background > menuitem { + color: rgba(239, 241, 245, 0.7); + font-weight: normal; +} + +menubar.-vala-panel-appmenu-private > menuitem:hover, +menubar.-vala-panel-background > menuitem:hover { + color: #eff1f5; + border-radius: 0; +} + +menubar.-vala-panel-appmenu-private > menuitem:disabled, +menubar.-vala-panel-background > menuitem:disabled { + color: rgba(239, 241, 245, 0.32); +} + +/* 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 #24273a; +/* text widgets and the like base background color */ +@define-color theme_base_color #292c3c; +/* base background color of selections */ +@define-color theme_selected_bg_color #589ed7; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #eff1f5; +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #24273a; +/* 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 #313244; +/* 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 #24273a; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #292c3c; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #589ed7; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #eff1f5; +/* 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 #eed49f; +@define-color error_color #ed8796; +@define-color success_color #a6da95; +/* 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_focused_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 #08090c; +@define-color wm_focused_bg #24273a; +@define-color wm_unfocused_bg #24273a; +@define-color wm_button_icon #eff1f5; +@define-color wm_button_icon alpha(black, 0.5); +@define-color wm_button_focused_bg #303345; +@define-color wm_button_unfocused_bg #303345; +@define-color wm_button_hover_fg rgba(36, 39, 58, 0.87); +@define-color wm_button_active_fg rgba(36, 39, 58, 0.87); +@define-color wm_button_hover_bg #e6e9ef; +@define-color wm_button_active_bg #e7eaf0; +/* FIXME this is really an API */ +@define-color content_view_bg #292c3c; +@define-color placeholder_text_color #b4b6be; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #292c3c; +@define-color budgie_tasklist_indicator_color rgba(99, 102, 116, 0.8875); +@define-color budgie_tasklist_indicator_color_active #589ed7; +@define-color budgie_tasklist_indicator_color_active_window rgba(68, 112, 154, 0.931); +@define-color budgie_tasklist_indicator_color_attention #eed49f; +@define-color STRAWBERRY_100 #FF9262; +@define-color STRAWBERRY_300 #FF793E; +@define-color STRAWBERRY_500 #F15D22; +@define-color STRAWBERRY_700 #CF3B00; +@define-color STRAWBERRY_900 #AC1800; +@define-color ORANGE_100 #FFDB91; +@define-color ORANGE_300 #FFCA40; +@define-color ORANGE_500 #FAA41A; +@define-color ORANGE_700 #DE8800; +@define-color ORANGE_900 #C26C00; +@define-color BANANA_100 #FFFFA8; +@define-color BANANA_300 #FFFA7D; +@define-color BANANA_500 #FFCE51; +@define-color BANANA_700 #D1A023; +@define-color BANANA_900 #A27100; +@define-color LIME_100 #A2F3BE; +@define-color LIME_300 #8ADBA6; +@define-color LIME_500 #73C48F; +@define-color LIME_700 #479863; +@define-color LIME_900 #1C6D38; +@define-color BLUEBERRY_100 #94A6FF; +@define-color BLUEBERRY_300 #6A7CE0; +@define-color BLUEBERRY_500 #3F51B5; +@define-color BLUEBERRY_700 #213397; +@define-color BLUEBERRY_900 #031579; +@define-color GRAPE_100 #D25DE6; +@define-color GRAPE_300 #B84ACB; +@define-color GRAPE_500 #9C27B0; +@define-color GRAPE_700 #830E97; +@define-color GRAPE_900 #6A007E; +@define-color COCOA_100 #9F9792; +@define-color COCOA_300 #7B736E; +@define-color COCOA_500 #574F4A; +@define-color COCOA_700 #463E39; +@define-color COCOA_900 #342C27; +@define-color SILVER_100 #EEE; +@define-color SILVER_300 #CCC; +@define-color SILVER_500 #AAA; +@define-color SILVER_700 #888; +@define-color SILVER_900 #666; +@define-color SLATE_100 #888; +@define-color SLATE_300 #666; +@define-color SLATE_500 #444; +@define-color SLATE_700 #222; +@define-color SLATE_900 #111; +@define-color BLACK_100 #474341; +@define-color BLACK_300 #403C3A; +@define-color BLACK_500 #393634; +@define-color BLACK_700 #33302F; +@define-color BLACK_900 #2B2928; diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/thumbnail.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/thumbnail.png new file mode 100644 index 0000000..46efa74 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-3.0/thumbnail.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-checked-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-checked-symbolic.svg new file mode 100644 index 0000000..c3eedb0 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-checked-symbolic.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-checked-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..96be359 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-mixed-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..f016658 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..1bc6987 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,50 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/close.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/close.svg new file mode 100644 index 0000000..06201c3 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/close.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/cursor-handle-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/cursor-handle-symbolic.svg new file mode 100644 index 0000000..e2a252b --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/maximize.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/maximize.svg new file mode 100644 index 0000000..39316eb --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/maximize.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/minimize.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/minimize.svg new file mode 100644 index 0000000..f3683b9 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/minimize.svg @@ -0,0 +1,43 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-checked-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-checked-symbolic.svg new file mode 100644 index 0000000..d13b029 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-checked-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-checked-symbolic@2.svg new file mode 100644 index 0000000..ed8d87a --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-mixed-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-mixed-symbolic.svg new file mode 120000 index 0000000..79b7355 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-mixed-symbolic.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-mixed-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..b68859d --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..de0d789 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..7f0235f --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-hover-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-hover-symbolic.svg new file mode 100644 index 0000000..993f308 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-hover-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg new file mode 100644 index 0000000..740bc8b --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-symbolic.svg new file mode 100644 index 0000000..73a1dbe --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-symbolic.svg @@ -0,0 +1,40 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-symbolic@2.svg new file mode 100644 index 0000000..bec2ee4 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-slider-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg new file mode 100644 index 0000000..37d9c04 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg new file mode 100644 index 0000000..1bc5cb6 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-checked-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-checked-symbolic.svg new file mode 100644 index 0000000..caed76f --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg new file mode 100644 index 0000000..58aa5ff --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,46 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg new file mode 100644 index 0000000..0e477a9 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg new file mode 100644 index 0000000..d0980e2 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-checked-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-checked-symbolic.svg new file mode 100644 index 0000000..0fdb530 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-checked-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-checked-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-checked-symbolic@2.svg new file mode 100644 index 0000000..251e2f5 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-checked-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-mixed-symbolic.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-mixed-symbolic.svg new file mode 120000 index 0000000..86dfcec --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-mixed-symbolic.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic.svg \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg new file mode 120000 index 0000000..bafb558 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/small-radio-mixed-symbolic@2.svg @@ -0,0 +1 @@ +small-checkbox-mixed-symbolic@2.svg \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/unmaximize.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/unmaximize.svg new file mode 100644 index 0000000..492d47a --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/assets/unmaximize.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/gtk-dark.css b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/gtk-dark.css new file mode 120000 index 0000000..78c9d4e --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/gtk-dark.css @@ -0,0 +1 @@ +gtk.css \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/gtk.css b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/gtk.css new file mode 100644 index 0000000..655b3bd --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/gtk.css @@ -0,0 +1,8884 @@ +@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, #589ed7 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #589ed7 100%, transparent 100%); + } +} + +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: #eff1f5; +} + +avatar.image { + background: none; +} + +/*********** + * Buttons * + ***********/ +popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(239, 241, 245, 0.7); +} + +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:focus, 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:hover, 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:active, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked { + color: #eff1f5; +} + +popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.toolbar .linked 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 popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), button { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 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; +} + +.toolbar .linked button:focus, 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), button:focus { + outline: 2px solid rgba(88, 158, 215, 0.35); + outline-offset: 0; +} + +.toolbar .linked button:hover, 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), button:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; + -gtk-icon-filter: brightness(1.2); +} + +.toolbar .linked button.keyboard-activating, 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), button.keyboard-activating, .toolbar .linked button:active, 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), button:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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; +} + +.toolbar .linked button:disabled, 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), button:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +.toolbar .linked button:checked, 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), button:checked { + background-color: #589ed7; + color: #eff1f5; +} + +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: #6daadc; + color: #eff1f5; +} + +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(88, 158, 215, 0.35); + color: rgba(239, 241, 245, 0.5); +} + +spinbutton > button, notebook > header > tabs > arrow, popover.menu modelbutton, .pathbar button, calendar > header > button, splitbutton.flat > button, +splitbutton.flat > menubutton > button { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 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); +} + +spinbutton > button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover.menu modelbutton:focus:not(:hover):not(:active), .pathbar button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { + color: #589ed7; + outline: 2px solid rgba(88, 158, 215, 0.25); + outline-offset: -2px; +} + +spinbutton > button:hover, notebook > header > tabs > arrow:hover, popover.menu modelbutton:hover, .pathbar button:hover, calendar > header > button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover { + background-color: alpha(currentColor, 0.08); + color: #589ed7; +} + +spinbutton > button:active, notebook > header > tabs > arrow:active, popover.menu modelbutton:active, .pathbar button:active, calendar > header > button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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; +} + +spinbutton > button:disabled, notebook > header > tabs > arrow:disabled, popover.menu modelbutton:disabled, .pathbar button:disabled, calendar > header > button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +#NautilusPathButton, +.nautilus-path-button, .toolbar button, window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button, headerbar button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child), .app-notification button, 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 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 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); +} + +#NautilusPathButton:hover, +.nautilus-path-button:hover, .toolbar button:hover, window.messagedialog .response-area button:hover, window.dialog.message .dialog-action-area > button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:hover, dropdown > .linked:not(.vertical) > button:hover:not(:only-child), +combobox > .linked:not(.vertical) > button:hover:not(:only-child), .app-notification button:hover, 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: #589ed7; +} + +#NautilusPathButton:active, +.nautilus-path-button:active, .toolbar button:active, window.messagedialog .response-area button:active, window.dialog.message .dialog-action-area > button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:active, dropdown > .linked:not(.vertical) > button:active:not(:only-child), +combobox > .linked:not(.vertical) > button:active:not(:only-child), .app-notification button:active, 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 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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; +} + +#NautilusPathButton:disabled, +.nautilus-path-button:disabled, .toolbar button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message .dialog-action-area > button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:disabled, dropdown > .linked:not(.vertical) > button:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:disabled:not(:only-child), .app-notification button:disabled, 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; +} + +#NautilusPathButton:checked, +.nautilus-path-button:checked, .toolbar button:checked, window.messagedialog .response-area button:checked, window.dialog.message .dialog-action-area > button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:checked, dropdown > .linked:not(.vertical) > button:checked:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:not(:only-child), .app-notification button:checked, 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; +} + +#NautilusPathButton:checked:disabled, +.nautilus-path-button:checked:disabled, .toolbar button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button:checked:disabled, dropdown > .linked:not(.vertical) > button:checked:disabled:not(:only-child), +combobox > .linked:not(.vertical) > button:checked:disabled:not(:only-child), .app-notification button:checked:disabled, 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(239, 241, 245, 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, spinbutton > button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + padding: 5px 10px; + border-radius: 9px; + 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: #4d4f5f; + color: #eff1f5; +} + +button.text-button { + min-width: 32px; + padding-left: 16px; + padding-right: 16px; +} + +button.image-button { + min-width: 24px; + padding: 5px; +} + +button.text-button.image-button, button.image-text-button { + min-width: 24px; + padding: 5px; + border-radius: 12px; +} + +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: 11px; +} + +button.text-button.image-button label:last-child, button.image-text-button label:last-child { + margin-right: 11px; +} + +button.text-button.image-button.flat label:first-child, button.image-text-button.flat label:first-child { + margin-left: 7px; +} + +button.text-button.image-button.flat label:last-child, button.image-text-button.flat label:last-child { + margin-right: 7px; +} + +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: #313244; + 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 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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: #589ed7; + color: #eff1f5; + border-color: #589ed7; +} + +button.card:checked:hover { + background-image: none; + outline-color: transparent; + background-color: #6daadc; + color: #eff1f5; +} + +button.card:checked:disabled { + outline-color: transparent; + background-color: rgba(88, 158, 215, 0.35); + color: rgba(239, 241, 245, 0.5); +} + +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: #f5a97f; + box-shadow: inset 0 0 0 1px #f5a97f; +} + +.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: 5px; + box-shadow: none; + background-color: rgba(0, 0, 0, 0.35); + color: #eff1f5; + 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: #eff1f5; +} + +button.osd:active { + background-color: rgba(0, 0, 0, 0.65); + color: #eff1f5; +} + +button.osd:disabled { + background-color: rgba(0, 0, 0, 0.15); + color: rgba(239, 241, 245, 0.35); +} + +button.suggested-action { + background-color: #8aadf4; + color: rgba(36, 39, 58, 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 { + background-color: rgba(113, 140, 198, 0.961); + color: rgba(36, 39, 58, 0.87); +} + +button.suggested-action:checked { + background-color: rgba(113, 140, 198, 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(138, 173, 244, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #8aadf4; +} + +button.suggested-action.flat:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(138, 173, 244, 0.3); +} + +button.destructive-action { + background-color: #ed8796; + color: rgba(36, 39, 58, 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 { + background-color: rgba(187, 111, 127, 0.961); + color: rgba(36, 39, 58, 0.87); +} + +button.destructive-action:checked { + background-color: rgba(187, 111, 127, 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(237, 135, 150, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #ed8796; +} + +button.destructive-action.flat:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +button.destructive-action.flat:checked { + background-color: rgba(237, 135, 150, 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; +} + +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, windowcontrols > button:not(.suggested-action):not(.destructive-action), headerbar button.star, filechooser #pathbarbox > stack > box > button, menubutton.circular > button, button.close, button.circular { + border-radius: 9999px; +} + +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, windowcontrols > button:not(.suggested-action):not(.destructive-action) label, headerbar button.star label, filechooser #pathbarbox > stack > box > button label, menubutton.circular > button label, button.close label, button.circular label { + padding: 0; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #8aadf4; + color: #eff1f5; +} + +menubutton.destructive-action { + background-color: #ed8796; + color: #eff1f5; +} + +menubutton.opaque { + background-color: #4d4f5f; + color: #eff1f5; +} + +menubutton.suggested-action, menubutton.destructive-action, menubutton.opaque { + border-radius: 12px; +} + +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: 12px; +} + +splitbutton, splitbutton > separator { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + transition-property: background; +} + +splitbutton > separator { + margin-top: 6px; + margin-bottom: 6px; + background: none; +} + +splitbutton > menubutton > button { + padding: 5px 9px; +} + +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: 12px; +} + +splitbutton.suggested-action { + background-color: #8aadf4; + color: #eff1f5; +} + +splitbutton.destructive-action { + background-color: #ed8796; + color: #eff1f5; +} + +splitbutton.opaque { + background-color: #4d4f5f; + 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 100ms cubic-bezier(0.15, 1, 0.3, 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: 12px; + border-bottom-left-radius: 12px; +} + +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > button:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > button:only-child { + border-radius: 12px; +} + +.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: 12px; + border-top-right-radius: 12px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child { + border-radius: 12px; +} + +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 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #ed8796; + color: rgba(36, 39, 58, 0.87); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 12px; + color: #eff1f5; +} + +calendar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +calendar:selected { + border-radius: 12px; +} + +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: 12px; + 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); +} + +/************************* + * Check and Radio items * + *************************/ +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 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 75ms cubic-bezier(0.15, 1, 0.3, 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(239, 241, 245, 0.7); + background-color: #589ed7; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(88, 158, 215, 0.15); + background-color: #81b6e1; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(88, 158, 215, 0.2); + background-color: #589ed7; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(88, 158, 215, 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: #eff1f5; + background-color: #589ed7; +} + +checkbutton.selection-mode { + border-radius: 9999px; +} + +checkbutton.selection-mode check, +checkbutton.selection-mode radio { + padding: 6px; + border-radius: 9999px; +} + +checkbutton.selection-mode check:checked, checkbutton.selection-mode check:indeterminate, +checkbutton.selection-mode radio:checked, +checkbutton.selection-mode radio:indeterminate { + color: #eff1f5; + background-color: #589ed7; +} + +checkbutton.selection-mode label:dir(ltr) { + margin-right: 6px; +} + +checkbutton.selection-mode label:dir(rtl) { + margin-left: 6px; +} + +/***************** + * Color Chooser * + *****************/ +colorswatch.top { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.top overlay { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +colorswatch.bottom { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +colorswatch.dark { + color: #eff1f5; +} + +colorswatch.light { + color: rgba(36, 39, 58, 0.87); +} + +colorchooser colorswatch:hover { + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); + box-shadow: 0 0 0 2px #589ed7; +} + +colorswatch#add-color-button { + border-radius: 12px 0 0 12px; + color: #eff1f5; +} + +colorswatch#add-color-button:only-child { + border-radius: 12px; +} + +colorswatch#add-color-button overlay { + background-color: rgba(239, 241, 245, 0.04); +} + +colorswatch#add-color-button overlay:hover { + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +colorswatch#add-color-button overlay:active { + background-color: rgba(239, 241, 245, 0.3); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + box-shadow: none; +} + +colorswatch#editor-color-sample { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay { + border-radius: 12px; +} + +colorswatch#editor-color-sample overlay:hover { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.04); +} + +colorchooser .popover.osd { + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); + border-radius: 12px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px rgba(239, 241, 245, 0.1); +} + +columnview:drop(active), treeview.view:drop(active) { + box-shadow: none; +} + +columnview:drop(active).after, treeview.view:drop(active).after { + border-top-style: none; +} + +columnview:drop(active).before, treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview > header > button, treeview.view > header > button { + padding: 3px 6px; + border-style: none solid solid none; + border-width: 0 1px 0 0; + border-color: transparent; + border-radius: 9px; + background-clip: border-box; + box-shadow: none; + line-height: 100%; + border-left: 8px solid transparent; + margin: 10px 0 0 0; +} + +columnview > 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 > header > button, treeview.view > header > button, columnview > header > button:disabled { + background-color: transparent; +} + +columnview > header > button:last-child, treeview.view > header > button:last-child { + border-right-style: none; +} + +columnview button.dnd, treeview.view button.dnd, +columnview header.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: #292c3c; + background-clip: border-box; + color: #589ed7; +} + +columnview acceleditor > label, treeview.view acceleditor > label { + background-color: #589ed7; +} + +columnview > listview > row, treeview.view > listview > row { + padding: 0; +} + +columnview > listview > row > cell, treeview.view > listview > row > cell { + padding: 8px 6px; +} + +columnview > listview > row > cell:not(:first-child), treeview.view > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; +} + +columnview.column-separators > listview > row > cell, treeview.column-separators.view > listview > row > cell { + border-left-color: rgba(239, 241, 245, 0.12); +} + +columnview.data-table > listview > row > cell, treeview.data-table.view > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within, treeview.view 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, treeview.view row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #589ed7; +} + +columnview row:not(:selected) cell editablelabel.editing text selection, treeview.view row:not(:selected) cell editablelabel.editing text selection { + color: #eff1f5; + background-color: #589ed7; +} + +window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button { + border-radius: 9px; + min-height: 28px; + padding: 6px 12px; + margin: 0; + border: none; +} + +/**************** + * 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: #292c3c; + color: #eff1f5; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/****************** + * GtkAboutDialog * + ******************/ +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: 12px; +} + +/**************** + * GtkAssistant * + ****************/ +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 34px; + padding: 0 12px; + color: rgba(239, 241, 245, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: #eff1f5; +} + +/************** + * ComboBoxes * + **************/ +combobox button { + padding-top: 2px; + padding-bottom: 2px; + min-height: 30px; +} + +/*************** + * GtkIconView * + ***************/ +iconview:hover, iconview:selected { + border-radius: 6px; +} + +/************** + * 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: #292c3c; + 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: #589ed7; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #589ed7; + color: #eff1f5; +} + +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: #eff1f5; +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: #eff1f5; +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #4392d2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #eed49f; + color: rgba(36, 39, 58, 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(36, 39, 58, 0.87); +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: rgba(36, 39, 58, 0.87); +} + +infobar.warning:hover > revealer > box { + background-color: #eaca89; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #ed8796; + color: rgba(36, 39, 58, 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(36, 39, 58, 0.87); +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: rgba(36, 39, 58, 0.87); +} + +infobar.error:hover > revealer > box { + background-color: #ea7183; +} + +/**************** + * GtkStatusBar * + ****************/ +statusbar { + padding: 6px 18px; +} + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #434553; + border-top-color: #434553; +} + +treeview.view:hover, treeview.view:selected { + border-radius: 0; +} + +treeview.view:focus { + box-shadow: none; + outline: none; +} + +treeview.view.separator { + min-height: 5px; + color: rgba(239, 241, 245, 0.12); +} + +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: alpha(currentColor, 0.06); +} + +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: rgba(239, 241, 245, 0.7); +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #eff1f5; +} + +treeview.view.expander:selected { + color: #eff1f5; +} + +treeview.view.expander:selected:hover { + color: #eff1f5; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +treeview.view.progressbar { + border-bottom: 6px solid #589ed7; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +treeview.view.trough { + border-bottom: 6px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +treeview.view.trough:selected:hover { + box-shadow: none; +} + +treeview entry.flat, treeview entry { + background-color: #292c3c; +} + +treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { + border-image: none; + box-shadow: none; +} + +stack.view treeview.view { + min-height: 34px; +} + +/******************** + * GtkShortcutLabel * + ********************/ +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: 13px; + box-shadow: inset 0 -2px rgba(239, 241, 245, 0.12); + background-color: #292c3c; + color: #eff1f5; + font-size: smaller; +} + +/********************** + * GtkShortcutsWindow * + **********************/ +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +shortcut { + border-spacing: 6px; +} + +flap > dimming, +leaflet > dimming { + background-color: rgba(36, 39, 58, 0.2); + background-image: none; +} + +flap > border, +leaflet > border { + background-color: transparent; + background-image: none; +} + +flap > shadow, +leaflet > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(36, 39, 58, 0.2), 0.7), alpha(rgba(36, 39, 58, 0.2), 0.14) 40px, alpha(rgba(36, 39, 58, 0.2), 0) 56px), linear-gradient(to right, alpha(rgba(36, 39, 58, 0.2), 0.4), alpha(rgba(36, 39, 58, 0.2), 0.14) 7px, alpha(rgba(36, 39, 58, 0.2), 0) 24px); +} + +flap > shadow.right, +leaflet > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(36, 39, 58, 0.2), 0.7), alpha(rgba(36, 39, 58, 0.2), 0.14) 40px, alpha(rgba(36, 39, 58, 0.2), 0) 56px), linear-gradient(to left, alpha(rgba(36, 39, 58, 0.2), 0.4), alpha(rgba(36, 39, 58, 0.2), 0.14) 7px, alpha(rgba(36, 39, 58, 0.2), 0) 24px); +} + +flap > shadow.up, +leaflet > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(36, 39, 58, 0.2), 0.7), alpha(rgba(36, 39, 58, 0.2), 0.14) 40px, alpha(rgba(36, 39, 58, 0.2), 0) 56px), linear-gradient(to bottom, alpha(rgba(36, 39, 58, 0.2), 0.4), alpha(rgba(36, 39, 58, 0.2), 0.14) 7px, alpha(rgba(36, 39, 58, 0.2), 0) 24px); +} + +flap > shadow.down, +leaflet > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(36, 39, 58, 0.2), 0.7), alpha(rgba(36, 39, 58, 0.2), 0.14) 40px, alpha(rgba(36, 39, 58, 0.2), 0) 56px), linear-gradient(to top, alpha(rgba(36, 39, 58, 0.2), 0.4), alpha(rgba(36, 39, 58, 0.2), 0.14) 7px, alpha(rgba(36, 39, 58, 0.2), 0) 24px); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 0; + padding: 0; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: #589ed7; +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border: none; +} + +/************* + * dropdowns * + *************/ +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: -1px; +} + +dropdown button.combo cellview:dir(rtl), +combobox button.combo cellview:dir(rtl) { + margin-right: -1px; +} + +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: 12px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):first-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):first-child { + margin-right: -34px; + padding-right: 34px; +} + +dropdown > .linked:not(.vertical) > entry:not(:only-child):last-child, +combobox > .linked:not(.vertical) > entry:not(:only-child):last-child { + margin-left: -34px; + padding-left: 34px; +} + +dropdown > .linked:not(.vertical) > button:not(:only-child), +combobox > .linked:not(.vertical) > button:not(:only-child) { + min-height: 16px; + min-width: 16px; + margin: 5px; + padding: 4px; + border-radius: 12px; +} + +.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: 12px; + font-weight: normal; + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 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: #589ed7; + outline: 2px solid rgba(88, 158, 215, 0.25); + outline-offset: -2px; +} + +button.combo:only-child:hover { + background-color: alpha(currentColor, 0.08); + color: #589ed7; +} + +button.combo:only-child:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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; +} + +/********* + * 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: 12px; +} + +button.emoji-section:checked { + color: #589ed7; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + border-radius: 12px; +} + +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; +} + +/**************** + * Text Entries * + ****************/ + +entry headerbar popover.background entry, +headerbar popover.background entry entry, +entry { + min-height: 30px; + padding: 2px 10px; + border-spacing: 6px; + border-radius: 12px; + caret-color: currentColor; + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 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 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: #eff1f5; + outline: 2px solid #589ed7; + 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 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 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 1px; +} + + +entry headerbar popover.background entry > image.right, +headerbar popover.background entry entry > image.right, +entry > image.right { + margin: 0 1px 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 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(237, 135, 150, 0.1); + color: rgba(237, 135, 150, 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 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: rgba(237, 135, 150, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #ed8796; + outline: 2px solid #ed8796; + 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 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #ed8796; + 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(237, 135, 150, 0.1); + color: rgba(237, 135, 150, 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(237, 135, 150, 0.25); + color: #ed8796; +} + + +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(237, 135, 150, 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: #ed8796; +} + + +entry headerbar popover.background entry.error > image:disabled, +headerbar popover.background entry entry.error > image:disabled, +entry.error > image:disabled { + color: rgba(237, 135, 150, 0.35); +} + + +entry headerbar popover.background entry.warning, +headerbar popover.background entry entry.warning, +entry.warning { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(238, 212, 159, 0.1); + color: rgba(238, 212, 159, 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 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: rgba(238, 212, 159, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #eed49f; + outline: 2px solid #eed49f; + 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 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eed49f; + 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(238, 212, 159, 0.1); + color: rgba(238, 212, 159, 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(238, 212, 159, 0.25); + color: #eed49f; +} + + +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(238, 212, 159, 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: #eed49f; +} + + +entry headerbar popover.background entry.warning > image:disabled, +headerbar popover.background entry entry.warning > image:disabled, +entry.warning > image:disabled { + color: rgba(238, 212, 159, 0.35); +} + + +entry headerbar popover.background entry.success, +headerbar popover.background entry entry.success, +entry.success { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(166, 218, 149, 0.1); + color: rgba(166, 218, 149, 0.75); + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.success:focus-within, +headerbar popover.background entry entry.success:focus-within, +entry.success:focus-within { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: rgba(166, 218, 149, 0.1); + box-shadow: inset 0 0 0 2px transparent; + color: #a6da95; + outline: 2px solid #a6da95; + 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 120ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #a6da95; + outline: 0 solid transparent; + outline-offset: 2px; + outline: none; +} + + +entry headerbar popover.background entry.success:disabled, +headerbar popover.background entry entry.success:disabled, +entry.success:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(166, 218, 149, 0.1); + color: rgba(166, 218, 149, 0.35); + outline: none; + outline: none; +} + + +entry headerbar popover.background entry.success > text > selection, +headerbar popover.background entry entry.success > text > selection, +entry.success > text > selection { + background-color: rgba(166, 218, 149, 0.25); + color: #a6da95; +} + + +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, 218, 149, 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: #a6da95; +} + + +entry headerbar popover.background entry.success > image:disabled, +headerbar popover.background entry entry.success > image:disabled, +entry.success > image:disabled { + color: rgba(166, 218, 149, 0.35); +} + + +entry > progress, +entry progress > trough > progress { + margin: 0 -4px; + border-bottom: 2px solid #589ed7; + 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; +} + +.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); +} + +/************* + * Expanders * + *************/ +expander { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 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: 12px; +} + +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; +} + +/**************** + * File chooser * + ****************/ +filechooser paned > separator { + background: rgba(239, 241, 245, 0.12); +} + +filechooser .dialog-action-box { + border: none; +} + +filechooser #pathbarbox { + border: none; + background-color: transparent; +} + +filechooser stack.view frame > border { + border: none; +} + +filechooserbutton > button > box { + border-spacing: 6px; +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + +filechooser child.activatable filelistcell.dim-label, filechooser child.activatable row.property > box.header > box.title > filelistcell.title { + color: rgba(239, 241, 245, 0.7); +} + +placessidebar { + background-color: transparent; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.15, 1, 0.3, 1); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.15, 1, 0.3, 1); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + border-spacing: 6px; +} + +/*************** + * 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:active:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; + background-color: #589ed7; +} + +headerbar button:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(36, 39, 58, 0.87); + background-color: #589ed7; +} + +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 { + min-height: 46px; + background-color: #24273a; + color: #eff1f5; + box-shadow: none; + border: none; + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1), color 120ms cubic-bezier(0.15, 1, 0.3, 1); + padding: 0; + margin: 0; +} + +headerbar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +headerbar:backdrop { + background-color: #24273a; + color: rgba(239, 241, 245, 0.7); + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); +} + +headerbar:backdrop:disabled { + color: rgba(239, 241, 245, 0.32); +} + +headerbar.flat, headerbar.flat:backdrop { + background: none; + box-shadow: none; + transition: none; +} + +headerbar .title { + padding-left: 6px; + padding-right: 6px; + margin: 0 -13px; + 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 120ms cubic-bezier(0.15, 1, 0.3, 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 12px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar splitbutton, +headerbar button.back, +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: 5px; +} + +headerbar .linked:not(.vertical) > entry:not(:only-child) { + border-radius: 12px; +} + +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: 11px; + margin-bottom: 11px; +} + +headerbar.selection-mode { + transition: background-color 0.1ms 100ms, color 120ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: #589ed7; + color: #eff1f5; +} + +headerbar.selection-mode:backdrop { + color: rgba(239, 241, 245, 0.7); +} + +headerbar.selection-mode .subtitle:link { + color: #eff1f5; +} + +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: 34px; + padding: 0; + margin: 0; + border: none; + outline: 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: #24273a cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(88, 158, 215, 0.1)), linear-gradient(to top, #2a2d43 3px, #2e324a); +} + +window.devel headerbar:backdrop { + background: #24273a cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#24273a); + /* background-color would flash */ +} + +/****************** + * Windows button * + ******************/ +window.background.chromium headerbar.header-bar.titlebar button.titlebutton, windowcontrols > button:not(.suggested-action):not(.destructive-action) { + min-height: 16px; + min-width: 16px; + padding: 0; + margin: 16px 0; +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton, windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); + background-color: alpha(currentColor, 0.1); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton > image, windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton > image, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton > image, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image { + padding: 2px; + color: alpha(currentColor, 0.5); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:hover, windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:hover, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:hover, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) { + background-color: alpha(currentColor, 0.15); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:hover > image, windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:hover > image, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:hover > image, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) > image { + color: rgba(239, 241, 245, 0.7); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:active, windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:active, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:active, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + background-color: alpha(currentColor, 0.2); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:active > image, windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:active > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:active > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + color: rgba(239, 241, 245, 0.7); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:backdrop, windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:backdrop, windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:backdrop, windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) { + background-color: alpha(currentColor, 0.1); + color: rgba(239, 241, 245, 0.7); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:backdrop:hover, windowcontrols > button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:backdrop:hover, windowcontrols > button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:backdrop:hover, windowcontrols > button.close:backdrop:hover:not(.suggested-action):not(.destructive-action) { + background-color: alpha(currentColor, 0.15); + color: rgba(239, 241, 245, 0.7); +} + +/********************* + * GtkWindowControls * + *********************/ +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; +} + +/****************** + * AdwWindowTitle * + ******************/ +headerbar .title, +windowtitle .title { + padding-left: 12px; + padding-right: 12px; + font-weight: bold; +} + +headerbar .subtitle, +windowtitle .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; +} + +windowtitle { + margin-top: -6px; + margin-bottom: -6px; + min-height: 12px; +} + +/************ + * Pathbars * + ************/ +.pathbar { + background-color: alpha(currentColor, 0.08); + border-radius: 12px; + padding: 0; +} + +.pathbar button { + margin: 0; +} + +headerbar .pathbar button { + margin: 0; +} + +.top-bar { + box-shadow: none; + background: none; + border: none; +} + +.top-bar headerbar, .top-bar headerbar:backdrop { + background-color: transparent; + box-shadow: none; +} + +.top-bar .collapse-spacing { + padding: 0; +} + +/********** + * Labels * + **********/ +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: 12px; + background-color: rgba(30, 33, 49, 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: #589ed7; +} + +.success { + color: #a6da95; +} + +.warning { + color: #eed49f; +} + +.error { + color: #ed8796; +} + +/********************** + * General Typography * + **********************/ +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption { + font-weight: 400; + font-size: 9pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +/******************* + * Editable Labels * + *******************/ +editablelabel > stack > text { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 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; +} + +/************* + * Level Bar * + *************/ +levelbar.horizontal block { + min-height: 6px; +} + +levelbar.horizontal.discrete block { + min-width: 34px; +} + +levelbar.horizontal.discrete block:not(:last-child) { + margin-right: 2px; +} + +levelbar.vertical block { + min-width: 6px; +} + +levelbar.vertical.discrete block { + min-height: 34px; +} + +levelbar.vertical.discrete block:not(:last-child) { + margin-bottom: 2px; +} + +levelbar trough { + border-radius: 12px; +} + +levelbar block.low { + background-color: #eed49f; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #589ed7; +} + +levelbar block.full { + background-color: #a6da95; +} + +levelbar block.empty { + background-color: rgba(239, 241, 245, 0.12); +} + +/********* + * Links * + *********/ +link { + color: #8bc1df; +} + +link:visited { + color: #c6a0f6; +} + +button.link:link, button.link:link:focus, button.link:link:hover, button.link:link:active { + color: #8bc1df; +} + +button.link:visited, button.link:visited:focus, button.link:visited:hover, button.link:visited:active { + color: #c6a0f6; +} + +button.link > label { + text-decoration-line: underline; +} + +/********* + * Lists * + *********/ +notebook.frame frame > list, list.content, +list.boxed-list { + border-radius: 13px; + box-shadow: none; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.04); +} + +listview, +list { + background-color: rgba(239, 241, 245, 0.04); + background-clip: padding-box; + border-color: rgba(239, 241, 245, 0.12); +} + +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: 12px; +} + +listview.view { + color: #eff1f5; + background-color: transparent; +} + +popover.menu listview.view { + padding: 0; + border-radius: 12px; +} + +popover.menu listview.view > row { + margin-left: 0; + margin-right: 0; + border-radius: 12px; +} + +row { + color: rgba(239, 241, 245, 0.7); + background-clip: padding-box; +} + +row.activatable { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 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%; +} + +row.activatable:focus { + color: #eff1f5; + background-color: transparent; + box-shadow: none; + outline: none; +} + +row.activatable:hover, row.activatable.has-open-popup { + color: #eff1f5; + background-color: alpha(currentColor, 0.05); + box-shadow: none; +} + +row.activatable:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, font-weight 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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; +} + +row.activatable:selected { + background-color: alpha(currentColor, 0.06); +} + +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: #eff1f5; +} + +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 Lists * + * Large list usually containing lots of widgets * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * + *******************************************************/ +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 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; +} + +/**************** + * AdwActionRow * + ****************/ +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 > .title { + font-weight: 400; + font-size: 9pt; +} + +row.property > box.header > box.title > .title-heading { + font-weight: 700; + font-size: 9pt; +} + +row.property > box.header > box.title > .subtitle { + font-size: inherit; + opacity: 1; +} + +/****************************** + * AdwEntryRow and AdwSpinRow * + ******************************/ +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(#ed8796, 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: #ed8796; + color: rgba(36, 39, 58, 0.87); +} + +row.entry.warning text > selection:focus-within, +row.spin.warning text > selection:focus-within { + background-color: alpha(#eed49f, 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: #eed49f; + color: rgba(36, 39, 58, 0.87); +} + +row.entry.success text > selection:focus-within, +row.spin.success text > selection:focus-within { + background-color: alpha(#a6da95, 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: #a6da95; + color: rgba(36, 39, 58, 0.87); +} + +/*************** + * AdwComboRow * + ***************/ +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 { + border-radius: 0px 0px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(239, 241, 245, 0.12), 0.75), transparent 4px); +} + +/****************** + * AdwExpanderRow * + ******************/ +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.15, 1, 0.3, 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: #589ed7; +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +/***************** + * Boxed Lists * + *****************/ +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: 12px; + border-top-right-radius: 12px; +} + +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: 12px; + border-bottom-right-radius: 12px; + border-bottom-width: 0; +} + +/********************** + * 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: -2px; + margin-right: 6px; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 6px; + margin-right: -2px; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +popover.menu modelbutton { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: #eff1f5; + font: initial; + border-radius: 12px; +} + +popover.menu modelbutton:hover { + transition: none; + background-color: rgba(239, 241, 245, 0.04); + color: #589ed7; +} + +popover.menu modelbutton:hover accelerator { + color: #589ed7; +} + +popover.menu modelbutton:hover accelerator:disabled { + color: rgba(239, 241, 245, 0.5); +} + +popover.menu modelbutton:focus:not(:hover) { + transition: none; + box-shadow: none; + outline: none; +} + +popover.menu modelbutton:disabled { + color: rgba(239, 241, 245, 0.5); +} + +popover.menu modelbutton accelerator { + color: rgba(239, 241, 245, 0.5); + margin-left: 30px; +} + +popover.menu modelbutton accelerator:disabled { + color: rgba(239, 241, 245, 0.12); +} + +popover.menu modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover.menu modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +/********* + * Menus * + *********/ +menubar { + padding: 0; + background-color: #24273a; + color: #eff1f5; +} + +menubar:backdrop { + background-color: #24273a; + color: rgba(239, 241, 245, 0.7); +} + +.csd menubar { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +menubar > item { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 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; +} + +/******************** + * GtkMessageDialog * + ********************/ +window.dialog.message.background { + background-color: #24273a; +} + +window.dialog.message box.dialog-vbox.vertical { + margin-top: 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; + background-color: #24273a; + color: #eff1f5; +} + +window.dialog.message .titlebar:backdrop { + background-color: #24273a; + color: rgba(239, 241, 245, 0.7); +} + +window.dialog.message .dialog-action-area { + padding: 18px; + border-spacing: 18px; +} + +window.dialog.message .dialog-action-area > button { + border: none; +} + +window.dialog.message .dialog-action-area > button:not(.suggested-action):not(.destructive-action) { + border-radius: 9px; + background-color: rgba(239, 241, 245, 0.04); +} + +window.dialog.message .dialog-action-area > button:not(.suggested-action):not(.destructive-action):hover { + background-color: alpha(currentColor, 0.08); + color: #589ed7; +} + +window.dialog.message .dialog-action-area > button:not(.suggested-action):not(.destructive-action):active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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; +} + +window.dialog.message .dialog-action-area > button.suggested-action, window.dialog.message .dialog-action-area > button.destructive-action { + border-radius: 9px; + background-color: #e65b6f; + color: rgba(36, 39, 58, 0.87); +} + +/******************** + * AdwMessageDialog * + ********************/ +window.messagedialog { + background-color: #292c3c; + color: #eff1f5; + padding: 6px; +} + +window.messagedialog .message-area { + padding: 24px 30px; + border-spacing: 10px; +} + +window.messagedialog .response-area { + border-spacing: 6px; +} + +window.messagedialog .response-area button.suggested { + background-color: #6593f0; + color: rgba(36, 39, 58, 0.87); + /* color: $primary; */ +} + +window.messagedialog .response-area button.destructive { + background-color: #e65b6f; + color: rgba(36, 39, 58, 0.87); + /* color: $destructive; */ +} + +window.messagedialog .response-area separator { + background: none; + margin: 3px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(239, 241, 245, 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 12px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 12px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +/************** + * Separators * + **************/ +separator { + min-width: 1px; + min-height: 1px; + background-color: transparent; +} + +stacksidebar + separator.vertical, +stacksidebar separator.horizontal, button.font separator, button.file separator, separator.spacer, separator.sidebar { + min-width: 0; + min-height: 0; + background-color: transparent; + background-image: none; +} + +/********** + * Toasts * + **********/ +toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2), 0 4px 14px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; + color: #eff1f5; + border: none; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > label { + margin: 0 6px; +} + +/************ + * GtkVideo * + ************/ +vide { + background: black; + border-radius: 12px; +} + +vide image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/****************** + * AdwAboutWindow * + ******************/ +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: #589ed7; + border-radius: 12px; + margin-top: 3px; +} + +window.about .subpage > viewport > clamp > box { + margin: 18px 12px; + border-spacing: 18px; +} + +window.about .subpage > clamp > textview { + background: none; + color: inherit; +} + +/***************** + * AdwStatusPage * + *****************/ +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; +} + +/* Cards */ +.card { + border-radius: 12px; + 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: rgba(239, 241, 245, 0.04); + color: #eff1f5; +} + +.card.activatable { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 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; + background-color: rgba(239, 241, 245, 0.04); +} + +.card.activatable:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +.card.activatable:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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; +} + +/* Transition shadows */ +navigation-view > dimming, +overlay-split-view > dimming { + background-color: rgba(36, 39, 58, 0.2); + background-image: none; +} + +navigation-view > border, +overlay-split-view > border { + background-color: transparent; + background-image: none; +} + +navigation-view > shadow, +overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +navigation-view > shadow.left, +overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(36, 39, 58, 0.2), 0.7), alpha(rgba(36, 39, 58, 0.2), 0.14) 40px, alpha(rgba(36, 39, 58, 0.2), 0) 56px), linear-gradient(to right, alpha(rgba(36, 39, 58, 0.2), 0.4), alpha(rgba(36, 39, 58, 0.2), 0.14) 7px, alpha(rgba(36, 39, 58, 0.2), 0) 24px); +} + +navigation-view > shadow.right, +overlay-split-view > shadow.right { + background-image: linear-gradient(to left, alpha(rgba(36, 39, 58, 0.2), 0.7), alpha(rgba(36, 39, 58, 0.2), 0.14) 40px, alpha(rgba(36, 39, 58, 0.2), 0) 56px), linear-gradient(to left, alpha(rgba(36, 39, 58, 0.2), 0.4), alpha(rgba(36, 39, 58, 0.2), 0.14) 7px, alpha(rgba(36, 39, 58, 0.2), 0) 24px); +} + +navigation-view > shadow.up, +overlay-split-view > shadow.up { + background-image: linear-gradient(to bottom, alpha(rgba(36, 39, 58, 0.2), 0.7), alpha(rgba(36, 39, 58, 0.2), 0.14) 40px, alpha(rgba(36, 39, 58, 0.2), 0) 56px), linear-gradient(to bottom, alpha(rgba(36, 39, 58, 0.2), 0.4), alpha(rgba(36, 39, 58, 0.2), 0.14) 7px, alpha(rgba(36, 39, 58, 0.2), 0) 24px); +} + +navigation-view > shadow.down, +overlay-split-view > shadow.down { + background-image: linear-gradient(to top, alpha(rgba(36, 39, 58, 0.2), 0.7), alpha(rgba(36, 39, 58, 0.2), 0.14) 40px, alpha(rgba(36, 39, 58, 0.2), 0) 56px), linear-gradient(to top, alpha(rgba(36, 39, 58, 0.2), 0.4), alpha(rgba(36, 39, 58, 0.2), 0.14) 7px, alpha(rgba(36, 39, 58, 0.2), 0) 24px); +} + +.content-view { + background-color: #24273a; +} + +/************* + * 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: 9px; + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 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: #589ed7; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: #589ed7; +} + +notebook > header > tabs > tab:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +notebook > header > tabs > tab:active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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; + background-color: #292c3c; + color: #eff1f5; + box-shadow: none; +} + +notebook > header > tabs > tab:checked { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(239, 241, 245, 0.04); + color: #589ed7; + 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: rgba(239, 241, 245, 0.04); + border-radius: 15px; +} + +notebook.frame frame > border { + border: none; + border-radius: 9px; +} + +notebook.frame frame > list row.activatable { + border-radius: 12px; +} + +notebook > header { + border: none; + background-color: rgba(239, 241, 245, 0.04); + margin: 3px; + border-radius: 12px; +} + +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: 12px; +} + +notebook > header > tabs > tab { + margin: 6px; +} + +notebook > header > tabs > tab > box { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 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: 12px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#434553); + background-size: 1px 1px; + background-clip: content-box; + box-shadow: none; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #24273a; + background-image: image(#434553), image(#434553); + 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; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover > arrow, +popover > contents { + padding: 6px; + color: #eff1f5; + background-color: #292c3c; + background-clip: padding-box; + border-radius: 12px; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(36, 39, 58, 0.75); + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); + border: 1px solid mix(white,#292c3c,0.92); +} + +popover > arrow { + border: 1px solid mix(white,#292c3c,0.92); +} + +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: 15px 10px; +} + +popover > contents list separator { + margin: 0; +} + +popover > contents list > row { + border-radius: 12px; +} + +popover > contents stack > box { + padding: 0; +} + +popover > contents > box > button { + margin: 0; +} + +popover .view:not(:selected), +popover toolbar { + background-color: #292c3c; +} + +popover button, +popover entry, +popover combobox { + border-radius: 12px; +} + +popover .linked > button:not(.radio) { + border-radius: 0; +} + +popover .linked > button:not(.radio):first-child { + border-radius: 12px 0 0 12px; +} + +popover .linked > button:not(.radio):last-child { + border-radius: 0 12px 12px 0; +} + +popover .linked > button:not(.radio):only-child { + border-radius: 12px; +} + +popover.menu button, +popover button.model { + min-height: 32px; + padding: 0 8px; +} + +.osd popover, popover.touch-selection, popover.magnifier { + background-color: transparent; +} + +/*************** + * Preferences * + ***************/ +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; +} + +/***************** + * 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: 12px; + background-color: rgba(239, 241, 245, 0.12); +} + +progressbar progress { + border-radius: 12px; + background-color: #589ed7; +} + +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: #589ed7; +} + +progressbar trough.empty progress { + all: unset; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 16px 12px; +} + +scale.vertical { + padding: 12px 16px; +} + +scale > trough { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 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 120ms cubic-bezier(0.15, 1, 0.3, 1); + background-image: image(#589ed7); +} + +scale > trough > highlight:disabled { + background-color: #24273a; + background-image: image(rgba(239, 241, 245, 0.32)); +} + +scale > trough > fill { + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 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 120ms cubic-bezier(0.15, 1, 0.3, 1); + border-radius: 9999px; + color: #589ed7; + background-color: #313244; + box-shadow: inset 0 0 0 2px #589ed7; +} + +scale > trough > slider:hover { + box-shadow: inset 0 0 0 2px #589ed7, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale > trough > slider:active { + box-shadow: inset 0 0 0 4px #589ed7, 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: 15px; + padding-bottom: 15px; +} + +scale.fine-tune.vertical { + min-width: 4px; + padding-left: 15px; + padding-right: 15px; +} + +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(45deg); + border-bottom-right-radius: 0; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +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; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.15, 1, 0.3, 1); + outline: none; +} + +scrollbar, +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar > range > trough { + background: none; + padding: 0; + margin: 0; + border: none; + outline: none; + transition: none; +} + +scrollbar > range > trough > slider { + min-width: 6px; + min-height: 6px; + margin: 0; + border: none; + border-radius: 9999px; + background-clip: padding-box; + box-shadow: none; + outline: none; + transition: all 200ms linear; + background-color: rgba(239, 241, 245, 0.5); +} + +scrollbar > range > trough > slider:hover { + background-color: rgba(239, 241, 245, 0.32); +} + +scrollbar > range > trough > slider:active { + background-color: rgba(239, 241, 245, 0.7); +} + +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.overlay-indicator { + background: none; + color: inherit; + box-shadow: none; + padding: 0; +} + +scrollbar.overlay-indicator > range > trough { + outline: none; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 9999px; + margin: 6px; +} + +scrollbar.overlay-indicator > range > trough > slider { + outline: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.5; + border-color: transparent; + background-color: transparent; + box-shadow: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough { + background-color: transparent; + border: none; + margin: 6px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { + margin: 0; + min-width: 4px; + min-height: 4px; + border: none; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal > range > trough > slider { + min-width: 40px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical > range > trough > slider { + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 1; +} + +scrollbar.horizontal > range > trough > slider { + min-width: 40px; +} + +scrollbar.vertical > range > trough > slider { + min-height: 40px; +} + +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 { + border-radius: 0px 0px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-bottom > undershoot.bottom { + border-radius: 0 0 0px 0px; + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + border-radius: 0 0px 0px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + border-radius: 0px 0 0 0px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +scrolledwindow > undershoot { + background-image: none; + box-shadow: none; + border: none; +} + +/************ + * Sidebars * + ************/ +leaflet.unfolded > box > scrolledwindow, .tweak-titlebar-left:backdrop, .tweak-titlebar-left, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow, leaflet.unfolded .contacts-contact-list > scrolledwindow, agenda-view list.background, .sidebar-pane .sidebar > scrolledwindow, +.sidebar-pane toolbarview > scrolledwindow, +.sidebar-pane navigation-view-page stack > scrolledwindow, .sidebar-pane, placessidebar > scrolledwindow { + background-color: #262636; + background-color: #2c2f41; + color: #eff1f5; + border-radius: 0; + margin: 0; +} + +leaflet.unfolded > box > scrolledwindow .dim-label, .tweak-titlebar-left .dim-label, leaflet.unfolded .contacts-contact-list > scrolledwindow .dim-label, agenda-view list.background .dim-label, .sidebar-pane .sidebar > scrolledwindow .dim-label, +.sidebar-pane toolbarview > scrolledwindow .dim-label, +.sidebar-pane navigation-view-page stack > scrolledwindow .dim-label, .sidebar-pane .dim-label, placessidebar > scrolledwindow .dim-label, leaflet.unfolded > box > scrolledwindow row label.subtitle, .tweak-titlebar-left row label.subtitle, leaflet.unfolded .contacts-contact-list > scrolledwindow row label.subtitle, agenda-view list.background row label.subtitle, .sidebar-pane row label.subtitle, row leaflet.unfolded > box > scrolledwindow label.subtitle, row .tweak-titlebar-left label.subtitle, row leaflet.unfolded .contacts-contact-list > scrolledwindow label.subtitle, leaflet.unfolded row .contacts-contact-list > scrolledwindow label.subtitle, row agenda-view list.background label.subtitle, agenda-view row list.background label.subtitle, row .sidebar-pane label.subtitle, placessidebar > scrolledwindow row label.subtitle, row placessidebar > scrolledwindow label.subtitle, leaflet.unfolded > box > scrolledwindow row.property > box.header > box.title > .title, .tweak-titlebar-left row.property > box.header > box.title > .title, leaflet.unfolded .contacts-contact-list > scrolledwindow row.property > box.header > box.title > .title, agenda-view list.background row.property > box.header > box.title > .title, .sidebar-pane row.property > box.header > box.title > .title, placessidebar > scrolledwindow row.property > box.header > box.title > .title, leaflet.unfolded > box > scrolledwindow row.expander image.expander-row-arrow, .tweak-titlebar-left row.expander image.expander-row-arrow, leaflet.unfolded .contacts-contact-list > scrolledwindow row.expander image.expander-row-arrow, agenda-view list.background row.expander image.expander-row-arrow, .sidebar-pane row.expander image.expander-row-arrow, row.expander leaflet.unfolded > box > scrolledwindow image.expander-row-arrow, row.expander .tweak-titlebar-left image.expander-row-arrow, row.expander leaflet.unfolded .contacts-contact-list > scrolledwindow image.expander-row-arrow, leaflet.unfolded row.expander .contacts-contact-list > scrolledwindow image.expander-row-arrow, row.expander agenda-view list.background image.expander-row-arrow, agenda-view row.expander list.background image.expander-row-arrow, row.expander .sidebar-pane image.expander-row-arrow, placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander placessidebar > scrolledwindow image.expander-row-arrow { + color: rgba(239, 241, 245, 0.32); +} + +leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider, placessidebar > scrolledwindow > scrollbar > range > trough > slider { + background-color: rgba(239, 241, 245, 0.5); +} + +leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:hover, .sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:hover, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:hover, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:hover, placessidebar > scrolledwindow > scrollbar > range > trough > slider:hover { + background-color: rgba(239, 241, 245, 0.32); +} + +leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:active, .sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:active, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:active, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:active, placessidebar > scrolledwindow > scrollbar > range > trough > slider:active { + background-color: rgba(239, 241, 245, 0.7); +} + +leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:disabled, .sidebar-pane .sidebar > scrolledwindow > scrollbar > range > trough > slider:disabled, +.sidebar-pane toolbarview > scrolledwindow > scrollbar > range > trough > slider:disabled, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar > range > trough > slider:disabled, placessidebar > scrolledwindow > scrollbar > range > trough > slider:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + background-color: rgba(36, 39, 58, 0.38); +} + +leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, .sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button:disabled { + background-color: rgba(36, 39, 58, 0.3); +} + +.sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar, placessidebar list.navigation-sidebar { + padding: 6px 0 6px 6px; + background: none; + color: rgba(239, 241, 245, 0.7); +} + +.sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > separator, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > separator, placessidebar list.navigation-sidebar > separator { + background-color: rgba(239, 241, 245, 0.12); + margin: 10px 15px; +} + +.sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row, placessidebar list.navigation-sidebar > row { + color: rgba(36, 39, 58, 0.6); + border-radius: 9px; + color: #eff1f5; + padding: 6px 0; +} + +.sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:hover, placessidebar list.navigation-sidebar > row:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:active, placessidebar list.navigation-sidebar > row:active, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:focus, placessidebar list.navigation-sidebar > row:focus { + background-color: alpha(currentColor, 0.08); + color: #589ed7; +} + +.sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected, placessidebar list.navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.08); + color: #589ed7; + font-weight: 500; +} + +.sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:hover, placessidebar list.navigation-sidebar > row:selected:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:focus, placessidebar list.navigation-sidebar > row:selected:focus { + color: #81b6e1; +} + +leaflet.unfolded > box > scrolledwindow > scrollbar.top, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.top, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.top, .sidebar-pane .sidebar > scrolledwindow > scrollbar.top, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.top, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.top, placessidebar > scrolledwindow > scrollbar.top { + border-bottom: none; +} + +leaflet.unfolded > box > scrolledwindow > scrollbar.bottom, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.bottom, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.bottom, .sidebar-pane .sidebar > scrolledwindow > scrollbar.bottom, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.bottom, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.bottom, placessidebar > scrolledwindow > scrollbar.bottom { + border-top: none; +} + +leaflet.unfolded > box > scrolledwindow > scrollbar.left, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.left, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.left, .sidebar-pane .sidebar > scrolledwindow > scrollbar.left, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.left, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.left, placessidebar > scrolledwindow > scrollbar.left { + border-right: none; +} + +leaflet.unfolded > box > scrolledwindow > scrollbar.right, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.right, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.right, .sidebar-pane .sidebar > scrolledwindow > scrollbar.right, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.right, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.right, placessidebar > scrolledwindow > scrollbar.right { + border-left: none; +} + +leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + border: none; +} + +leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.dragging, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator.dragging, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator.dragging, placessidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.hovering, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.hovering, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.hovering, .sidebar-pane .sidebar > scrolledwindow > scrollbar.overlay-indicator.hovering, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.overlay-indicator.hovering, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.overlay-indicator.hovering, placessidebar > scrolledwindow > scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.sidebar-pane { + color: #eff1f5; + border-top-left-radius: 12px; +} + +.sidebar-pane .sidebar-pane { + background-color: transparent; + color: inherit; +} + +.sidebar-pane headerbar, +.sidebar-pane .navigation-sidebar, +.sidebar-pane searchbar > revealer > box { + background-color: transparent; + box-shadow: none; + border: none; +} + +.sidebar-pane .navigation-sidebar { + padding: 2px 4px; + background: none; + color: rgba(239, 241, 245, 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 { + border-right: 1px solid rgba(239, 241, 245, 0.12); +} + +/* Middle pane in three-pane setups */ +.content-pane .sidebar-pane, +.sidebar-pane .content-pane { + background-color: transparent; + color: #eff1f5; +} + +.content-pane .sidebar-pane:backdrop, +.sidebar-pane .content-pane:backdrop { + background-color: transparent; + transition: none; +} + +.content-pane { + background-color: #24273a; + color: #eff1f5; + border-top-right-radius: 12px; +} + +.content-pane headerbar, .content-pane headerbar:backdrop { + background-color: transparent; + box-shadow: none; + border: none; +} + +.maximized .content-pane, .fullscreen .content-pane, .tiled .content-pane, .tiled-top .content-pane, .tiled-right .content-pane, .tiled-bottom .content-pane, .tiled-left .content-pane { + border-radius: 0; + box-shadow: inset 0 1px rgba(239, 241, 245, 0.1); +} + +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: #313244; +} + +stacksidebar row { + min-height: 24px; + padding: 6px; + border-radius: 12px; +} + +stacksidebar row:selected { + font-weight: 500; +} + +stacksidebar row + row { + margin-top: 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; + color: inherit; +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 2px 4px; + border-right: none; +} + +.navigation-sidebar, .navigation-sidebar.view, .navigation-sidebar.background { + background-color: transparent; + color: inherit; +} + +.navigation-sidebar > separator { + background-color: rgba(239, 241, 245, 0.12); + margin: 10px 15px; +} + +.navigation-sidebar row.activatable label.dim-label { + color: rgba(239, 241, 245, 0.32); +} + +.navigation-sidebar > row { + min-height: 24px; + padding: 0 6px; + margin: 0; + border-radius: 9px; +} + +.navigation-sidebar > row:hover, .navigation-sidebar > row:focus-visible:focus-within { + background-color: alpha(currentColor, 0.08); + color: #589ed7; +} + +.navigation-sidebar > row:active { + background-color: alpha(currentColor, 0.12); +} + +.navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.08); + box-shadow: none; +} + +.navigation-sidebar > row:selected label, +.navigation-sidebar > row:selected image { + color: #589ed7; + font-weight: 700; +} + +.navigation-sidebar > row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +.navigation-sidebar > row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +.navigation-sidebar > row:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.navigation-sidebar > row:not(:first-child) { + margin-top: 3px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: rgba(239, 241, 245, 0.04); +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; + 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); +} + +/********************* + * 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; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 9px; + padding: 0; + border-spacing: 0; + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 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 120ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 1), box-shadow 150ms cubic-bezier(0.15, 1, 0.3, 1); + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px transparent; + color: #eff1f5; + outline: 2px solid #589ed7; + 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: 30px; + 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 12px 12px 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: 34px; + min-width: 40px; + padding: 0; +} + +spinbutton.vertical > button { + padding: 0; + margin: 6px 8px; +} + +/********** + * Switch * + **********/ +switch { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 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: #589ed7; +} + +switch:disabled { + opacity: 0.5; +} + +switch > slider { + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 0 transparent, 0 4px 10px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.06), inset 0 0 0 0.5px rgba(0, 0, 0, 0.05); + background-color: #eff1f5; + 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; +} + +/************ + * Tab View * + ************/ +tabbar tab { + min-width: 24px; + min-height: 24px; + padding: 3px 6px; + font-weight: 500; + color: rgba(239, 241, 245, 0.7); + background-clip: padding-box; + border: none; + border-radius: 9px; + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 150ms cubic-bezier(0.15, 1, 0.3, 1), background-image 200ms cubic-bezier(0.15, 1, 0.3, 1), outline 150ms cubic-bezier(0.15, 1, 0.3, 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); +} + +tabbar tab:hover:not(:selected) { + background-color: alpha(currentColor, 0.08); + color: #589ed7; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: #589ed7; +} + +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 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(239, 241, 245, 0.04); + color: #589ed7; + 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: #24273a; + background-image: none; + padding: 0; + margin: 0; + border-radius: 0; + min-height: 34px; + border: none; + /* box-shadow: inset 0 -1px $border-color; */ +} + +tabbar .box:backdrop { + background-color: #24273a; + transition: background-color 120ms cubic-bezier(0.15, 1, 0.3, 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: 34px; +} + +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(#589ed7, 0.4) 10%, alpha(#589ed7, 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(#589ed7, 0.4) 10%, alpha(#589ed7, 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, #292c3c, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #292c3c, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#589ed7, 0.5), alpha(#589ed7, 0.3) 1px, alpha(#589ed7, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#589ed7, 0.5), alpha(#589ed7, 0.3) 1px, alpha(#589ed7, 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: #24273a; + 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(36, 39, 58, 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(#589ed7, 0.4) 10%, alpha(#589ed7, 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(#589ed7, 0.5); + transform: translateY(4px); +} + +tabthumbnail { + border-radius: 12px; + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +tabthumbnail > box { + margin: 6px; +} + +tabthumbnail:drop(active) { + box-shadow: inset 0 0 0 2px alpha(#f5a97f, 0.4); + background-color: alpha(#f5a97f, 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: #589ed7; + min-width: 12px; + min-height: 12px; + border-radius: 9px; + margin: 3px; + box-shadow: 0 1px 2px alpha(#589ed7, 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: 12px; +} + +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; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #589ed7; + -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; +} + +magnifier { + background-color: #292c3c; +} + +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + border-spacing: 6px; +} + +.osd .toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd { + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); + padding: 6px; + border-radius: 18px; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; + color: #eff1f5; +} + +.app-notification:backdrop, .toolbar.osd:backdrop { + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04), 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; +} + +/**************** + * GtkSearchBar * + ****************/ +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: #24273a; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton { + margin: 0; +} + +/**************** + * GtkActionBar * + ****************/ +actionbar { + box-shadow: none; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + background-clip: border-box; + border: none; + color: #eff1f5; +} + +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; +} + +/************ + * Tooltips * + ************/ +tooltip { + padding: 6px 12px; + box-shadow: none; + border: none; +} + +tooltip.background { + background-color: rgba(30, 33, 49, 0.9); + color: #eff1f5; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.12); + border-radius: 12px; + margin: 2px 6px 8px 6px; +} + +tooltip > box { + border-spacing: 6px; +} + +iconview, +.view { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; +} + +iconview:disabled, +.view:disabled { + color: rgba(239, 241, 245, 0.5); +} + +iconview:selected, +.view:selected { + color: #eff1f5; +} + +textview text { + background-color: rgba(239, 241, 245, 0.04); +} + +textview border { + background-color: #313244; + color: rgba(239, 241, 245, 0.7); +} + +rubberband, gridview > rubberband, flowbox > rubberband, treeview.view > rubberband, .content-view rubberband, .content-view treeview.view > rubberband, +.content-view .rubberband { + border: 1px solid #589ed7; + background-color: rgba(88, 158, 215, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 12px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +gridview { + border-radius: 12px; +} + +gridview > child { + padding: 3px; + margin: 3px; +} + +gridview > child:selected { + outline-color: alpha(currentColor, 0.06); +} + +coverflow cover { + color: #eff1f5; + background-color: #292c3c; + border: 1px solid black; +} + +/**************** + * ViewSwitcher * + ****************/ +viewswitcher { + min-height: 0; + padding: 3px; + border-radius: 12px; + background-color: rgba(239, 241, 245, 0.04); + border: none; +} + +viewswitcher.wide { + margin-top: 6px; + margin-bottom: 6px; +} + +viewswitcher.wide button.toggle { + margin: 0; + border-radius: 9px; +} + +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; +} + +/**************** + * Stackswitcher * + ****************/ +stackswitcher { + min-height: 0; + padding: 3px; + border-radius: 12px; + background-color: rgba(239, 241, 245, 0.04); + border: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action) { + margin: 0 2px; + background-color: transparent; + border-radius: 9px; + padding: 2px 9px; +} + +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: #589ed7; + color: #eff1f5; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 100ms cubic-bezier(0.15, 1, 0.3, 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 120ms cubic-bezier(0.15, 1, 0.3, 1), border-image 100ms cubic-bezier(0.15, 1, 0.3, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: #589ed7; + color: rgba(36, 39, 58, 0.87); + font-weight: bold; + 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: 34px; + min-height: 34px; + padding: 0; +} + +/********************** + * AdwViewSwitcherBar * + **********************/ +viewswitcherbar actionbar > revealer > box { + padding: 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle { + border-radius: 12px; + margin: 3px 0; +} + +viewswitcherbar actionbar > revealer > box viewswitcher.narrow button.toggle > stack > box.narrow { + padding-top: 5px; + padding-bottom: 1px; + border-spacing: 0; +} + +/************************ + * AdwViewSwitcherTitle * + ************************/ +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: 0; + margin-bottom: 0; +} + +viewswitchertitle windowtitle { + margin-top: 0; + margin-bottom: 0; +} + +/******************* + * AdwIndicatorBin * + *******************/ +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: #eff1f5; +} + +indicatorbin > mask { + padding: 1px; + background: black; +} + +indicatorbin.needs-attention > indicator { + background-color: #589ed7; +} + +indicatorbin.needs-attention > indicator > label { + color: #eff1f5; +} + +/********************** + * 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 6px 10px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15), 0 0 36px transparent; +} + +window.csd:backdrop { + outline-offset: -1px; + outline: 1px solid rgba(239, 241, 245, 0.1); + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15), 0 0 36px transparent; + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +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: #24273a; + border: 1px solid #434553; +} + +window.solid-csd:backdrop { + background-color: #24273a; +} + +window.ssd { + box-shadow: 0 0 0 1px rgba(239, 241, 245, 0.12); +} + +/*************** + * Base States * + ***************/ +:root { + --window-radius: 15px; + -gtk-icon-palette: success var(--success-color), warning var(--warning-color), error var(--error-color), accent var(--accent-color); +} + +.background { + background-color: #24273a; + 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; +} + +:not(decoration):not(window):drop(active) { + caret-color: #589ed7; +} + +.osd, .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 { + color: #eff1f5; + background-color: #292c3c; + background-clip: padding-box; + border-radius: 12px; + border: none; + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); +} + +.osd { + padding: 6px; + margin: 6px; +} + +.osd.circular { + border-radius: 9999px; +} + +/************* + * 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); +} + +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #589ed7 0%, rgba(88, 158, 215, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #589ed7 95%, rgba(88, 158, 215, 0)); + } +} + +stackswitcher > button.needs-attention > label, +stackswitcher > button.needs-attention > image, stacksidebar row.needs-attention > label { + animation: needs-attention 100ms cubic-bezier(0.15, 1, 0.3, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stackswitcher > button.needs-attention > label:dir(rtl), +stackswitcher > button.needs-attention > image:dir(rtl), stacksidebar row.needs-attention > label:dir(rtl) { + background-position: left 3px; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +calendar:selected, calendar > grid > label.day-number:selected, treeview.view:selected, iconview:selected, +.view:selected, gridview > child:selected { + background-color: alpha(currentColor, 0.06); +} + +calendar > grid > label.today, flowbox > flowboxchild:selected { + color: #589ed7; + background-color: rgba(88, 158, 215, 0.2); +} + +calendar > grid > label.today:selected, +entry > text > selection, +entry headerbar popover.background entry > text > selection, +headerbar popover.background entry entry > text > selection, label > selection, spinbutton > text > selection, textview text selection:focus, textview text selection { + color: #eff1f5; + background-color: #589ed7; +} + +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: 3px; +} + +.frameheader.header { + min-height: 24px; + background-color: #313244; +} + +.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 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: 12px; + 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: #589ed7; +} + +.history-view { + background-color: #292c3c; +} + +.card.display-container, .card.bit-panel { + border: 1px solid rgba(239, 241, 245, 0.12); +} + +.card #displayitem { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.card.bit-panel { + padding: 6px 0; +} + +.card.bit-panel button, +.card.bit-panel button.flat, +.card.bit-panel button.text-button { + min-width: 14px; + min-height: 12px; + padding: 0; +} + +.small .card { + border-radius: 0; +} + +.small .card.display-container { + border-width: 0; +} + +.small .card.bit-panel { + border-width: 1px 0; +} + +.small .card + widget > stack { + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.math-buttons .buttons { + min-width: 0; + min-height: 0; +} + +.math-buttons button, +.math-buttons button.text-button, +.math-buttons menubutton > button, +.math-buttons menubutton > button.text-button { + min-width: 16px; + padding: 2px 4px; +} + +.math-buttons button.number-button { + background-image: image(rgba(239, 241, 245, 0.08)); +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: #589ed7; +} + +label.secondary-label { + color: rgba(239, 241, 245, 0.5); +} + +toastoverlay datechooser.view, +toastoverlay agenda-view.view, +toastoverlay agenda-view.view list, +toastoverlay stack.view { + background-color: transparent; +} + +calendar-view { + margin: 6px; + font-size: 10pt; + background-color: #24273a; + margin: 0; +} + +calendar-view:selected { + color: #589ed7; + 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(#589ed7, 0.3); +} + +calendar-view.month-view .first-day { + background-color: #589ed7; + color: #eff1f5; +} + +calendar-view.month-view .month-header { + padding: 6px; +} + +popover.events { + background-color: #292c3c; + padding: 0; +} + +popover.events box { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +popover.events list { + background-color: #292c3c; + border-radius: 12px; +} + +popover.events scrolledwindow { + border-width: 0; +} + +popover.events button { + border-radius: 12px; + 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: 12px; +} + +event.timed widget.edge { + border-radius: 6px; + min-width: 5px; +} + +event.slanted-start, event.slanted-end:dir(rtl) { + padding-left: 16px; + border-radius: 0 6px 6px 0; +} + +event.slanted-end, event.slanted-start:dir(rtl) { + padding-right: 16px; + border-radius: 6px 0 0 6px; +} + +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: #292c3c; +} + +.calendar-list { + background-color: transparent; +} + +.calendar-list > list { + border-radius: 4px; +} + +menubutton.flat.sources-button { + margin-top: 0; + margin-bottom: 0; + border-radius: 0; + border-top-style: none; + border-bottom-style: none; +} + +menubutton.flat.sources-button:hover:not(:backdrop) { + background-image: none; + text-shadow: none; +} + +menubutton.flat.sources-button > button { + border-radius: 0 0 12px 12px; +} + +.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 { + padding: 6px; +} + +datechooser .current-week { + background-color: rgba(239, 241, 245, 0.04); + color: #eff1f5; + border-radius: 12px; +} + +datechooser navigator { + margin-right: 6px; + margin-left: 6px; + margin-bottom: 6px; +} + +datechooser navigator label { + font-weight: bold; +} + +datechooser navigator button.flat, +datechooser navigator button.image-button { + min-height: 34px; + min-width: 34px; + 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: 34px; + min-width: 34px; + 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: #589ed7; + color: #eff1f5; + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot { + background-color: #eff1f5; +} + +datechooser button.day.today { + color: #589ed7; +} + +datechooser button.day.today dot { + background-color: #589ed7; +} + +datechooser button.day.other-month:not(:hover), datechooser button.day.other-month:backdrop { + color: rgba(239, 241, 245, 0.32); +} + +datechooser button.day.other-month:not(:hover) dot, datechooser button.day.other-month:backdrop dot { + background-color: rgba(239, 241, 245, 0.32); +} + +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(#589ed7, 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(#589ed7, 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: #313244; + transition: background-color 200ms; + color: #eff1f5; +} + +monthcell:selected { + background-color: alpha(#589ed7, 0.1); +} + +monthcell:selected:hover { + background-color: alpha(#589ed7, 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(#589ed7, 0.2); +} + +monthcell.today:hover { + background-color: alpha(#589ed7, 0.3); + color: #589ed7; +} + +monthcell.today:selected { + background-color: alpha(#589ed7, 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(#589ed7, 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: 12px; + padding: 6px; +} + +.notes-section box > textview > text { + background: none; +} + +agenda-view list.background > row { + padding: 2px 12px; +} + +agenda-view list.background > label { + padding: 6px 12px; +} + +label.no-events { + font-style: italic; +} + +searchbutton button { + margin: 6px; + padding: 6px; +} + +searchbutton > popover > arrow { + background: none; + border: none; +} + +menubutton stack > box { + border-spacing: 6px; +} + +window.background.chromium headerbar.header-bar.titlebar button.titlebutton, windowcontrols > button:not(.suggested-action):not(.destructive-action) { + min-height: 16px; + min-width: 16px; + padding: 0; + margin: 16px 0; +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton, windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); + background-color: alpha(currentColor, 0.1); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton > image, windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton > image, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton > image, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image { + padding: 2px; + color: alpha(currentColor, 0.5); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:hover, windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:hover, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:hover, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) { + background-color: alpha(currentColor, 0.15); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:hover > image, windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:hover > image, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:hover > image, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) > image { + color: rgba(239, 241, 245, 0.7); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:active, windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:active, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:active, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + background-color: alpha(currentColor, 0.2); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:active > image, windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:active > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:active > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + color: rgba(239, 241, 245, 0.7); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:backdrop, windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:backdrop, windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:backdrop, windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) { + background-color: alpha(currentColor, 0.1); + color: rgba(239, 241, 245, 0.7); +} + +window.background.chromium headerbar.header-bar.titlebar button.minimize.titlebutton:backdrop:hover, windowcontrols > button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.maximize.titlebutton:backdrop:hover, windowcontrols > button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), window.background.chromium headerbar.header-bar.titlebar button.close.titlebutton:backdrop:hover, windowcontrols > button.close:backdrop:hover:not(.suggested-action):not(.destructive-action) { + background-color: alpha(currentColor, 0.15); + color: rgba(239, 241, 245, 0.7); +} + +window.background.chromium headerbar.header-bar.titlebar button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 2.5px; + margin: 16px -20px 16px 22px; +} + +window.background.chromium { + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15), 0 0 36px transparent, 0 0 0 1px rgba(239, 241, 245, 0.15); +} + +window.background.chromium:backdrop { + box-shadow: 0 6px 10px rgba(0, 0, 0, 0.22), 0 3px 6px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.12), inset 0 0 0 0.5px rgba(0, 0, 0, 0.15), 0 0 36px transparent, 0 0 0 1px rgba(239, 241, 245, 0.15); + transition: box-shadow 120ms cubic-bezier(0.15, 1, 0.3, 1); +} + +window.background.chromium headerbar.header-bar.titlebar { + background-color: #24273a; + color: #eff1f5; + border-radius: 12px 0 0; +} + +window.background.chromium headerbar.header-bar.titlebar:backdrop { + box-shadow: none; + background-color: #24273a; + color: rgba(239, 241, 245, 0.5); +} + +.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: #589ed7; +} + +.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: #8aadf4; + background-color: alpha(#1e66f5, 0.25); +} + +.naut .clock-time, +.astro .clock-time { + color: #f5a97f; + background-color: alpha(#fe640b, 0.25); +} + +.civil .clock-time, +.day .clock-time { + color: #eed49f; + background: alpha(#df8e1d, 0.25); +} + +.sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow .dim-label, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow row label.subtitle, row .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow label.subtitle, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow row.property > box.header > box.title > .title, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow row.expander image.expander-row-arrow, row.expander .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow image.expander-row-arrow { + color: rgba(36, 39, 58, 0.38); +} + +.nautilus-window placessidebar > scrolledwindow { + background-color: #24273a; + color: #eff1f5; + border-radius: 0; +} + +.nautilus-window placessidebar > scrolledwindow .dim-label, .nautilus-window placessidebar > scrolledwindow row label.subtitle, row .nautilus-window placessidebar > scrolledwindow label.subtitle, .nautilus-window row placessidebar > scrolledwindow label.subtitle, .nautilus-window placessidebar > scrolledwindow row.property > box.header > box.title > .title, .nautilus-window placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander .nautilus-window placessidebar > scrolledwindow image.expander-row-arrow, .nautilus-window row.expander placessidebar > scrolledwindow image.expander-row-arrow { + color: rgba(36, 39, 58, 0.38); +} + +.nautilus-window .nautilus-grid-view, +.nautilus-window .nautilus-list-view { + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px; + margin: 0 6px 6px 6px; +} + +.nautilus-window.view { + background-color: #24273a; +} + +.nautilus-window .sidebar-pane, +.nautilus-window .content-pane { + background-color: #24273a; + color: #eff1f5; +} + +.nautilus-window .sidebar-pane:backdrop, +.nautilus-window .content-pane:backdrop { + background-color: #24273a; + transition: none; +} + +.nautilus-window .sidebar-pane:dir(ltr), +.nautilus-window .sidebar-pane:dir(ltr) banner > revealer > widget, .nautilus-window .sidebar-pane.end:dir(rtl), +.nautilus-window .sidebar-pane.end:dir(rtl) banner > revealer > widget { + box-shadow: none; + border-right: none; +} + +.nautilus-window placesview label { + color: rgba(239, 241, 245, 0.7); +} + +.nautilus-window .nautilus-grid-view .view, +.nautilus-window .nautilus-list-view .view { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view listview.view > row.activatable > cell, +.nautilus-window .nautilus-list-view listview.view > row.activatable > cell { + padding: 2px 0; +} + +.nautilus-window .nautilus-grid-view listview.view > row.activatable > cell > widget#NautilusViewCell, +.nautilus-window .nautilus-list-view listview.view > row.activatable > cell > widget#NautilusViewCell { + padding: 3px 9px; +} + +.nautilus-window .nautilus-grid-view listview.view > row.activatable:nth-child(odd):not(:disabled), +.nautilus-window .nautilus-list-view listview.view > row.activatable:nth-child(odd):not(:disabled) { + background-image: image(alpha(currentColor, 0.03)); +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 9px; + background-color: rgba(41, 44, 60, 0.95); + color: #589ed7; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.06), inset 0 0 0 0.5px rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: #eff1f5; +} + +.nautilus-window banner > revealer > widget { + background-color: rgba(41, 44, 60, 0.4); + color: #eff1f5; + border-radius: 9px; + margin: 9px; +} + +.nautilus-window banner > revealer > widget button { + background-color: rgba(88, 158, 215, 0.3); + color: #eff1f5; +} + +.nautilus-window banner > revealer > widget button:hover { + background-color: rgba(88, 158, 215, 0.6); +} + +#NautilusQueryEditor > menubutton > button.image-button { + min-width: 24px; + min-height: 24px; + padding: 3px; + margin-right: -5px; +} + +#NautilusQueryEditor > menubutton > button.image-button:checked image { + color: rgba(36, 39, 58, 0.87); +} + +#NautilusQueryEditor > text, +#NautilusQueryEditor > box, +#NautilusQueryEditor > menubutton { + margin: 3px 0; +} + +#NautilusQueryEditorTag { + background-color: rgba(239, 241, 245, 0.12); +} + +#NautilusQueryEditorTag > button.image-button { + margin: 0; + padding: 0; +} + +#NautilusPathBar, +.nautilus-pathbar, +box > button { + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px; + margin: 6px 0; +} + +#NautilusPathButton, +.nautilus-path-button { + margin: 0 3px; + border-radius: 12px; +} + +#NautilusPathButton.current-dir, +.nautilus-path-button.current-dir { + color: #589ed7; +} + +#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active, +.nautilus-path-button.current-dir:hover, +.nautilus-path-button.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathButton:first-child, +.nautilus-path-button:first-child { + margin-left: 0; +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +#NautilusFileChooser, +.nautilus-file-chooser gridview.view { + background-color: transparent; +} + +#NautilusFileChooser, +.nautilus-file-chooser, +columnview.view, +treeview.view, +row.activatable > cell { + background-color: transparent; +} + +#NautilusFileChooser listview.view > row.activatable > cell, +.nautilus-file-chooser listview.view > row.activatable > cell, +columnview.view listview.view > row.activatable > cell, +treeview.view listview.view > row.activatable > cell, +row.activatable > cell listview.view > row.activatable > cell { + padding: 2px 0; +} + +#NautilusFileChooser listview.view > row.activatable > cell > widget#NautilusViewCell, +.nautilus-file-chooser listview.view > row.activatable > cell > widget#NautilusViewCell, +columnview.view listview.view > row.activatable > cell > widget#NautilusViewCell, +treeview.view listview.view > row.activatable > cell > widget#NautilusViewCell, +row.activatable > cell listview.view > row.activatable > cell > widget#NautilusViewCell { + padding: 3px 9px; +} + +#NautilusFileChooser listview.view > row.activatable:nth-child(odd):not(:disabled), +.nautilus-file-chooser listview.view > row.activatable:nth-child(odd):not(:disabled), +columnview.view listview.view > row.activatable:nth-child(odd):not(:disabled), +treeview.view listview.view > row.activatable:nth-child(odd):not(:disabled), +row.activatable > cell listview.view > row.activatable:nth-child(odd):not(:disabled) { + background-image: image(alpha(currentColor, 0.03)); +} + +#NautilusProgressIndicator popover label { + color: rgba(239, 241, 245, 0.7); +} + +#NautilusProgressIndicator popover image { + color: rgba(239, 241, 245, 0.7); +} + +windowhandle box.vertical box.toolbar { + background-color: #24273a; + border: none; + outline: none; +} + +windowhandle box.toolbar menubutton button.toggle { + background-color: #24273a; + border: none; + outline: none; +} + +window.dialog > box > stack > box > box > notebook.frame { + border-width: 0 0 0 1px; + border-radius: 0; +} + +playlistview scrollbar.overlay-indicator.dragging, playlistview scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +playlistview queuerow picture.cover, +playlistview queuerow image.card { + border: none; +} + +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; +} + +.account-switcher-row label { + color: #eff1f5; +} + +.account-switcher-row label.dim-label { + color: rgba(239, 241, 245, 0.7); +} + +notebook scrolledwindow treeview.treeview-spacing { + background-color: #24273a; +} + +viewswitchertitle { + margin-top: 0; + margin-bottom: 0; +} + +viewswitchertitle squeezer viewswitcher.wide { + margin: 6px 0; +} + +.colorpad { + background-color: @colorpad_color; + color: @colorpad_fg_color; +} + +.colorsetter, .colorsetter:hover, .colorsetter:focus, .colorsetter:active { + background-color: @colorsetter_color; + color: @colorsetter_fg_color; +} + +.colorsetter:checked { + background-color: @colorsetter_color; + color: @colorsetter_fg_color; + box-shadow: inset 0 -3px @colorsetter_fg_color; +} + +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 #589ed7; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #eff1f5 50%, #232634 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #eff1f5; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #232634; +} + +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: #eff1f5; + background-color: #589ed7; +} + +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: #eff1f5; + background-color: #589ed7; +} + +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 #589ed7; +} + +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, #24273a 50%, #eff1f5 50%); +} + +themeswitcher checkbutton.light { + color: alpha(black, 0.8); + background-color: #eff1f5; +} + +themeswitcher checkbutton.dark { + color: #eff1f5; + background-color: #24273a; +} + +preferencesgroup > box background-preview widget.sidebar, +preferencesgroup > box widget.header-bar:not(.editable-area) { + background-color: #232634; +} + +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: 12px; +} + +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: #589ed7; +} + +preferencesgroup > box .cutout-button { + background-color: #313244; +} + +preferencesgroup > box button.accent, +preferencesgroup > box button.accent-button { + min-height: 24px; + min-width: 24px; + padding: 3px; + border-radius: 9px; + background: var(--accent-bg-color); + outline: none; + background-clip: content-box; + box-shadow: none; +} + +preferencesgroup > box button.accent:hover, +preferencesgroup > box button.accent-button:hover { + box-shadow: 0 0 0 3px alpha(currentColor, 0.08); +} + +preferencesgroup > box button.accent:checked, +preferencesgroup > box button.accent-button:checked { + box-shadow: 0 0 0 3px #589ed7; +} + +preferencesgroup > box button.accent.blue, preferencesgroup > box button.accent.teal, preferencesgroup > box button.accent.green, preferencesgroup > box button.accent.yellow, preferencesgroup > box button.accent.orange, preferencesgroup > box button.accent.red, preferencesgroup > box button.accent.pink, preferencesgroup > box button.accent.purple, preferencesgroup > box button.accent.slate, +preferencesgroup > box button.accent-button.blue, +preferencesgroup > box button.accent-button.teal, +preferencesgroup > box button.accent-button.green, +preferencesgroup > box button.accent-button.yellow, +preferencesgroup > box button.accent-button.orange, +preferencesgroup > box button.accent-button.red, +preferencesgroup > box button.accent-button.pink, +preferencesgroup > box button.accent-button.purple, +preferencesgroup > box button.accent-button.slate { + --accent-color: oklab( + from var(--accent-bg-color) var(--standalone-color-oklab) + ); +} + +preferencesgroup > box button.accent.blue, +preferencesgroup > box button.accent-button.blue { + --accent-bg-color: var(--accent-blue); +} + +preferencesgroup > box button.accent.teal, +preferencesgroup > box button.accent-button.teal { + --accent-bg-color: var(--accent-teal); +} + +preferencesgroup > box button.accent.green, +preferencesgroup > box button.accent-button.green { + --accent-bg-color: var(--accent-green); +} + +preferencesgroup > box button.accent.yellow, +preferencesgroup > box button.accent-button.yellow { + --accent-bg-color: var(--accent-yellow); +} + +preferencesgroup > box button.accent.orange, +preferencesgroup > box button.accent-button.orange { + --accent-bg-color: var(--accent-orange); +} + +preferencesgroup > box button.accent.red, +preferencesgroup > box button.accent-button.red { + --accent-bg-color: var(--accent-red); +} + +preferencesgroup > box button.accent.pink, +preferencesgroup > box button.accent-button.pink { + --accent-bg-color: var(--accent-pink); +} + +preferencesgroup > box button.accent.purple, +preferencesgroup > box button.accent-button.purple { + --accent-bg-color: var(--accent-purple); +} + +preferencesgroup > box button.accent.slate, +preferencesgroup > box button.accent-button.slate { + --accent-bg-color: var(--accent-slate); +} + +preferencesgroup > box box > list.boxed-list-separate { + background-color: transparent; + border-radius: 12px; + border: 1px solid rgba(239, 241, 245, 0.12); +} + +preferencesgroup > box box > list.boxed-list-separate row { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px 12px 0 0; + margin-top: 0px; + margin-bottom: 0px; +} + +preferencesgroup > box box > list.boxed-list-separate row:first-child { + border-radius: 12px 12px 0 0; + box-shadow: 0 1px rgba(239, 241, 245, 0.12); +} + +preferencesgroup > box box > list.boxed-list-separate row:last-child { + border-radius: 0 0 12px 12px; +} + +preferencesgroup > box box > list.boxed-list-separate row:hover, preferencesgroup > box box > list.boxed-list-separate row:focus { + color: #eff1f5; + background-color: alpha(currentColor, 0.12); +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: #589ed7; + border-radius: 0; + color: #eff1f5; + 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; +} + +carousel.card { + border: none; + background-color: rgba(239, 241, 245, 0.04); +} + +.smaller { + font-size: smaller; +} + +.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%; +} + +gs-summary-tile image.loading-icon { + background-color: rgba(239, 241, 245, 0.12); + border-radius: 12px; +} + +.review-row > box { + margin: 12px; + border-spacing: 3px; +} + +.review-row textview { + background: none; +} + +.review-row .edit-icon { + min-width: 24px; + min-height: 24px; + padding: 6px; +} + +.review-textbox { + padding: 6px; +} + +.origin-rounded-box { + background-color: rgba(239, 241, 245, 0.12); + border-radius: 9999px; + padding: 4px; +} + +.origin-beta { + color: #eed49f; +} + +.origin-button > button { + padding: 3px 9px; +} + +clamp.medium .category-tile:not(.category-tile-iconless) { + font-size: large; +} + +clamp.large .category-tile:not(.category-tile-iconless) { + font-size: larger; +} + +flowboxchild.card:not(.category-tile) { + padding: 0; + box-shadow: none; + border: none; + background-color: transparent; + background-image: none; +} + +.category-tile.card { + padding: 21px; + border: none; + border-radius: 12px; + min-width: 140px; + font-weight: 900; + font-size: larger; +} + +.category-tile.card:not(.category-tile-iconless), .category-tile.card:not(.category-tile-iconless):active { + transition: all 120ms cubic-bezier(0.15, 1, 0.3, 1); + animation: none; +} + +.category-tile.card.category-tile-iconless { + padding: 9px 15px; + min-width: 130px; + font-size: 105%; + font-weight: normal; +} + +.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-color: #5e5c64; + color: white; +} + +.category-tile.card.category-develop:hover { + background-color: 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; + background-repeat: repeat; +} + +.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); + background-size: 10px 10px, 10px 10px; + background-position: -1px -4px, center -1px; + background-repeat: repeat; +} + +.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: #eed49f; + color: rgba(36, 39, 58, 0.87); + border: 1px solid rgba(36, 39, 58, 0.12); +} + +.card.info { + background-color: #24283b; + color: #eff1f5; +} + +.card.warning { + background-color: #25283b; + color: #eff1f5; +} + +.infobox { + border-spacing: 6px; + padding: 12px; +} + +@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, #589ed7 2px, alpha(#589ed7, 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; +} + +flowboxchild { + padding: 0px; +} + +star-image > image.starred { + color: #eed49f; + transition-duration: 200ms; +} + +star-image > image.starred:hover { + color: #df8e1d; +} + +star-image > image.non-starred { + opacity: 0.2; + transition-duration: 200ms; +} + +star-image > image.non-starred:hover { + color: #eed49f; + opacity: 0.7; +} + +.dimmer-label { + opacity: 0.25; +} + +.update-failed-details { + font-family: Monospace; + font-size: smaller; + padding: 16px; +} + +.upgrade-banner { + padding: 0px; + border-radius: 12px; + border: none; +} + +.upgrade-banner-background { + background: linear-gradient(to bottom, #40a02b, #1e66f5); + color: white; +} + +.upgrade-buttons #button_upgrades_install, +.upgrade-buttons #button_upgrades_install_cancel { + 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 12px 12px 0; +} + +app-context-bar > box:first-child > button.flat { + border-radius: 0; +} + +app-context-bar > box:first-child > button.flat:first-child { + border-radius: 12px 0 0 12px; +} + +app-context-bar > box > button.flat { + border-left-color: rgba(239, 241, 245, 0.12); +} + +.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: #76c65c; + background-color: rgba(166, 218, 149, 0.15); +} + +.context-tile-lozenge.blue, .context-tile-lozenge.details-rating-5 { + color: #1e66f5; + background-color: rgba(30, 102, 245, 0.15); +} + +.context-tile-lozenge.yellow, .context-tile-lozenge.details-rating-12 { + color: #e2b75e; + background-color: rgba(238, 212, 159, 0.15); +} + +.context-tile-lozenge.details-rating-15 { + color: #fe640b; + background-color: rgba(254, 100, 11, 0.15); +} + +.context-tile-lozenge.red, .context-tile-lozenge.details-rating-18 { + color: #e3445c; + background-color: rgba(237, 135, 150, 0.15); +} + +.eol-red { + font-weight: bold; + color: #ed8796; +} + +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: #ed8796; +} + +@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 46px, #24273a 46px, #24273a); +} + +#TweakPreferencesPage.tweak-group label.subtitle { + color: rgba(239, 241, 245, 0.32); +} + +#TweakPreferencesPage label.dim-label { + color: rgba(239, 241, 245, 0.32); +} + +.tweak-titlebar-right { + background-color: #24273a; +} + +.tweak-titlebar-right:backdrop { + background-color: #24273a; +} + +@define-color weather_temp_chart_fill_color rgba(238, 212, 159, 0.5); +@define-color weather_temp_chart_stroke_color #e6c174; +@define-color weather_thermometer_warm_color #df8e1d; +@define-color weather_thermometer_cold_color #1e66f5; +#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: 12px; +} + +.forecast-card separator { + background-color: #24273a; +} + +#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: #df8e1d; +} + +WeatherThermometer > label.low { + font-weight: bold; + color: #1e66f5; +} + +.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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.search-view menubutton button:focus:focus-visible { + outline-color: rgba(255, 255, 255, 0.3); +} + +image.circular { + min-width: 34px; + min-height: 34px; + padding: 0; + border-radius: 9999px; +} + +/* 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 #24273a; +/* text widgets and the like base background color */ +@define-color theme_base_color #292c3c; +/* base background color of selections */ +@define-color theme_selected_bg_color #589ed7; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #eff1f5; +/* base background color of insensitive widgets */ +@define-color insensitive_bg_color #24273a; +/* 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 #313244; +/* 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 #24273a; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #292c3c; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #589ed7; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #eff1f5; +/* 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 #eed49f; +@define-color error_color #ed8796; +@define-color success_color #a6da95; +/* 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_focused_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 #08090c; +@define-color wm_focused_bg #24273a; +@define-color wm_unfocused_bg #24273a; +@define-color wm_button_icon #eff1f5; +@define-color wm_button_icon alpha(black, 0.5); +@define-color wm_button_focused_bg #303345; +@define-color wm_button_unfocused_bg #303345; +@define-color wm_button_hover_fg rgba(36, 39, 58, 0.87); +@define-color wm_button_active_fg rgba(36, 39, 58, 0.87); +@define-color wm_button_hover_bg #e6e9ef; +@define-color wm_button_active_bg #e7eaf0; +/* FIXME this is really an API */ +@define-color content_view_bg #292c3c; +@define-color placeholder_text_color #b4b6be; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #292c3c; +@define-color budgie_tasklist_indicator_color rgba(99, 102, 116, 0.8875); +@define-color budgie_tasklist_indicator_color_active #589ed7; +@define-color budgie_tasklist_indicator_color_active_window rgba(68, 112, 154, 0.931); +@define-color budgie_tasklist_indicator_color_attention #eed49f; +@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 #589ed7; +@define-color accent_fg_color #eff1f5; +@define-color accent_color #589ed7; +@define-color destructive_bg_color #ed8796; +@define-color destructive_fg_color rgba(36, 39, 58, 0.87); +@define-color destructive_color #ed8796; +@define-color success_bg_color #a6da95; +@define-color success_fg_color rgba(36, 39, 58, 0.87); +@define-color success_color #a6da95; +@define-color warning_bg_color #eed49f; +@define-color warning_fg_color rgba(36, 39, 58, 0.87); +@define-color warning_color #eed49f; +@define-color error_bg_color #ed8796; +@define-color error_fg_color rgba(36, 39, 58, 0.87); +@define-color error_color #ed8796; +@define-color window_bg_color #24273a; +@define-color window_fg_color #eff1f5; +@define-color view_bg_color #292c3c; +@define-color view_fg_color #eff1f5; +@define-color headerbar_bg_color #24273a; +@define-color headerbar_fg_color #eff1f5; +@define-color headerbar_border_color rgba(239, 241, 245, 0.12); +@define-color headerbar_backdrop_color #24273a; +@define-color headerbar_shade_color rgba(239, 241, 245, 0.12); +@define-color card_bg_color #292c3c; +@define-color card_fg_color #eff1f5; +@define-color card_shade_color rgba(239, 241, 245, 0.12); +@define-color dialog_bg_color #313244; +@define-color dialog_fg_color #eff1f5; +@define-color popover_bg_color #292c3c; +@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/Catppuccin-Macchiato-Dark/gtk-4.0/thumbnail.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/thumbnail.png new file mode 100644 index 0000000..46efa74 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/gtk-4.0/thumbnail.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/index.theme b/dotfiles/gtk/Catppuccin-Macchiato-Dark/index.theme new file mode 100644 index 0000000..f3a8f5f --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/index.theme @@ -0,0 +1,12 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=Catppuccin-Macchiato-Dark +Comment=A Flat Gtk+ theme based on Elegant Design +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Catppuccin-Macchiato-Dark +MetacityTheme=Catppuccin-Macchiato-Dark +IconTheme=Tela-circle-Dark +CursorTheme=Catppuccin-cursors +ButtonLayout=close,minimize,maximize:menu diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/button.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/button.svg new file mode 100644 index 0000000..c2a738d --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/button.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/close.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/close.svg new file mode 100644 index 0000000..fb798d7 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/close.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/maximize.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/maximize.svg new file mode 100644 index 0000000..0c2f170 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/maximize.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/menu.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/menu.svg new file mode 100644 index 0000000..179ff4c --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/menu.svg @@ -0,0 +1,40 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/minimize.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/minimize.svg new file mode 100644 index 0000000..76fe7cb --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/minimize.svg @@ -0,0 +1,47 @@ + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/shade.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/shade.svg new file mode 100644 index 0000000..8213b03 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/shade.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/unmaximize.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/unmaximize.svg new file mode 100644 index 0000000..8d60a57 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/unmaximize.svg @@ -0,0 +1,67 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/unshade.svg b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/unshade.svg new file mode 100644 index 0000000..a161564 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/assets/unshade.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/metacity-theme-1.xml b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/metacity-theme-1.xml new file mode 120000 index 0000000..562ac74 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/metacity-theme-1.xml @@ -0,0 +1 @@ +metacity-theme-3.xml \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/metacity-theme-2.xml b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/metacity-theme-2.xml new file mode 120000 index 0000000..562ac74 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/metacity-theme-2.xml @@ -0,0 +1 @@ +metacity-theme-3.xml \ No newline at end of file diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/metacity-theme-3.xml b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/metacity-theme-3.xml new file mode 100644 index 0000000..250a8fa --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/metacity-theme-3.xml @@ -0,0 +1,820 @@ + + + + Tokyonight + vinceliucie | mod: fkorpsvart + GPL + 2024 + Tokyonight Metacity theme + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_focused"/> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title version="< 3.1" + x="(0 `max` ((width - title_width) / 2))" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused"/> + <title version=">= 3.1" + x="(0 `max` ((frame_x_center - title_width / 2) `min` (width - title_width)))" + y="(0 `max` ((height - title_height) / 2))" + ellipsize_width="width" + color="C_title_unfocused"/> +</draw_ops> + +<!-- window decorations --> + +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar_focused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true"/> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="entire_background_focused"/> +</draw_ops> + +<draw_ops name="titlebar_unfocused"> + <include name="entire_background_unfocused"/> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="12" y1="0" x2="width-13" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="12" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="12" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <line color="C_highlight_focused" x1="13" y1="1" x2="width - 14" y2="1"/> + <arc color="C_highlight_focused" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_focused" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90"/> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="12" y1="0" x2="width-13" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="12" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="12" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="25" height="25" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-26" y="0" width="25" height="25" start_angle="0" extent_angle="90" /> + <line color="C_highlight_unfocused" x1="13" y1="1" x2="width - 14" y2="1"/> + <arc color="C_highlight_unfocused" x="0" y="1" width="25" height="25" start_angle="270" extent_angle="90"/> + <arc color="C_highlight_unfocused" x="width - 26" y="1" width="25" height="25" start_angle="0" extent_angle="90"/> +</draw_ops> + +<!-- button icons --> + +<draw_ops name="windows_button_focused"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.1" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="windows_button_focused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.15" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="windows_button_focused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="windows_button_unfocused"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.06" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="windows_button_unfocused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.1" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="windows_button_unfocused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.15" colorize="C_title_focused"/> +</draw_ops> + +<!-- close --> + +<draw_ops name="windows_close_icon_focused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="windows_close_icon_unfocused"> + <image filename="assets/close.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.35" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="close_focused"> + <include name="windows_close_icon_focused"/> + <include name="windows_button_focused"/> +</draw_ops> + +<draw_ops name="close_focused_prelight"> + <include name="windows_close_icon_focused"/> + <include name="windows_button_focused_prelight"/> +</draw_ops> + +<draw_ops name="close_focused_pressed"> + <include name="windows_close_icon_focused"/> + <include name="windows_button_focused_pressed"/> +</draw_ops> + +<draw_ops name="close_unfocused"> + <include name="windows_close_icon_unfocused"/> + <include name="windows_button_unfocused"/> +</draw_ops> + +<draw_ops name="close_unfocused_prelight"> + <include name="windows_close_icon_unfocused"/> + <include name="windows_button_unfocused_prelight"/> +</draw_ops> + +<draw_ops name="close_unfocused_pressed"> + <include name="windows_close_icon_unfocused"/> + <include name="windows_button_unfocused_pressed"/> +</draw_ops> + +<!-- maximize --> + +<draw_ops name="windows_maximize_icon_focused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="windows_maximize_icon_unfocused"> + <image filename="assets/maximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.35" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_focused"> + <include name="windows_maximize_icon_focused"/> + <include name="windows_button_focused"/> +</draw_ops> + +<draw_ops name="maximize_focused_prelight"> + <include name="windows_maximize_icon_focused"/> + <include name="windows_button_focused_prelight"/> +</draw_ops> + +<draw_ops name="maximize_focused_pressed"> + <include name="windows_maximize_icon_focused"/> + <include name="windows_button_focused_pressed"/> +</draw_ops> + +<draw_ops name="maximize_unfocused"> + <include name="windows_maximize_icon_unfocused"/> + <include name="windows_button_unfocused"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_prelight"> + <include name="windows_maximize_icon_unfocused"/> + <include name="windows_button_unfocused_prelight"/> +</draw_ops> + +<draw_ops name="maximize_unfocused_pressed"> + <include name="windows_maximize_icon_unfocused"/> + <include name="windows_button_unfocused_pressed"/> +</draw_ops> + +<!-- unmaximize --> + +<draw_ops name="windows_unmaximize_icon_focused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="windows_unmaximize_icon_unfocused"> + <image filename="assets/unmaximize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.35" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused"> + <include name="windows_unmaximize_icon_focused"/> + <include name="windows_button_focused"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_prelight"> + <include name="windows_unmaximize_icon_focused"/> + <include name="windows_button_focused_prelight"/> +</draw_ops> + +<draw_ops name="unmaximize_focused_pressed"> + <include name="windows_unmaximize_icon_focused"/> + <include name="windows_button_focused_pressed"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused"> + <include name="windows_unmaximize_icon_unfocused"/> + <include name="windows_button_unfocused"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_prelight"> + <include name="windows_unmaximize_icon_unfocused"/> + <include name="windows_button_unfocused_prelight"/> +</draw_ops> + +<draw_ops name="unmaximize_unfocused_pressed"> + <include name="windows_unmaximize_icon_unfocused"/> + <include name="windows_button_unfocused_pressed"/> +</draw_ops> + +<!-- minimize --> + +<draw_ops name="windows_minimize_icon_focused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="windows_minimize_icon_unfocused"> + <image filename="assets/minimize.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.35" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_focused"> + <include name="windows_minimize_icon_focused"/> + <include name="windows_button_focused"/> +</draw_ops> + +<draw_ops name="minimize_focused_prelight"> + <include name="windows_minimize_icon_focused"/> + <include name="windows_button_focused_prelight"/> +</draw_ops> + +<draw_ops name="minimize_focused_pressed"> + <include name="windows_minimize_icon_focused"/> + <include name="windows_button_focused_pressed"/> +</draw_ops> + +<draw_ops name="minimize_unfocused"> + <include name="windows_minimize_icon_unfocused"/> + <include name="windows_button_unfocused"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_prelight"> + <include name="windows_minimize_icon_unfocused"/> + <include name="windows_button_unfocused_prelight"/> +</draw_ops> + +<draw_ops name="minimize_unfocused_pressed"> + <include name="windows_minimize_icon_unfocused"/> + <include name="windows_button_unfocused_pressed"/> +</draw_ops> + +<!-- menu --> + +<draw_ops name="menu_focused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_prelight"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_focused_pressed"> + <include name="menu_focused"/> +</draw_ops> + +<draw_ops name="menu_unfocused"> + <image filename="assets/menu.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_prelight"> + <include name="menu_unfocused"/> +</draw_ops> + +<draw_ops name="menu_unfocused_pressed"> + <include name="menu_unfocused"/> +</draw_ops> + +<!-- shade --> + +<draw_ops name="shade_focused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_prelight"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_focused_pressed"> + <include name="shade_focused"/> +</draw_ops> + +<draw_ops name="shade_unfocused"> + <image filename="assets/shade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_prelight"> + <include name="shade_unfocused"/> +</draw_ops> + +<draw_ops name="shade_unfocused_pressed"> + <include name="shade_unfocused"/> +</draw_ops> + +<!-- unshade --> + +<draw_ops name="unshade_focused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_prelight"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_focused_pressed"> + <include name="unshade_focused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused"> + <image filename="assets/unshade.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.7" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_prelight"> + <include name="unshade_unfocused"/> +</draw_ops> + +<draw_ops name="unshade_unfocused_pressed"> + <include name="unshade_unfocused"/> +</draw_ops> + +<!-- appmenu --> + +<constant name="D_appmenu_icon_size" value="16"/> + +<draw_ops name="appmenu_focused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size"/> +</draw_ops> + +<draw_ops name="appmenu_focused_prelight"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_focused_pressed"> + <include name="appmenu_focused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused"> + <icon + x="(width - D_appmenu_icon_size) / 2" y="(height - D_appmenu_icon_size) / 2" + width="D_appmenu_icon_size" height="D_appmenu_icon_size" + alpha="0.7"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_prelight"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<draw_ops name="appmenu_unfocused_pressed"> + <include name="appmenu_unfocused"/> +</draw_ops> + +<!-- button backgrounds --> + +<draw_ops name="button_focused"> +</draw_ops> + +<draw_ops name="button_focused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_focused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_focused"/> +</draw_ops> + +<draw_ops name="button_unfocused"> +</draw_ops> + +<draw_ops name="button_unfocused_prelight"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.08" colorize="C_title_unfocused"/> +</draw_ops> + +<draw_ops name="button_unfocused_pressed"> + <image filename="assets/button.svg" x="(width - object_width) / 2" y="(height - object_height) / 2" width="object_width" height="object_height" alpha="0.2" colorize="C_title_unfocused"/> +</draw_ops> + +<!-- frame styles --> + +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused"/> + <piece position="titlebar" draw_ops="titlebar_focused"/> + <piece position="title" draw_ops="title_focused"/> + <piece position="overlay" draw_ops="rounded_border_focused"/> + <button function="close" state="normal" draw_ops="close_focused"/> + <button function="close" state="prelight" draw_ops="close_focused_prelight"/> + <button function="close" state="pressed" draw_ops="close_focused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_focused"/> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_focused"/> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_focused"/> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_focused"/> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_focused"/> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_focused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_focused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_unfocused"/> + <piece position="titlebar" draw_ops="titlebar_unfocused"/> + <piece position="title" draw_ops="title_unfocused"/> + <piece position="overlay" draw_ops="rounded_border_unfocused"/> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="maximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused"/> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_unfocused"/> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused"/> + <piece position="titlebar" draw_ops="titlebar_focused"/> + <piece position="title" draw_ops="title_focused"/> + <button function="close" state="normal" draw_ops="close_focused"/> + <button function="close" state="prelight" draw_ops="close_focused_prelight"/> + <button function="close" state="pressed" draw_ops="close_focused_pressed"/> + <button function="maximize" state="normal" draw_ops="unmaximize_focused"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_focused_prelight"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_focused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_focused"/> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_focused"/> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_focused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_focused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_focused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_focused"/> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_focused"/> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_focused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_focused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_focused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_focused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused"/> + <piece position="titlebar" draw_ops="titlebar_unfocused"/> + <piece position="title" draw_ops="title_unfocused"/> + <button function="close" state="normal" draw_ops="close_unfocused"/> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight"/> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed"/> + <button function="maximize" state="normal" draw_ops="unmaximize_unfocused"/> + <button function="maximize" state="prelight" draw_ops="unmaximize_unfocused_prelight"/> + <button function="maximize" state="pressed" draw_ops="unmaximize_unfocused_pressed"/> + <button function="minimize" state="normal" draw_ops="minimize_unfocused"/> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/> + <button function="menu" state="normal" draw_ops="menu_unfocused"/> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed"/> + <button version=">= 3.5" function="appmenu" state="normal" draw_ops="appmenu_unfocused"/> + <button version=">= 3.5" function="appmenu" state="prelight" draw_ops="appmenu_unfocused_prelight"/> + <button version=">= 3.5" function="appmenu" state="pressed" draw_ops="appmenu_unfocused_pressed"/> + <button function="shade" state="normal" draw_ops="shade_unfocused"/> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight"/> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed"/> + <button function="unshade" state="normal" draw_ops="unshade_unfocused"/> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight"/> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed"/> + + <button function="left_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="left_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="left_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + <button function="right_middle_background" state="normal" draw_ops="button_unfocused"/> + <button function="right_middle_background" state="prelight" draw_ops="button_unfocused_prelight"/> + <button function="right_middle_background" state="pressed" draw_ops="button_unfocused_pressed"/> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left" parent="normal_max_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left" parent="normal_max_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right" parent="normal_max_focused"> + <piece position="titlebar" draw_ops="entire_background_focused"/> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right" parent="normal_max_unfocused"> + <piece position="titlebar" draw_ops="entire_background_unfocused"/> +</frame_style> + +<frame_style name="dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal" parent="normal_focused"> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal" parent="normal_unfocused"> +</frame_style> + +<frame_style name="utility_focused" geometry="small" parent="normal_focused"> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small" parent="normal_unfocused"> +</frame_style> + +<frame_style name="border_focused" geometry="border" parent="normal_focused"> +</frame_style> + +<frame_style name="border_unfocused" geometry="border" parent="normal_unfocused"> +</frame_style> + +<frame_style name="borderless_focused" geometry="borderless" parent="normal_focused"> +</frame_style> + +<frame_style name="borderless_unfocused" geometry="borderless" parent="normal_unfocused"> +</frame_style> + +<frame_style name="attached_focused" geometry="attached" parent="modal_dialog_focused"> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached" parent="modal_dialog_unfocused"> +</frame_style> + +<!-- placeholder for unimplementated styles--> + +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button version=">= 3.5" function="appmenu" state="normal"><draw_ops></draw_ops></button> + <button version=">= 3.5" function="appmenu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- frame style sets --> + +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused"/> + <frame focus="no" state="normal" resize="both" style="normal_unfocused"/> + <frame focus="yes" state="maximized" style="normal_max_focused"/> + <frame focus="no" state="maximized" style="normal_max_unfocused"/> + <frame focus="yes" state="shaded" style="normal_focused"/> + <frame focus="no" state="shaded" style="normal_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_focused"/> + <frame focus="no" state="maximized_and_shaded" style="normal_max_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_left" style="tiled_left_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_left" style="tiled_left_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_right" style="tiled_right_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_right" style="tiled_right_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_left_and_shaded" style="tiled_left_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_left_and_shaded" style="tiled_left_unfocused"/> + <frame version=">= 3.3" focus="yes" state="tiled_right_and_shaded" style="tiled_right_focused"/> + <frame version=">= 3.3" focus="no" state="tiled_right_and_shaded" style="tiled_right_unfocused"/> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="dialog_focused"/> + <frame focus="no" state="shaded" style="dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused"/> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="modal_dialog_focused"/> + <frame focus="no" state="shaded" style="modal_dialog_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused"/> + <frame focus="no" state="normal" resize="both" style="utility_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="utility_focused"/> + <frame focus="no" state="shaded" style="utility_unfocused"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused"/> + <frame focus="no" state="normal" resize="both" style="border_unfocused"/> + <frame focus="yes" state="maximized" style="borderless_focused"/> + <frame focus="no" state="maximized" style="borderless_unfocused"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<frame_style_set name="attached_style_set"> + <frame focus="yes" state="normal" resize="both" style="attached_focused"/> + <frame focus="no" state="normal" resize="both" style="attached_unfocused"/> + <frame focus="yes" state="maximized" style="blank"/> + <frame focus="no" state="maximized" style="blank"/> + <frame focus="yes" state="shaded" style="blank"/> + <frame focus="no" state="shaded" style="blank"/> + <frame focus="yes" state="maximized_and_shaded" style="blank"/> + <frame focus="no" state="maximized_and_shaded" style="blank"/> +</frame_style_set> + +<!-- windows --> + +<window type="normal" style_set="normal_style_set"/> +<window type="dialog" style_set="dialog_style_set"/> +<window type="modal_dialog" style_set="modal_dialog_style_set"/> +<window type="menu" style_set="utility_style_set"/> +<window type="utility" style_set="utility_style_set"/> +<window type="border" style_set="border_style_set"/> +<window version=">= 3.2" type="attached" style_set="attached_style_set"/> + +</metacity_theme> diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/thumbnail.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/thumbnail.png new file mode 100644 index 0000000..6d1abe6 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/metacity-1/thumbnail.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-active.png new file mode 100644 index 0000000..be7251b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-inactive.png new file mode 100644 index 0000000..e3db184 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-left-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-left-active.png new file mode 100644 index 0000000..5fc9bf5 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-left-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-left-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-left-inactive.png new file mode 100644 index 0000000..777b601 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-left-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-right-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-right-active.png new file mode 100644 index 0000000..b6ba2ee Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-right-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-right-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-right-inactive.png new file mode 100644 index 0000000..b207611 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/bottom-right-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-active.png new file mode 100644 index 0000000..4120b17 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-inactive.png new file mode 100644 index 0000000..86ed20a Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-prelight.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-prelight.png new file mode 100644 index 0000000..d2587bf Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-prelight.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-pressed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-pressed.png new file mode 100644 index 0000000..acb6bd8 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/close-pressed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-active.png new file mode 100644 index 0000000..5f6fff5 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-inactive.png new file mode 100644 index 0000000..29030db Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-prelight.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-prelight.png new file mode 100644 index 0000000..202db93 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-prelight.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-pressed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-pressed.png new file mode 100644 index 0000000..26120e5 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/hide-pressed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/left-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/left-active.png new file mode 100644 index 0000000..2e10acd Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/left-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/left-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/left-inactive.png new file mode 100644 index 0000000..935ed88 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/left-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-active.png new file mode 100644 index 0000000..f98b9f4 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-inactive.png new file mode 100644 index 0000000..0f8bd18 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-prelight.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-prelight.png new file mode 100644 index 0000000..91e75d4 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-prelight.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-pressed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-pressed.png new file mode 100644 index 0000000..4bad637 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-pressed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-active.png new file mode 100644 index 0000000..79bb36b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-inactive.png new file mode 100644 index 0000000..6312f7b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-prelight.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-prelight.png new file mode 100644 index 0000000..de495a5 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-prelight.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-pressed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-pressed.png new file mode 100644 index 0000000..a37bd19 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/maximize-toggled-pressed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-active.png new file mode 100644 index 0000000..52d70f6 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-inactive.png new file mode 100644 index 0000000..751fa93 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-prelight.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-prelight.png new file mode 100644 index 0000000..ba24390 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-prelight.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-pressed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-pressed.png new file mode 100644 index 0000000..321c5ff Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/menu-pressed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/right-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/right-active.png new file mode 100644 index 0000000..d214db8 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/right-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/right-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/right-inactive.png new file mode 100644 index 0000000..935ed88 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/right-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-active.png new file mode 100644 index 0000000..13def8a Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-inactive.png new file mode 100644 index 0000000..3e94219 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-prelight.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-prelight.png new file mode 100644 index 0000000..9cb871b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-prelight.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-pressed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-pressed.png new file mode 100644 index 0000000..01349f1 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-pressed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-active.png new file mode 100644 index 0000000..b7c86af Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-inactive.png new file mode 100644 index 0000000..06d7937 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-prelight.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-prelight.png new file mode 100644 index 0000000..7abb369 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-prelight.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-pressed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-pressed.png new file mode 100644 index 0000000..91d7b17 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/shade-toggled-pressed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-active.png new file mode 100644 index 0000000..c90ad0f Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-inactive.png new file mode 100644 index 0000000..ae6d8e7 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-prelight.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-prelight.png new file mode 100644 index 0000000..fe1d51c Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-prelight.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-pressed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-pressed.png new file mode 100644 index 0000000..23261e4 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-pressed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-active.png new file mode 100644 index 0000000..d075e24 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-inactive.png new file mode 100644 index 0000000..265d267 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-prelight.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-prelight.png new file mode 100644 index 0000000..e1a9654 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-prelight.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-pressed.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-pressed.png new file mode 100644 index 0000000..e86b79b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/stick-toggled-pressed.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/themerc b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/themerc new file mode 100644 index 0000000..22732f3 --- /dev/null +++ b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/themerc @@ -0,0 +1,23 @@ +button_offset=6 +button_spacing=0 + +show_app_icon=false + +full_width_title=true + +title_shadow_active=false +title_shadow_inactive=false + +title_horizontal_offset=3 + +active_text_color=#f0f7fe +active_text_shadow_color=#222426 + +inactive_text_color=#999da3 +inactive_text_shadow_color=#222426 + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-5 +shadow_opacity=40 diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-1-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-1-active.png new file mode 100644 index 0000000..cf4a6d2 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-1-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-1-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-1-inactive.png new file mode 100644 index 0000000..a95292b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-1-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-2-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-2-active.png new file mode 100644 index 0000000..cf4a6d2 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-2-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-2-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-2-inactive.png new file mode 100644 index 0000000..a95292b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-2-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-3-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-3-active.png new file mode 100644 index 0000000..cf4a6d2 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-3-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-3-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-3-inactive.png new file mode 100644 index 0000000..a95292b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-3-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-4-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-4-active.png new file mode 100644 index 0000000..cf4a6d2 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-4-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-4-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-4-inactive.png new file mode 100644 index 0000000..a95292b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-4-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-5-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-5-active.png new file mode 100644 index 0000000..cf4a6d2 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-5-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-5-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-5-inactive.png new file mode 100644 index 0000000..a95292b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/title-5-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-left-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-left-active.png new file mode 100644 index 0000000..50a5d6b Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-left-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-left-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-left-inactive.png new file mode 100644 index 0000000..1b875f2 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-left-inactive.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-right-active.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-right-active.png new file mode 100644 index 0000000..12a5098 Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-right-active.png differ diff --git a/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-right-inactive.png b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-right-inactive.png new file mode 100644 index 0000000..e8ee49e Binary files /dev/null and b/dotfiles/gtk/Catppuccin-Macchiato-Dark/xfwm4/top-right-inactive.png differ diff --git a/dotfiles/gtk/gtk-3.0/settings.ini b/dotfiles/gtk/gtk-3.0/settings.ini new file mode 100644 index 0000000..9ab05fc --- /dev/null +++ b/dotfiles/gtk/gtk-3.0/settings.ini @@ -0,0 +1,4 @@ +[Settings] +Settings=gtk-application-prefer-dark-themes=1 +gtk-application-prefer-dark-theme=true +gtk-icon-theme-name=Papirus-Dark diff --git a/dotfiles/gtk/gtk-4.0/settings.ini b/dotfiles/gtk/gtk-4.0/settings.ini new file mode 100644 index 0000000..5d6904f --- /dev/null +++ b/dotfiles/gtk/gtk-4.0/settings.ini @@ -0,0 +1,7 @@ +[Settings] +gtk-theme-name=Catppuccin-Macchiato-Dark +gtk-icon-theme-name=Papirus-Dark +gtk-font-name=Adwaita Sans 11 +gtk-cursor-theme-name=catppuccin-mocha-dark-cursors +gtk-cursor-theme-size=22 +gtk-application-prefer-dark-theme=1 diff --git a/dotfiles/kitty/kitty.conf b/dotfiles/kitty/kitty.conf new file mode 100644 index 0000000..fe9a472 --- /dev/null +++ b/dotfiles/kitty/kitty.conf @@ -0,0 +1,93 @@ +# vim:ft=kitty + +## name: Catppuccin Kitty Mocha +## author: Catppuccin Org +## license: MIT +## upstream: https://github.com/catppuccin/kitty/blob/main/themes/mocha.conf +## blurb: Soothing pastel theme for the high-spirited! + + +# NixOS fix +confirm_os_window_close 0 + +# Fonts +font_family JetBrains Mono +bold_font JetBrains Mono Bold +italic_font JetBrains Mono Italic +bold_italic_font JetBrains Mono Italic Bold +font_size 12 + +# The basic colors +foreground #cdd6f4 +background #1e1e2e +selection_foreground #1e1e2e +selection_background #f5e0dc + +# Cursor colors +cursor #f5e0dc +cursor_text_color #1e1e2e + +# Scrollbar colors +scrollbar_handle_color #9399b2 +scrollbar_track_color #45475a + +# URL 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 diff --git a/dotfiles/niri/binds.kdl b/dotfiles/niri/binds.kdl new file mode 100644 index 0000000..e4d75dd --- /dev/null +++ b/dotfiles/niri/binds.kdl @@ -0,0 +1,172 @@ +binds { + Mod+Shift+Slash { show-hotkey-overlay; } + + // Application related + Mod+RETURN hotkey-overlay-title="Open a Terminal: kitty" { spawn "kitty"; } + Mod+D hotkey-overlay-title="Run an Application: rofi" { spawn-sh "rofi -show drun"; } + Super+Shift+L hotkey-overlay-title="Lock the Screen: swaylock" { spawn "swaylock"; } + Mod+Shift+F hotkey-overlay-title="Open a web browser: Librewolf" { spawn "librewolf"; } + Mod+Shift+D hotkey-overlay-title="Open a web browser: Mullvad Browser" { spawn "mullvad-browser"; } + Mod+E hotkey-overlay-title="Open a file explorer: Nautilus" { spawn "nautilus"; } + Mod+P hotkey-overlay-title="Open a volume control center: Pwvucontrol" { spawn "pwvucontrol"; } + Mod+B hotkey-overlay-title="Open a bluetooth control center: overskride" { spawn "overskride"; } + + // Volume control + XF86AudioRaiseVolume allow-when-locked=true { spawn-sh "wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.1+ -l 1.0"; } + XF86AudioLowerVolume allow-when-locked=true { spawn-sh "wpctl set-volume @DEFAULT_AUDIO_SINK@ 0.1-"; } + XF86AudioMute allow-when-locked=true { spawn-sh "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle"; } + XF86AudioMicMute allow-when-locked=true { spawn-sh "wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle"; } + + // Player control + XF86AudioPlay allow-when-locked=true { spawn-sh "playerctl play-pause"; } + XF86AudioStop allow-when-locked=true { spawn-sh "playerctl stop"; } + XF86AudioPrev allow-when-locked=true { spawn-sh "playerctl previous"; } + XF86AudioNext allow-when-locked=true { spawn-sh "playerctl next"; } + + // Brightness control + XF86MonBrightnessUp allow-when-locked=true { spawn "brightnessctl" "--class=backlight" "set" "+10%"; } + XF86MonBrightnessDown allow-when-locked=true { spawn "brightnessctl" "--class=backlight" "set" "10%-"; } + + Mod+Q repeat=false { toggle-overview; } + + Mod+Shift+Q repeat=false { 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+Shift+Left { move-column-left; } + Mod+Shift+Down { move-window-down; } + Mod+Shift+Up { move-window-up; } + Mod+Shift+Right { move-column-right; } + Mod+Shift+H { move-column-left; } + Mod+Shift+J { move-window-down; } + Mod+Shift+K { move-window-up; } + Mod+Shift+L { move-column-right; } + + Mod+Home { focus-column-first; } + Mod+End { focus-column-last; } + Mod+Shift+Home { move-column-to-first; } + Mod+Shift+End { move-column-to-last; } + + Mod+Ctrl+Left { focus-monitor-left; } + Mod+Ctrl+Down { focus-monitor-down; } + Mod+Ctrl+Up { focus-monitor-up; } + Mod+Ctrl+Right { focus-monitor-right; } + Mod+Ctrl+H { focus-monitor-left; } + Mod+Ctrl+J { focus-monitor-down; } + Mod+Ctrl+K { focus-monitor-up; } + Mod+Ctrl+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; } + + Mod+Page_Down { focus-workspace-down; } + Mod+Page_Up { focus-workspace-up; } + Mod+U { focus-workspace-down; } + Mod+I { focus-workspace-up; } + Mod+Shift+Page_Down { move-column-to-workspace-down; } + Mod+Shift+Page_Up { move-column-to-workspace-up; } + Mod+Shift+U { move-column-to-workspace-down; } + Mod+Shift+I { move-column-to-workspace-up; } + + Mod+Ctrl+Page_Down { move-workspace-down; } + Mod+Ctrl+Page_Up { move-workspace-up; } + Mod+Ctrl+U { move-workspace-down; } + Mod+Ctrl+I { move-workspace-up; } + + Mod+WheelScrollDown cooldown-ms=150 { focus-workspace-down; } + Mod+WheelScrollUp cooldown-ms=150 { focus-workspace-up; } + Mod+Shift+WheelScrollDown cooldown-ms=150 { move-column-to-workspace-down; } + Mod+Shift+WheelScrollUp cooldown-ms=150 { move-column-to-workspace-up; } + + Mod+WheelScrollRight { focus-column-right; } + Mod+WheelScrollLeft { focus-column-left; } + Mod+Shift+WheelScrollRight { move-column-right; } + Mod+Shift+WheelScrollLeft { move-column-left; } + + Mod+Ctrl+WheelScrollDown { focus-column-right; } + Mod+Ctrl+WheelScrollUp { focus-column-left; } + Mod+Ctrl+Shift+WheelScrollDown { move-column-right; } + Mod+Ctrl+Shift+WheelScrollUp { move-column-left; } + + Mod+TouchpadScrollDown { move-workspace-down; } + Mod+TouchpadScrollUp { move-workspace-up; } + Mod+Shift+TouchpadScrollDown { move-column-to-workspace-down; } + Mod+Shift+TouchpadScrollUp { move-column-to-workspace-up; } + + 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+Shift+1 { move-column-to-workspace 1; } + Mod+Shift+2 { move-column-to-workspace 2; } + Mod+Shift+3 { move-column-to-workspace 3; } + Mod+Shift+4 { move-column-to-workspace 4; } + Mod+Shift+5 { move-column-to-workspace 5; } + Mod+Shift+6 { move-column-to-workspace 6; } + Mod+Shift+7 { move-column-to-workspace 7; } + Mod+Shift+8 { move-column-to-workspace 8; } + Mod+Shift+9 { move-column-to-workspace 9; } + Mod+S { move-column-to-workspace 9; } + + Mod+BracketLeft { consume-or-expel-window-left; } + Mod+BracketRight { consume-or-expel-window-right; } + + Mod+Comma { consume-window-into-column; } + Mod+Period { expel-window-from-column; } + + Mod+R { switch-preset-column-width; } + Mod+Shift+R { switch-preset-column-width-back; } + + Mod+Ctrl+Shift+R { switch-preset-window-height; } + Mod+Ctrl+R { reset-window-height; } + + Mod+F { maximize-column; } + F11 { fullscreen-window; } + + Mod+M { maximize-window-to-edges; } + + Mod+Ctrl+F { expand-column-to-available-width; } + + Mod+C { center-column; } + + Mod+Ctrl+C { center-visible-columns; } + + Mod+Minus { set-column-width "-10%"; } + Mod+Equal { set-column-width "+10%"; } + + Mod+Shift+Minus { set-window-height "-10%"; } + Mod+Shift+Equal { set-window-height "+10%"; } + + Mod+V { toggle-window-floating; } + Mod+Shift+V { switch-focus-between-floating-and-tiling; } + + Mod+W { toggle-column-tabbed-display; } + + Print { screenshot; } + Ctrl+Print { screenshot-screen; } + Alt+Print { screenshot-window; } + + Mod+Escape allow-inhibiting=false { toggle-keyboard-shortcuts-inhibit; } + + Mod+Shift+E { quit; } + + Mod+Shift+P { power-off-monitors; } +} diff --git a/dotfiles/niri/config.kdl b/dotfiles/niri/config.kdl new file mode 100644 index 0000000..47c4861 --- /dev/null +++ b/dotfiles/niri/config.kdl @@ -0,0 +1,28 @@ +include "~/.config/niri/inputs.kdl" +include "~/.config/niri/outputs.kdl" +include "~/.config/niri/layout.kdl" +include "~/.config/niri/window-rules.kdl" +include "~/.config/niri/binds.kdl" +include "~/.config/niri/startup.kdl" +include "~/.config/niri/workspaces.kdl" + +prefer-no-csd + +hotkey-overlay { + skip-at-startup +} + +screenshot-path "~/Pictures/Screenshots/Screenshot from %Y-%m-%d %H-%M-%S.png" + +animations { + // Satisfied with the defaults as of 06.07.2026, my mind may change however +} + +cursor { + // xcursor-theme "Catppuccin Mocha Dark" + xcursor-size 22 +} + +overview { + backdrop-color "#181825" +} diff --git a/dotfiles/niri/inputs.kdl b/dotfiles/niri/inputs.kdl new file mode 100644 index 0000000..7691065 --- /dev/null +++ b/dotfiles/niri/inputs.kdl @@ -0,0 +1,28 @@ +input { + keyboard { + xkb { + layout "pl" + variant "programmers" + } + repeat-rate 35 + repeat-delay 200 + numlock + } + + touchpad { + tap + drag true + drag-lock + dwt + natural-scroll + accel-profile "flat" + scroll-method "two-finger" + } + + mouse { + accel-profile "flat" + } + + disable-power-key-handling + focus-follows-mouse max-scroll-amount="0%" +} diff --git a/dotfiles/niri/layout.kdl b/dotfiles/niri/layout.kdl new file mode 100644 index 0000000..d9d37ff --- /dev/null +++ b/dotfiles/niri/layout.kdl @@ -0,0 +1,26 @@ +layout { + gaps 8 + center-focused-column "never" + preset-column-widths { + proportion 0.33333 + proportion 0.5 + proportion 0.66667 + } + + default-column-width { proportion 0.5; } + + focus-ring { + off + } + + border { + on + width 1 + active-color "#89b4fa" + inactive-color "#6c7086" + } + + shadow { + off + } +} diff --git a/dotfiles/niri/outputs.kdl b/dotfiles/niri/outputs.kdl new file mode 100644 index 0000000..b920804 --- /dev/null +++ b/dotfiles/niri/outputs.kdl @@ -0,0 +1,11 @@ +output "eDP-1" { + mode "1920x1080@60.020" + scale 1 + transform "normal" +} + +output "DP-1" { + mode "2560x1440@143.972" + scale 1 + variable-refresh-rate on-demand=true +} diff --git a/dotfiles/niri/startup.kdl b/dotfiles/niri/startup.kdl new file mode 100644 index 0000000..670abd3 --- /dev/null +++ b/dotfiles/niri/startup.kdl @@ -0,0 +1,5 @@ +// spawn-sh-at-startup "/usr/libexec/polkit-gnome-authentication-agent-1" +spawn-sh-at-startup "udiskie" +spawn-sh-at-startup "swayidle" +spawn-sh-at-startup "swaybg -m fill -i ~/nixos/wallpapers/5.jpg" +spawn-sh-at-startup "wl-clipboard" diff --git a/dotfiles/niri/window-rules.kdl b/dotfiles/niri/window-rules.kdl new file mode 100644 index 0000000..5990d17 --- /dev/null +++ b/dotfiles/niri/window-rules.kdl @@ -0,0 +1,63 @@ +window-rule { + geometry-corner-radius 12 + clip-to-geometry true +} + +window-rule { + match app-id=r#"librewolf$"# title="^Picture-in-Picture$" + open-floating true + default-column-width { fixed 800; } + default-window-height { fixed 400; } +} + +window-rule { + match app-id="librewolf" + open-on-workspace "1" + open-maximized true +} + +window-rule { + match app-id="Mullvad Browser" + open-maximized true +} + +window-rule { + match app-id="Mullvad VPN" + open-floating true +} + +window-rule { + match app-id="com.saivert.pwvucontrol" + open-floating true + default-column-width { fixed 800; } + default-window-height { fixed 400; } + default-floating-position x=50 y=50 +} + +window-rule { + match title="overskride" + open-floating true + default-column-width { fixed 800; } + default-window-height { fixed 800; } + default-floating-position x=1050 y=50 +} + +window-rule { + match app-id="org.gnome.Nautilus" + open-floating true + default-column-width { fixed 1000; } + default-window-height { fixed 800; } +} + +window-rule { + match app-id="org.gnome.eog" + open-floating true + default-column-width { fixed 1000; } + default-window-height { fixed 800; } +} + +window-rule { + match is-floating=true + default-column-width { fixed 800; } + default-window-height { fixed 400; } +} diff --git a/dotfiles/niri/workspaces.kdl b/dotfiles/niri/workspaces.kdl new file mode 100644 index 0000000..94da3f9 --- /dev/null +++ b/dotfiles/niri/workspaces.kdl @@ -0,0 +1,4 @@ +workspace "1"{ +} +workspace "2"{ +} diff --git a/dotfiles/nvim/init.lua b/dotfiles/nvim/init.lua new file mode 100644 index 0000000..2d32bbd --- /dev/null +++ b/dotfiles/nvim/init.lua @@ -0,0 +1,9 @@ +require("config.options") +require("config.keybinds") +require("plugins.telescope") +require("plugins.catppuccin") +require("plugins.lualine") +require("plugins.treesitter") +require("plugins.lsp") +require("plugins.nvim-tree") +require("plugins.other-plugins") diff --git a/dotfiles/nvim/lua/config/keybinds.lua b/dotfiles/nvim/lua/config/keybinds.lua new file mode 100644 index 0000000..b8382fd --- /dev/null +++ b/dotfiles/nvim/lua/config/keybinds.lua @@ -0,0 +1,8 @@ +-- Keybinds +vim.g.mapleader = " " + +-- Source +vim.keymap.set("n", "<leader><leader>", vim.cmd.so) + +-- Navigation +vim.keymap.set("n", "<leader>q", "<C-w>l") diff --git a/dotfiles/nvim/lua/config/options.lua b/dotfiles/nvim/lua/config/options.lua new file mode 100644 index 0000000..e8b4588 --- /dev/null +++ b/dotfiles/nvim/lua/config/options.lua @@ -0,0 +1,31 @@ +-- vim.options by default +local set = vim.opt + +-- indentation related +set.shiftwidth = 4 +set.tabstop = 4 +set.autoindent = true +set.smartindent = true +set.expandtab = true + +-- line numbers +set.number = true + +-- appearance +set.ignorecase = true +set.smartcase = true +set.cursorline = true +set.updatetime = 50 + +-- searching +set.ignorecase = true +set.smartcase = true +set.incsearch = true + +-- clipboard +set.clipboard:append("unnamedplus") + +-- undo dir +set.swapfile = false +set.backup = false +set.undofile = true diff --git a/dotfiles/nvim/lua/plugins/catppuccin.lua b/dotfiles/nvim/lua/plugins/catppuccin.lua new file mode 100644 index 0000000..16a2963 --- /dev/null +++ b/dotfiles/nvim/lua/plugins/catppuccin.lua @@ -0,0 +1,7 @@ +vim.pack.add { { src = "https://github.com/catppuccin/nvim", name = "catppuccin" } } +vim.cmd.colorscheme "catppuccin-mocha" +vim.api.nvim_set_hl(0, "Normal", { bg = "none" }) +vim.api.nvim_set_hl(0, "NormalNC", { bg = "none" }) +vim.api.nvim_set_hl(0, "SignColumn", { bg = "none" }) +vim.api.nvim_set_hl(0, "LineNr", { bg = "none" }) +vim.api.nvim_set_hl(0, "EndOfBuffer", { bg = "none" }) diff --git a/dotfiles/nvim/lua/plugins/lsp.lua b/dotfiles/nvim/lua/plugins/lsp.lua new file mode 100644 index 0000000..af4d18f --- /dev/null +++ b/dotfiles/nvim/lua/plugins/lsp.lua @@ -0,0 +1,87 @@ +vim.pack.add({ + 'https://github.com/neovim/nvim-lspconfig', + -- Autocompletion + 'https://github.com/hrsh7th/cmp-nvim-lsp', + 'https://github.com/hrsh7th/cmp-buffer', + 'https://github.com/hrsh7th/cmp-path', + 'https://github.com/hrsh7th/cmp-cmdline', + 'https://github.com/hrsh7th/nvim-cmp', + -- Snippets + 'https://github.com/hrsh7th/cmp-vsnip', + 'https://github.com/hrsh7th/vim-vsnip', + 'https://github.com/L3MON4D3/LuaSnip', + 'https://github.com/saadparwaizl/cmp_luasnip', + -- github + 'https://github.com/petertriho/cmp-git' +}) + +-- Set up nvim-cmp. +local cmp = require 'cmp' + +cmp.setup({ + snippet = { + -- REQUIRED - you must specify a snippet engine + expand = function(args) + vim.fn["vsnip#anonymous"](args.body) -- For `vsnip` users. + require('luasnip').lsp_expand(args.body) -- For `luasnip` users. + vim.snippet.expand(args.body) -- For native neovim snippets (Neovim v0.10+) + end, + }, + window = { + completion = cmp.config.window.bordered(), + documentation = cmp.config.window.bordered(), + }, + mapping = cmp.mapping.preset.insert({ + ['<C-b>'] = cmp.mapping.scroll_docs(-4), + ['<C-f>'] = cmp.mapping.scroll_docs(4), + ['<C-Space>'] = cmp.mapping.complete(), + ['<C-e>'] = cmp.mapping.abort(), + ['<CR>'] = cmp.mapping.confirm({ select = true }), -- Accept currently selected item. Set `select` to `false` to only confirm explicitly selected items. + }), + sources = cmp.config.sources({ + { name = 'nvim_lsp' }, + { name = 'luasnip' }, -- For luasnip users. + }, { + { name = 'buffer' }, + }) +}) + +cmp.setup.filetype('gitcommit', { + sources = cmp.config.sources({ + { name = 'git' }, + }, { + { name = 'buffer' }, + }) +}) +require("cmp_git").setup() + +-- Use buffer source for `/` and `?` (if you enabled `native_menu`, this won't work anymore). +cmp.setup.cmdline({ '/', '?' }, { + mapping = cmp.mapping.preset.cmdline(), + sources = { + { name = 'buffer' } + } +}) + +-- Use cmdline & path source for ':' (if you enabled `native_menu`, this won't work anymore). +cmp.setup.cmdline(':', { + mapping = cmp.mapping.preset.cmdline(), + sources = cmp.config.sources({ + { name = 'path' } + }, { + { name = 'cmdline' } + }), + matching = { disallow_symbol_nonprefix_matching = false } +}) + +-- Set up lspconfig. +local capabilities = require('cmp_nvim_lsp').default_capabilities() +vim.lsp.config('lua_ls', { + capabilities = capabilities +}) +vim.lsp.config('nixd', { + cmd = { "nixd" }, + filetypes = { "nix" }, + capabilities = capabilities +}) +vim.lsp.enable({ "lua_ls", "nixd" }) diff --git a/dotfiles/nvim/lua/plugins/lualine.lua b/dotfiles/nvim/lua/plugins/lualine.lua new file mode 100644 index 0000000..114aa24 --- /dev/null +++ b/dotfiles/nvim/lua/plugins/lualine.lua @@ -0,0 +1,10 @@ +vim.pack.add({ + 'https://github.com/nvim-tree/nvim-web-devicons', + 'https://github.com/nvim-lualine/lualine.nvim' +}) +require('lualine').setup { + options = { + theme = 'catppuccin-mocha', + icons_enabled = true + } +} diff --git a/dotfiles/nvim/lua/plugins/nvim-tree.lua b/dotfiles/nvim/lua/plugins/nvim-tree.lua new file mode 100644 index 0000000..a86e5a7 --- /dev/null +++ b/dotfiles/nvim/lua/plugins/nvim-tree.lua @@ -0,0 +1,37 @@ +vim.pack.add({ + { src = 'https://github.com/nvim-tree/nvim-web-devicons' }, -- optional + { src = 'https://github.com/nvim-tree/nvim-tree.lua' }, +}) + + -- disable netrw at the very start of your init.lua + vim.g.loaded_netrw = 1 + vim.g.loaded_netrwPlugin = 1 + + -- optionally enable 24-bit colour + vim.opt.termguicolors = true + + -- empty setup using defaults + require("nvim-tree").setup() + + -- OR setup with a config + + ---@type nvim_tree.config + local config = { + sort = { + sorter = "case_sensitive", + }, + view = { + width = 30, + }, + renderer = { + group_empty = true, + }, + filters = { + dotfiles = true, + }, + } + require("nvim-tree").setup(config) + +vim.keymap.set("n", "<leader>e", vim.cmd.NvimTreeFocus) +vim.keymap.set("n", "<leader>q", vim.cmd.NvimTreeCollapse) +vim.api.nvim_set_hl(0, "Normal", { bg = "none" }) diff --git a/dotfiles/nvim/lua/plugins/other-plugins.lua b/dotfiles/nvim/lua/plugins/other-plugins.lua new file mode 100644 index 0000000..963eaf7 --- /dev/null +++ b/dotfiles/nvim/lua/plugins/other-plugins.lua @@ -0,0 +1,9 @@ +vim.pack.add ({ + 'https://github.com/ojroques/vim-oscyank', -- Shared ssh clipboard + 'https://github.com/tpope/vim-fugitive', -- Git plugin + 'https://github.com/brenoprata10/nvim-highlight-colors' -- Shows CSS colors when editing files +}) + +-- CSS colors +vim.opt.termguicolors = true +require('nvim-highlight-colors').setup({}) diff --git a/dotfiles/nvim/lua/plugins/telescope.lua b/dotfiles/nvim/lua/plugins/telescope.lua new file mode 100644 index 0000000..3833912 --- /dev/null +++ b/dotfiles/nvim/lua/plugins/telescope.lua @@ -0,0 +1,11 @@ +vim.pack.add({ + 'https://github.com/nvim-telescope/telescope.nvim', + 'https://github.com/nvim-lua/plenary.nvim', + 'https://github.com/nvim-telescope/telescope-fzf-native.nvim', + 'https://github.com/nvim-tree/nvim-web-devicons' +}) +local builtin = require('telescope.builtin') +vim.keymap.set('n', '<leader>ff', builtin.find_files, { desc = 'Telescope find files' }) +vim.keymap.set('n', '<leader>fg', builtin.live_grep, { desc = 'Telescope live grep' }) +vim.keymap.set('n', '<leader>fb', builtin.buffers, { desc = 'Telescope buffers' }) +vim.keymap.set('n', '<leader>fh', builtin.help_tags, { desc = 'Telescope help tags' }) diff --git a/dotfiles/nvim/lua/plugins/treesitter.lua b/dotfiles/nvim/lua/plugins/treesitter.lua new file mode 100644 index 0000000..027cef8 --- /dev/null +++ b/dotfiles/nvim/lua/plugins/treesitter.lua @@ -0,0 +1,21 @@ +vim.pack.add ({ + 'https://github.com/nvim-treesitter/nvim-treesitter' +}) + +require('nvim-treesitter').setup { + -- Directory to install parsers and queries to (prepended to `runtimepath` to have priority) + install_dir = vim.fn.stdpath('data') .. '/site' +} +-- Required parsers and queries +require('nvim-treesitter').install { 'lua', 'nix', 'javascript', 'html', 'css', 'c', 'cpp', 'python', 'kdl', 'markdown', 'qmldir' } + +-- Syntax highlighting +vim.api.nvim_create_autocmd('FileType', { + pattern = { 'lua', 'nix', 'javascript', 'html', 'css', 'c', 'cpp', 'python', 'kdl', 'markdown', 'qmldir' }, + callback = function() vim.treesitter.start() end, +}) + +-- Auto indentation +vim.api.nvim_create_autocmd('FileType', { + callback = function() vim.bo.indentexpr = "v:lua.require'nvim-treesitter'.indentexpr()" end, +}) diff --git a/dotfiles/nvim/nvim-pack-lock.json b/dotfiles/nvim/nvim-pack-lock.json new file mode 100644 index 0000000..cad1b2b --- /dev/null +++ b/dotfiles/nvim/nvim-pack-lock.json @@ -0,0 +1,108 @@ +{ + "plugins": { + "LuaSnip": { + "rev": "0abc8f390b278c3b4aabc4c004ac8a088b65cf24", + "src": "https://github.com/L3MON4D3/LuaSnip" + }, + "blink.cmp": { + "rev": "9dcb1f3a9164f10c8950a790aace576f2e89dc78", + "src": "https://github.com/Saghen/blink.cmp" + }, + "blink.lib": { + "rev": "5876dd95deeb70aadbe9f1c0b7117a135061cdac", + "src": "https://github.com/Saghen/blink.lib" + }, + "catppuccin": { + "rev": "e068ab5f8261f23f6f71ffd8791ae40315b77b9c", + "src": "https://github.com/catppuccin/nvim" + }, + "cmp-buffer": { + "rev": "b74fab3656eea9de20a9b8116afa3cfc4ec09657", + "src": "https://github.com/hrsh7th/cmp-buffer" + }, + "cmp-cmdline": { + "rev": "d126061b624e0af6c3a556428712dd4d4194ec6d", + "src": "https://github.com/hrsh7th/cmp-cmdline" + }, + "cmp-git": { + "rev": "e645f69b93eede43fb644bb1a0b1db3eef1108a3", + "src": "https://github.com/petertriho/cmp-git" + }, + "cmp-nvim-lsp": { + "rev": "cbc7b02bb99fae35cb42f514762b89b5126651ef", + "src": "https://github.com/hrsh7th/cmp-nvim-lsp" + }, + "cmp-path": { + "rev": "c642487086dbd9a93160e1679a1327be111cbc25", + "src": "https://github.com/hrsh7th/cmp-path" + }, + "cmp-vsnip": { + "rev": "989a8a73c44e926199bfd05fa7a516d51f2d2752", + "src": "https://github.com/hrsh7th/cmp-vsnip" + }, + "cmp_luasnip": { + "rev": "98d9cb5c2c38532bd9bdb481067b20fea8f32e90", + "src": "https://github.com/saadparwaiz1/cmp_luasnip" + }, + "fd": { + "rev": "fb1486f210885ae663338ebfab4e70210abc4809", + "src": "https://github.com/sharkdp/fd" + }, + "friendly-snippets": { + "rev": "6cd7280adead7f586db6fccbd15d2cac7e2188b9", + "src": "https://github.com/rafamadriz/friendly-snippets" + }, + "lualine.nvim": { + "rev": "221ce6b2d999187044529f49da6554a92f740a96", + "src": "https://github.com/nvim-lualine/lualine.nvim" + }, + "nvim-cmp": { + "rev": "a1d504892f2bc56c2e79b65c6faded2fd21f3eca", + "src": "https://github.com/hrsh7th/nvim-cmp" + }, + "nvim-highlight-colors": { + "rev": "e4c7af0211866162d999ce0bdd6a029302e19139", + "src": "https://github.com/brenoprata10/nvim-highlight-colors" + }, + "nvim-lspconfig": { + "rev": "d224a1920728ba129880efc700d4a0180ac4ecbb", + "src": "https://github.com/neovim/nvim-lspconfig" + }, + "nvim-tree.lua": { + "rev": "7ff7040bf6c246671eb55cb1727de4fd9f92a106", + "src": "https://github.com/nvim-tree/nvim-tree.lua" + }, + "nvim-treesitter": { + "rev": "4916d6592ede8c07973490d9322f187e07dfefac", + "src": "https://github.com/nvim-treesitter/nvim-treesitter" + }, + "nvim-web-devicons": { + "rev": "dad71387de386a946b123079d0e53f23028f3abd", + "src": "https://github.com/nvim-tree/nvim-web-devicons" + }, + "plenary.nvim": { + "rev": "74b06c6c75e4eeb3108ec01852001636d85a932b", + "src": "https://github.com/nvim-lua/plenary.nvim" + }, + "telescope-fzf-native.nvim": { + "rev": "b25b749b9db64d375d782094e2b9dce53ad53a40", + "src": "https://github.com/nvim-telescope/telescope-fzf-native.nvim" + }, + "telescope.nvim": { + "rev": "427b576c16792edad01a92b89721d923c19ad60f", + "src": "https://github.com/nvim-telescope/telescope.nvim" + }, + "vim-fugitive": { + "rev": "3b753cf8c6a4dcde6edee8827d464ba9b8c4a6f0", + "src": "https://github.com/tpope/vim-fugitive" + }, + "vim-oscyank": { + "rev": "d67d76b2f19b868b70a1cf33a779d71dc092cb30", + "src": "https://github.com/ojroques/vim-oscyank" + }, + "vim-vsnip": { + "rev": "9bcfabea653abdcdac584283b5097c3f8760abaa", + "src": "https://github.com/hrsh7th/vim-vsnip" + } + } +} diff --git a/dotfiles/rofi/catppuccin-mocha.rasi b/dotfiles/rofi/catppuccin-mocha.rasi new file mode 100644 index 0000000..c8ea0e1 --- /dev/null +++ b/dotfiles/rofi/catppuccin-mocha.rasi @@ -0,0 +1,29 @@ +* { + rosewater: #f5e0dc; + flamingo: #f2cdcd; + pink: #f5c2e7; + mauve: #cba6f7; + red: #f38ba8; + maroon: #eba0ac; + peach: #fab387; + yellow: #f9e2af; + green: #a6e3a1; + teal: #94e2d5; + sky: #89dceb; + sapphire: #74c7ec; + blue: #89b4fa; + lavender: #b4befe; + text: #cdd6f4; + subtext1: #bac2de; + subtext0: #a6adc8; + overlay2: #9399b2; + overlay1: #7f849c; + overlay0: #6c7086; + surface2: #585b70; + surface1: #45475a; + surface0: #313244; + base: #1e1e2e; + mantle: #181825; + crust: #11111b; +} + diff --git a/dotfiles/rofi/config.rasi b/dotfiles/rofi/config.rasi new file mode 100644 index 0000000..5e14fdf --- /dev/null +++ b/dotfiles/rofi/config.rasi @@ -0,0 +1,197 @@ +@import "catppuccin-mocha" + +configuration { + modes: "drun"; + font: "JetBrains Mono"; + show-icons: true; + terminal: "foot"; + sorting-method: "normal"; + case-sensitive: false; + display-window: " Windows: "; + display-ssh: " Ssh: "; + display-drun: "󰀻 Apps: "; + display-run: "Run: "; +} + +* { + selected-active-foreground: @background; + lightfg: @text; + separatorcolor: @foreground; + urgent-foreground: @red; + alternate-urgent-background: @lightbg; + lightbg: @mantle; + background-color: transparent; + border-color: @foreground; + normal-background: @background; + selected-urgent-background: @red; + alternate-active-background: @lightbg; + spacing: 2; + alternate-normal-foreground: @foreground; + urgent-background: @background; + selected-normal-foreground: @lightbg; + active-foreground: @blue; + background: @base; + selected-active-background: @blue; + active-background: @background; + selected-normal-background: @lightfg; + alternate-normal-background: @lightbg; + foreground: @text; + selected-urgent-foreground: @background; + normal-foreground: @foreground; + alternate-urgent-foreground: @red; + alternate-active-foreground: @blue; +} + +element { + padding: 0px 10px ; + cursor: pointer; + spacing: 8px ; + border: 0; + border-radius: 0px; + orientation: horizontal; +} +element normal.normal { + background-color: @normal-background; + text-color: @normal-foreground; +} +element normal.urgent { + background-color: @urgent-background; + text-color: @urgent-foreground; +} +element normal.active { + background-color: @active-background; + text-color: @active-foreground; +} +element selected.normal { + background-color: @selected-normal-background; + text-color: @selected-normal-foreground; +} +element selected.urgent { + background-color: @selected-urgent-background; + text-color: @selected-urgent-foreground; +} +element selected.active { + background-color: @selected-active-background; + text-color: @selected-active-foreground; +} +element alternate.normal { + background-color: @alternate-normal-background; + text-color: @alternate-normal-foreground; +} +element alternate.urgent { + background-color: @alternate-urgent-background; + text-color: @alternate-urgent-foreground; +} +element alternate.active { + background-color: @alternate-active-background; + text-color: @alternate-active-foreground; +} +element-text { + background-color: transparent; + cursor: inherit; + highlight: inherit; + text-color: inherit; + font: "JetBrains Mono 12"; +} +element-icon { + background-color: transparent; + size: 24px; + cursor: inherit; + text-color: inherit; +} +window { + width: 600px; + padding: 0; + background-color: @background; + border: 1px; + border-radius: 0px; +} +mainbox { + padding: 0; + border: 0; +} +message { + padding: 8px 12px ; + margin: 0 0 10px 0; + border-color: @separatorcolor; + border: 2px dash 0px 0px ; +} +textbox { + text-color: @foreground; + font: "JetBrains Mono 1i"; +} +listview { + padding: 2px 0px 0px ; + scrollbar: true; + border-color: @separatorcolor; + spacing: 4px ; + fixed-height: false; + border: 2px dash 0px 0px ; + columns: 1; +} +scrollbar { + width: 4px ; + padding: 0; + handle-width: 4px ; + border: 0; + border-radius: 0px; + handle-color: @normal-foreground; +} +sidebar { + border-color: @separatorcolor; + border: 2px dash 0px 0px ; +} +button { + cursor: pointer; + spacing: 0; + border-radius: 1px; + text-color: @normal-foreground; +} +button selected { + background-color: @selected-normal-background; + text-color: @selected-normal-foreground; +} +num-filtered-rows { + expand: false; + text-color: Gray; +} +num-rows { + expand: false; + text-color: Gray; +} +textbox-num-sep { + expand: false; + str: "/"; + text-color: Gray; +} +inputbar { + padding: 10px 10px ; + margin: 0 0 10px 0; + spacing: 0px ; + text-color: @normal-foreground; + children: [ "prompt","entry" ]; +} +case-indicator { + spacing: 0; + text-color: @normal-foreground; +} +entry { + font: "JetBrains Mono 12"; + text-color: @normal-foreground; + cursor: text; + spacing: 0; + placeholder-color: Gray; + placeholder: "Search..."; +} +prompt { + font: "JetBrains Mono Bold 12"; + cursor: text; + spacing: 0; + text-color: @normal-foreground; +} +textbox-prompt-colon { + margin: 0px 0.3000em 0.0000em 0.0000em ; + expand: false; + str: ":"; + text-color: inherit; +} diff --git a/dotfiles/swayidle/config b/dotfiles/swayidle/config new file mode 100644 index 0000000..4469b5e --- /dev/null +++ b/dotfiles/swayidle/config @@ -0,0 +1,5 @@ +timeout 300 'brightnessctl -s set 10' resume 'brightnessctl -r' +timeout 600 'swaylock' +timeout 600 'brightnessctl -sd rgb:kbd_backlight set 0' resume 'brightnessctl -sd rgb:kbd_backlight set 1' +timeout 1200 'swaylock' +timeout 1200 'systemctl suspend' diff --git a/dotfiles/swaylock/config b/dotfiles/swaylock/config new file mode 100644 index 0000000..7f4d5c4 --- /dev/null +++ b/dotfiles/swaylock/config @@ -0,0 +1,35 @@ +font=JetBrains Mono + +clock +timestr=%H:%M:%S +datestr=%a, %B%e + +color=1e1e2e +bs-hl-color=f5e0dc +caps-lock-bs-hl-color=f5e0dc +caps-lock-key-hl-color=a6e3a1 +inside-color=1e1e2e +inside-clear-color=1e1e2e +inside-caps-lock-color=1e1e2e +inside-ver-color=1e1e2e +inside-wrong-color=1e1e2e +key-hl-color=a6e3a1 +layout-bg-color=00000000 +layout-border-color=00000000 +layout-text-color=cdd6f4 +line-color=00000000 +line-clear-color=00000000 +line-caps-lock-color=00000000 +line-ver-color=00000000 +line-wrong-color=00000000 +ring-color=313244 +ring-clear-color=f5e0dc +ring-caps-lock-color=fab387 +ring-ver-color=89b4fa +ring-wrong-color=eba0ac +separator-color=00000000 +text-color=cdd6f4 +text-clear-color=f5e0dc +text-caps-lock-color=fab387 +text-ver-color=89b4fa +text-wrong-color=eba0ac diff --git a/flake.lock b/flake.lock new file mode 100644 index 0000000..b1cb02b --- /dev/null +++ b/flake.lock @@ -0,0 +1,78 @@ +{ + "nodes": { + "catppuccin": { + "inputs": { + "nixpkgs": "nixpkgs" + }, + "locked": { + "lastModified": 1783674541, + "narHash": "sha256-vmUhEF/jBCZJeK0dInOls+HOAR0yiiQusN1+FZKaJss=", + "owner": "catppuccin", + "repo": "nix", + "rev": "96799f24cf1366fe88e1293c3d27521a8f2129cf", + "type": "github" + }, + "original": { + "owner": "catppuccin", + "repo": "nix", + "type": "github" + } + }, + "home-manager": { + "inputs": { + "nixpkgs": [ + "nixpkgs" + ] + }, + "locked": { + "lastModified": 1784129366, + "narHash": "sha256-N5JiyICSeQF14x+OQebNyPpYowOT9Rs1iKyeCylSzOA=", + "owner": "nix-community", + "repo": "home-manager", + "rev": "165228b0efefc3e635e5174020c40ea64271dc25", + "type": "github" + }, + "original": { + "owner": "nix-community", + "repo": "home-manager", + "type": "github" + } + }, + "nixpkgs": { + "locked": { + "lastModified": 1783279667, + "narHash": "sha256-2l8yOB5aYd+05Q9V9Y1YhgbSa1j1o5QX+nvYs5FL80A=", + "rev": "f205b5574fd0cb7da5b702a2da51507b7f4fdd1b", + "type": "tarball", + "url": "https://releases.nixos.org/nixpkgs/nixpkgs-26.11pre1028110.f205b5574fd0/nixexprs.tar.xz" + }, + "original": { + "type": "tarball", + "url": "https://channels.nixos.org/nixpkgs-unstable/nixexprs.tar.xz" + } + }, + "nixpkgs_2": { + "locked": { + "lastModified": 1784120854, + "narHash": "sha256-Pjytpyqs/h6Kfs46Pcj+upOCqq0/Wwq81YSSeko7ChM=", + "rev": "753cc8a3a87467296ddd1fa93f0cc3e81120ee46", + "type": "tarball", + "url": "https://releases.nixos.org/nixos/unstable/nixos-26.11pre1035164.753cc8a3a874/nixexprs.tar.xz" + }, + "original": { + "id": "nixpkgs", + "ref": "nixos-unstable", + "type": "indirect" + } + }, + "root": { + "inputs": { + "catppuccin": "catppuccin", + "home-manager": "home-manager", + "nixpkgs": "nixpkgs_2" + } + } + }, + "root": "root", + "version": 7 +} diff --git a/flake.nix b/flake.nix new file mode 100644 index 0000000..96dfecc --- /dev/null +++ b/flake.nix @@ -0,0 +1,42 @@ +{ +description = "nixos ig"; +inputs = { + nixpkgs.url = "nixpkgs/nixos-unstable"; + home-manager = { + url = "github:nix-community/home-manager"; + inputs.nixpkgs.follows = "nixpkgs"; + }; + catppuccin.url = "github:catppuccin/nix"; +}; + +outputs = { + self, + nixpkgs, + home-manager, + catppuccin, + ... + }: { + nixosConfigurations.cln = nixpkgs.lib.nixosSystem { + system = "x86_64-linux"; + modules = [ + ./configuration.nix + catppuccin.nixosModules.catppuccin + home-manager.nixosModules.home-manager + { + home-manager = { + useGlobalPkgs = true; + useUserPackages = true; + users.cln = { + imports = [ + ./home.nix + catppuccin.homeModules.catppuccin + ]; + }; + backupFileExtension = "backup"; + }; + } + ]; + }; + }; + +} diff --git a/home.nix b/home.nix new file mode 100644 index 0000000..beb475b --- /dev/null +++ b/home.nix @@ -0,0 +1,51 @@ +{ config, pkgs, ... }: + +{ + +imports = [ + ./modules +]; + +# Catppuccin +catppuccin.autoEnable = false; +catppuccin.enable = true; + +# User directories +xdg.userDirs = { + enable = true; + createDirectories = true; +}; + +# Cursor +home.pointerCursor.enable = true; + +# Librewolf +programs.librewolf.enable = true; + +# Discord +programs.vesktop.enable = true; + +# Anki +programs.anki.enable = true; + +home.packages = with pkgs; [ + mullvad-browser + unzip + wget + curl + git + nmap + ivpn-ui + proxychains-ng + pfetch + lavat + cava + cmatrix + gnupg +]; + +home.username = "cln"; +home.homeDirectory = "/home/cln"; +home.stateVersion = "26.11"; + +} diff --git a/modules/default.nix b/modules/default.nix new file mode 100644 index 0000000..fcbfb06 --- /dev/null +++ b/modules/default.nix @@ -0,0 +1,11 @@ +{ config, ... }: + +{ + +imports = [ + ./desktop + ./zsh + ./nvim +]; + +} diff --git a/modules/desktop/default.nix b/modules/desktop/default.nix new file mode 100644 index 0000000..909d7bf --- /dev/null +++ b/modules/desktop/default.nix @@ -0,0 +1,80 @@ +# This file does not contain only niri configurations, but also related tools needed for my niri rice +{ config, pkgs, ... }: + +{ + +# Niri is enabled in configuration.nix +home.file.".config/niri".source = config.lib.file.mkOutOfStoreSymlink "${config.home.homeDirectory}/nixos/dotfiles/niri"; +home.file.".config/rofi".source = config.lib.file.mkOutOfStoreSymlink "${config.home.homeDirectory}/nixos/dotfiles/rofi"; +home.file.".config/foot".source = config.lib.file.mkOutOfStoreSymlink "${config.home.homeDirectory}/nixos/dotfiles/foot"; +home.file.".config/kitty".source = config.lib.file.mkOutOfStoreSymlink "${config.home.homeDirectory}/nixos/dotfiles/kitty"; +home.file.".config/swaylock".source = config.lib.file.mkOutOfStoreSymlink "${config.home.homeDirectory}/nixos/dotfiles/swaylock"; +home.file.".config/swayidle".source = config.lib.file.mkOutOfStoreSymlink "${config.home.homeDirectory}/nixos/dotfiles/swayidle"; +home.file.".config/gkt-3.0/settings.ini".source = config.lib.file.mkOutOfStoreSymlink "${config.home.homeDirectory}/nixos/dotfiles/gtk/gtk-3.0/settings.ini"; +home.file.".config/gkt-4.0/settings.ini".source = config.lib.file.mkOutOfStoreSymlink "${config.home.homeDirectory}/nixos/dotfiles/gtk/gtk-4.0/settings.ini"; + + +# Gtk theme +gtk = { + enable = true; + colorScheme = "dark"; + gtk3.extraConfig.Settings = ''gtk-application-prefer-dark-themes=1''; + gtk4.extraConfig.Settings = ''gtk-application-prefer-dark-themes=1''; +}; +home.file.".themes/Catppuccin-Macchiato-Dark".source = config.lib.file.mkOutOfStoreSymlink "${config.home.homeDirectory}/nixos/dotfiles/gtk/Catppuccin-Macchiato-Dark"; + +# Polkit +systemd.user.services.polkit-gnome-authentication-agent-1 = { + Unit = { + Description = "polkit-gnome-authentication-agent-1"; + Wants = [ "graphical-session.target" ]; + After = [ "graphical-session.target" ]; + }; + Install = { + WantedBy = [ "graphical-session.target" ]; + }; + Service = { + Type = "simple"; + ExecStart = "${pkgs.polkit_gnome}/libexec/polkit-gnome-authentication-agent-1"; + Restart = "on-failure"; + RestartSec = 1; + TimeoutStopSec = 10; + }; +}; + +# Catppuccin +catppuccin.cursors = { + enable = true; + flavor = "mocha"; + accent = "dark"; +}; +catppuccin.gtk.icon = { + enable = true; + flavor = "mocha"; + accent = "lavender"; +}; + +home.packages = with pkgs; [ + xdg-desktop-portal-gtk + xdg-desktop-portal-gnome + gnome-keyring + xwayland-satellite + polkit_gnome + brightnessctl + kitty + swaybg + swaylock-effects + swayidle + rofi + pwvucontrol + udiskie + quickshell + nautilus + overskride + gnome-text-editor + wl-clipboard + eog + pfetch +]; + +} diff --git a/modules/nvim/default.nix b/modules/nvim/default.nix new file mode 100644 index 0000000..b71b99f --- /dev/null +++ b/modules/nvim/default.nix @@ -0,0 +1,17 @@ +{ config, pkgs, ... }: + +{ + +home.packages = with pkgs; [ + neovim + gcc + ripgrep + tree-sitter + glib + lua-language-server + nixd +]; + +home.file.".config/nvim".source = config.lib.file.mkOutOfStoreSymlink "${config.home.homeDirectory}/nixos/dotfiles/nvim"; + +} diff --git a/modules/zsh/default.nix b/modules/zsh/default.nix new file mode 100644 index 0000000..5c1ed29 --- /dev/null +++ b/modules/zsh/default.nix @@ -0,0 +1,29 @@ +{ config, lib, pkgs, ...}: + +{ + +programs.zsh = { + enable = true; + enableCompletion = true; + autosuggestion.enable = true; + syntaxHighlighting.enable = true; + shellAliases = { + switch = "doas nixos-rebuild switch --flake ~/nixos#cln"; + update = "doas nixos-rebuild switch --flake ~/nixos#cln --upgrade"; + }; + oh-my-zsh = { + enable = true; + plugins = [ "ssh" ]; + theme = "agnoster"; + }; + initContent = '' + pfetch + ''; +}; + +catppuccin.zsh-syntax-highlighting = { + enable = true; + flavor = "mocha"; +}; + +} diff --git a/wallpapers/1.png b/wallpapers/1.png new file mode 100644 index 0000000..c318adf Binary files /dev/null and b/wallpapers/1.png differ diff --git a/wallpapers/2.png b/wallpapers/2.png new file mode 100644 index 0000000..27ef241 Binary files /dev/null and b/wallpapers/2.png differ diff --git a/wallpapers/3.jpg b/wallpapers/3.jpg new file mode 100644 index 0000000..6d35afc Binary files /dev/null and b/wallpapers/3.jpg differ diff --git a/wallpapers/4.jpeg b/wallpapers/4.jpeg new file mode 100644 index 0000000..670d8b7 Binary files /dev/null and b/wallpapers/4.jpeg differ diff --git a/wallpapers/5.jpg b/wallpapers/5.jpg new file mode 100644 index 0000000..60843b9 Binary files /dev/null and b/wallpapers/5.jpg differ diff --git a/wallpapers/unused/glt.png b/wallpapers/unused/glt.png new file mode 100644 index 0000000..f0044c3 Binary files /dev/null and b/wallpapers/unused/glt.png differ diff --git a/wallpapers/unused/lain-dark.jpg b/wallpapers/unused/lain-dark.jpg new file mode 100644 index 0000000..fed10d3 Binary files /dev/null and b/wallpapers/unused/lain-dark.jpg differ diff --git a/wallpapers/unused/lain.jpg b/wallpapers/unused/lain.jpg new file mode 100644 index 0000000..6e1eb81 Binary files /dev/null and b/wallpapers/unused/lain.jpg differ diff --git a/wallpapers/unused/wall-links b/wallpapers/unused/wall-links new file mode 100644 index 0000000..a7f815e --- /dev/null +++ b/wallpapers/unused/wall-links @@ -0,0 +1,2 @@ +https://imgur.com/a/serial-experiments-lain-wallpapers-9J0y4yc +https://imgur.com/a/catppuccin-mocha-ado-logo-wallpapers-LDlG4n4