commit b8170ba73cf95906f9c8526972e83de0b71cc223 Author: cln6 Date: Sun Apr 19 17:12:27 2026 +0200 theyre ass diff --git a/README.md b/README.md new file mode 100644 index 0000000..4a95d38 --- /dev/null +++ b/README.md @@ -0,0 +1,160 @@ +# NixOS configuration with Hyprland + + +This repository contains the declarative configuration files for my Thinkpad T480, it uses NixOS and Hyprland 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. + + + +![screenshot](/assets/preview.jpg) + + + +--- + + +## Preparation + + +In order to use these configuration files you do need to use NixOS unstable, ideally download the unstable ISO instead of the stable one, and install the system that way to avoid unnecessary steps, you can download it from [here](https://releases.nixos.org/nixos/unstable/nixos-26.05pre980183.4bd9165a9165) and burn it onto your USB drive accordingly to their wiki page, after that you can boot from the USB. It works on stable tho as long as you comment the dunst section in ```desktop/home/default.nix```. + + +## Installation + + +This setup assumes that you are going to use full disk encryption and label the boot partition as "BOOT", and the root partition as "ROOT", here is a list of steps in order to do so: + + +Check your drive identificator and create a 512MB boot partition, and a root partition of any size, can be the rest of your disk. + + + +```bash +sudo lsblk +fdisk /dev/sdX +``` + + +After partitioning the drive and assuming /dev/sdX1 is the boot partition and /dev/sdX2 is the root one, do the following to achieve full disk encryption and format the drives with correct labels: + + +```bash +sudo mkfs.fat -F 32 /dev/sdX1 +sudo fatlabel /dev/sdX1 BOOT +sudo cryptsetup luksFormat -y --label="ROOT" /dev/sdX2 +sudo cryptsetup luksOpen /dev/sdX2 ROOT +sudo mkfs.xfs -L "ROOT" /dev/mapper/ROOT +``` + + +Afterwards you can mount the drives: + + +```bash +sudo mount /dev/disk/by-label/ROOT /mnt +sudo mkdir -p /mnt/boot +sudo mount /dev/disk/by-label/BOOT /mnt/boot +``` + + +After mounting the drives, generate default directories for NixOS, cleanse of the old unnecessary files, enter a Nix shell in order to use the git package, and clone this repo: + + +```bash +sudo nixos-generate-config --root /mnt +sudo rm -rf /mnt/etc/nixos/* +sudo nix-shell -p git +cd /mnt/etc/nixos/ +git clone https://git.cln.cat/cln6/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 + H | Clipboard history | + | Super + B | Overskride ( Bluetooth ) | + | Super + P | Pwvucontrol ( Audio ) | + | Super + Shift + P | Power menu | + + +--- + + +## Window Management + + + | Keybind | Action | + |---|---| + | Super + Shift + Q | Kill active window | + | Super + V | Toggle floating mode | + | Super + J | Toggle split | + | Super + O | Toggle dwindle | + + +--- + + +## 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 + S | Switch to special workspace | + | Super + Shift + S | Move the active window to the special workspace | + + +--- + + +## Other + + + | Keybind | Action | + |---|---| + | Super + Arrow key | Switch your current focused window | + | Super + M | Exit hyprland | + | Super + F1 | Toggle game mode | + + +--- + + + +# 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 ```networks/default.nix```, as well as all other lines with the word "cln" except for the "users.cln" line. + + +# Summary +So yeah these are my configuration files, I am aware that they are nowhere near perfect, I am a really unprofessional and new NixOS user as for now, but it is what it is for now, my next distro will probably be Gentoo if everything goes right, therefore this will stay as it is for now I think. diff --git a/assets/preview.jpg b/assets/preview.jpg new file mode 100644 index 0000000..13c84d8 Binary files /dev/null and b/assets/preview.jpg differ diff --git a/configuration.nix b/configuration.nix new file mode 100755 index 0000000..5ce3de9 --- /dev/null +++ b/configuration.nix @@ -0,0 +1,157 @@ +# Edit this configuration file to define what should be installed on +# your system. Help is available in the configuration.nix(5) man page, on +# https://search.nixos.org/options and in the NixOS manual (`nixos-help`). + +{ config, lib, pkgs, ... }: + +{ + imports = + [ # Include the results of the hardware scan. + ./hardware-configuration.nix + ./networks + ./desktop + ./virtualisation + ]; + + # Use the GNU GRUB bootloader. + boot.loader = { + grub = { + enable = true; + device = "nodev"; + efiSupport = true; + }; + efi.canTouchEfiVariables = true; + }; + + # Catppuccin for GRUB + catppuccin.grub = { + enable = true; + flavor = "mocha"; + }; + + # Catppuccin for tty + catppuccin.tty = { + enable = true; + flavor = "mocha"; + }; + + # Use latest kernel. + boot.kernelPackages = pkgs.linuxPackages_latest; + + # Enable NixOS flakes + nix.settings.experimental-features = [ "nix-command" "flakes" ]; + + # Set your time zone. + time.timeZone = "Europe/Warsaw"; + + # Define a user account. Don't forget to set a password with ‘passwd’. + users.users.cln = { + isNormalUser = true; + description = "cln"; + password = "123"; # Change + extraGroups = [ "wheel" "video" "render" "input" "libvirtd" ]; + shell = pkgs.zsh; + home = "/home/cln"; + }; + + # Shell for user + programs.zsh.enable = true; + programs.bash.enable = true; # In case something breaks + + swapDevices = [{ # Create a swap file + device = "/.swapfile"; + size = 8*1024; + }]; + + # Intel GPU Drivers + hardware.graphics = { + enable = true; + extraPackages = with pkgs; [ + # Required for modern Intel GPUs (Xe iGPU and ARC) + intel-media-driver # VA-API (iHD) userspace + vpl-gpu-rt # oneVPL (QSV) runtime + + # Optional (compute / tooling): + intel-compute-runtime # OpenCL (NEO) + Level Zero for Arc/Xe + # NOTE: 'intel-ocl' also exists as a legacy package; not recommended for Arc/Xe. + # libvdpau-va-gl # Only if you must run VDPAU-only apps + ]; + }; + + environment.sessionVariables = { + LIBVA_DRIVER_NAME = "iHD"; # Prefer the modern iHD backend + # VDPAU_DRIVER = "va_gl"; # Only if using libvdpau-va-gl + }; + + # May help if FFmpeg/VAAPI/QSV init fails (esp. on Arc with i915): + hardware.enableRedistributableFirmware = true; + boot.kernelParams = [ "i915.enable_guc=3" ]; + + # X related settings + services.xserver = { + enable = false; + xkb.layout = "pl"; + videoDrivers = [ "modesetting" ]; + }; + + # Enable pipewire + security.rtkit.enable = true; + services.pipewire.wireplumber.enable = true; + services.pipewire = { + enable = true; # if not already enabled + alsa.enable = true; + alsa.support32Bit = true; + pulse.enable = true; + jack.enable = true; + }; + + # Bluetooth support + hardware.bluetooth = { + enable = true; + powerOnBoot = true; + settings = { + General = { + # Shows battery charge of connected devices on supported + # Bluetooth adapters. Defaults to 'false'. + Experimental = true; + # When enabled other devices can connect faster to us, however + # the tradeoff is increased power consumption. Defaults to + # 'false'. + FastConnectable = true; + }; + Policy = { + # Enable all controllers when they are found. This includes + # adapters present on start as well as adapters that are plugged + # in later on. Defaults to 'true'. + AutoEnable = true; + }; + }; + }; + + # List packages installed in system profile. + # You can use https://search.nixos.org/ to find more packages (and options). + environment.systemPackages = with pkgs; [ + cryptsetup + xfsprogs + vim + ]; + + # This option defines the first version of NixOS you have installed on this particular machine, + # and is used to maintain compatibility with application data (e.g. databases) created on older NixOS versions. + # + # Most users should NEVER change this value after the initial install, for any reason, + # even if you've upgraded your system to a new NixOS release. + # + # This value does NOT affect the Nixpkgs version your packages and OS are pulled from, + # so changing it will NOT upgrade your system - see https://nixos.org/manual/nixos/stable/#sec-upgrading for how + # to actually do that. + # + # This value being lower than the current NixOS release does NOT mean your system is + # out of date, out of support, or vulnerable. + # + # Do NOT change this value unless you have manually inspected all the changes it would make to your configuration, + # and migrated your data accordingly. + # + # For more information, see `man configuration.nix` or https://nixos.org/manual/nixos/stable/options#opt-system.stateVersion . + system.stateVersion = "26.05"; # Did you read the comment? +} diff --git a/desktop/default.nix b/desktop/default.nix new file mode 100755 index 0000000..7c47bb5 --- /dev/null +++ b/desktop/default.nix @@ -0,0 +1,62 @@ +{ config, lib, pkgs, ... }: + +{ + imports = [ + ./ly + ]; + + services.dbus.enable = true; + + # Enable hyprland globally + programs.hyprland.enable = true; + + xdg.portal = { + enable = true; + extraPortals = with pkgs; [ + xdg-desktop-portal-hyprland + ]; + wlr.enable = true; + }; + + # Auto mounting of USBs + services.udisks2.enable = true; + + # Polkit + security.polkit.enable = true; + + # Steam + programs.steam = { + enable = true; + remotePlay.openFirewall = false; + dedicatedServer.openFirewall = false; + localNetworkGameTransfers.openFirewall = false; + }; + + # Allow unfree + nixpkgs.config.allowUnfreePredicate = pkg: builtins.elem (lib.getName pkg) [ + "steam" + "steam-original" + "steam-unwrapped" + "steam-run" + ]; + + # Mullvad + services.mullvad-vpn.enable = true; + + environment.systemPackages = with pkgs; [ + nmap + unzip + tor-browser + git + ]; + + # Fonts for everything pretty much + fonts.packages = with pkgs; [ + noto-fonts + font-awesome + font-awesome_4 + nerd-fonts.jetbrains-mono + adwaita-fonts + ]; + +} diff --git a/desktop/home/btop/default.nix b/desktop/home/btop/default.nix new file mode 100755 index 0000000..630c8d7 --- /dev/null +++ b/desktop/home/btop/default.nix @@ -0,0 +1,17 @@ +{ config, lib, ... }: + +{ + programs.btop = { + enable = true; + settings = { + #TODO: Make a proper config + }; + }; + + # Catppuccin + catppuccin.btop = { + enable = true; + flavor = "mocha"; + }; + +} diff --git a/desktop/home/cava/default.nix b/desktop/home/cava/default.nix new file mode 100755 index 0000000..8bd28bc --- /dev/null +++ b/desktop/home/cava/default.nix @@ -0,0 +1,18 @@ +{ config, lib, ... }: + +{ + programs.cava = { + enable = true; + settings = { + # im genuinely so lazy rn + }; + }; + + # Catppuccin + catppuccin.cava = { + enable = true; + flavor = "mocha"; + transparent = true; + }; + +} diff --git a/desktop/home/clipboard/default.nix b/desktop/home/clipboard/default.nix new file mode 100755 index 0000000..e6eaf4e --- /dev/null +++ b/desktop/home/clipboard/default.nix @@ -0,0 +1,10 @@ +{ config, libs, pkgs, ... }: + +{ + + home.packages = with pkgs; [ + wl-clipboard + cliphist + ]; + +} diff --git a/desktop/home/default.nix b/desktop/home/default.nix new file mode 100755 index 0000000..7a05183 --- /dev/null +++ b/desktop/home/default.nix @@ -0,0 +1,36 @@ +{ config, pkgs, ... }: + +{ + imports = [ + ./hyprland + ./hyprpaper + ./hypridle + ./hyprlock + ./hyprsunset + ./waybar + ./kitty + ./zsh + ./dunst + ./rofi + ./clipboard + ./lf + ./librewolf + ./fzf + ./fastfetch + ./btop + ./cava + ./neovim + ./mullvad + ]; + + home.packages = with pkgs; [ + nautilus + tty-clock + mullvad-browser + ]; + + xdg.userDirs = { + enable = true; + createDirectories = true; + }; +} diff --git a/desktop/home/dunst/default.nix b/desktop/home/dunst/default.nix new file mode 100755 index 0000000..5fa7b44 --- /dev/null +++ b/desktop/home/dunst/default.nix @@ -0,0 +1,54 @@ +{ config, lib, pkgs, ... }: + +{ + services.dunst = { + enable = true; + settings = { #TODO: Write my own config, this one is temporary from GGORG0 on Github + global = { + width = 450; + shrink = "no"; + + follow = "mouse"; + + progress_bar = true; + progress_bar_max_width = 430; + + transparency = 25; + + frame_color = "#89B4FA"; + + idle_threshold = 120; + + font = "JetBrainsMono Nerd Font Mono 12"; + format = "%a\\n%s\\n%b"; + + alignment = "right"; + + word_wrap = "yes"; + ellipsize = "end"; + + icon_position = "right"; + min_icon_size = 0; + max_icon_size = 64; + + history_length = 50; + + browser = "${lib.getExe pkgs.librewolf} -new-tab"; # TODO: get the browser from an option + dmenu = "${lib.getExe config.programs.rofi.package} -dmenu -p dunst:"; + + corner_radius = 20; + + mouse_left_click = "do_action, close_current"; + mouse_middle_click = "close_all"; + mouse_right_click = "close_current"; + }; + }; + }; + + # Catppuccin! + catppuccin.dunst = { + enable = true; + flavor = "mocha"; + }; + +} diff --git a/desktop/home/fastfetch/default.nix b/desktop/home/fastfetch/default.nix new file mode 100755 index 0000000..d022c8a --- /dev/null +++ b/desktop/home/fastfetch/default.nix @@ -0,0 +1,10 @@ +{ config, lib, ...}: + +{ + programs.fastfetch = { + enable = true; + settings = { + # TODO: Make my config + }; + }; +} diff --git a/desktop/home/fzf/default.nix b/desktop/home/fzf/default.nix new file mode 100755 index 0000000..e09224a --- /dev/null +++ b/desktop/home/fzf/default.nix @@ -0,0 +1,17 @@ +{ config, lib, ...}: + +{ + + programs.fzf = { + enable = true; + enableZshIntegration = true; + }; + + # Catppuccin + catppuccin.fzf = { + enable = true; + flavor = "mocha"; + accent = "lavender"; + }; + +} diff --git a/desktop/home/hypridle/default.nix b/desktop/home/hypridle/default.nix new file mode 100755 index 0000000..8ba6572 --- /dev/null +++ b/desktop/home/hypridle/default.nix @@ -0,0 +1,39 @@ +{ config, lib, ... }: + +{ + services.hypridle = { + enable = true; + settings = { + general = { + lock_cmd = "pidof hyprlock || hyprlock"; + before_sleep_cmd = "loginctl lock-session"; + after_sleep_cmd = "hyprctl dispatch dpms on"; + }; + listener = [ + { + timeout = 150; + on-timeout = "brightnessctl -s set 10"; + on-resume = "brightnessctl -r"; + } + { + timeout = 150; + on-timeout = "brightnessctl -sd rgb:kbd_backlight set 0"; + on-resume = "brightnessctl -rd rgb:kbd_backlight set 1"; + } + { + timeout = 300; + on-timeout = "loginctl lock-session"; + } + { + timeout = 300; + on-timeout = "hyprctl dispatch dpms off"; + on-resume = "hyprctl dispatch dpms on && brightnessctl -r"; + } + { + timeout = 600; + on-timeout = "systemctl suspend"; + } + ]; + }; + }; +} diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-active.png new file mode 100755 index 0000000..73778ff Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-inactive.png new file mode 100755 index 0000000..023f386 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-left-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-left-active.png new file mode 100755 index 0000000..0aad633 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-left-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-left-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-left-inactive.png new file mode 100755 index 0000000..7e88cad Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-left-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-right-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-right-active.png new file mode 100755 index 0000000..777970b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-right-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-right-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-right-inactive.png new file mode 100755 index 0000000..1eafe69 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/bottom-right-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-active.png new file mode 100755 index 0000000..e14add9 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-inactive.png new file mode 100755 index 0000000..cd2c5eb Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-prelight.png new file mode 100755 index 0000000..1c6d1e1 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-pressed.png new file mode 100755 index 0000000..314db44 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/close-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-active.png new file mode 100755 index 0000000..3fc74d1 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-inactive.png new file mode 100755 index 0000000..0267742 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-prelight.png new file mode 100755 index 0000000..189898c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-pressed.png new file mode 100755 index 0000000..dc2bbe7 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/hide-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/left-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/left-active.png new file mode 100755 index 0000000..4ef0c19 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/left-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/left-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/left-inactive.png new file mode 100755 index 0000000..de782c0 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/left-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-active.png new file mode 100755 index 0000000..52da216 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-inactive.png new file mode 100755 index 0000000..3c319e9 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-prelight.png new file mode 100755 index 0000000..591edee Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-pressed.png new file mode 100755 index 0000000..7e00527 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-active.png new file mode 100755 index 0000000..8f9dbe2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-inactive.png new file mode 100755 index 0000000..bdcdcbb Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-prelight.png new file mode 100755 index 0000000..27e6942 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-pressed.png new file mode 100755 index 0000000..1c5e523 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/maximize-toggled-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-active.png new file mode 100755 index 0000000..80ba872 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-inactive.png new file mode 100755 index 0000000..e8d43a7 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-prelight.png new file mode 100755 index 0000000..8a5c342 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-pressed.png new file mode 100755 index 0000000..1389c50 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/menu-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/right-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/right-active.png new file mode 100755 index 0000000..25a5b58 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/right-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/right-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/right-inactive.png new file mode 100755 index 0000000..de782c0 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/right-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-active.png new file mode 100755 index 0000000..29c3307 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-inactive.png new file mode 100755 index 0000000..1f9f503 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-prelight.png new file mode 100755 index 0000000..ba545ca Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-pressed.png new file mode 100755 index 0000000..6dd96b0 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-active.png new file mode 100755 index 0000000..fb54783 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-inactive.png new file mode 100755 index 0000000..c1b397a Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-prelight.png new file mode 100755 index 0000000..47e4287 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-pressed.png new file mode 100755 index 0000000..5d2a801 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/shade-toggled-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-active.png new file mode 100755 index 0000000..e3dac15 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-inactive.png new file mode 100755 index 0000000..c586c57 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-prelight.png new file mode 100755 index 0000000..16f5bc2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-pressed.png new file mode 100755 index 0000000..1ce0154 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-active.png new file mode 100755 index 0000000..c5c0b1a Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-inactive.png new file mode 100755 index 0000000..b231adc Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-prelight.png new file mode 100755 index 0000000..fc87d19 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-pressed.png new file mode 100755 index 0000000..df11833 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/stick-toggled-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/themerc b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/themerc new file mode 100755 index 0000000..f90a6f0 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/themerc @@ -0,0 +1,23 @@ +button_offset=9 +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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-1-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-1-active.png new file mode 100755 index 0000000..98a0968 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-1-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-1-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-1-inactive.png new file mode 100755 index 0000000..1032cc3 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-1-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-2-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-2-active.png new file mode 100755 index 0000000..98a0968 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-2-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-2-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-2-inactive.png new file mode 100755 index 0000000..1032cc3 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-2-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-3-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-3-active.png new file mode 100755 index 0000000..98a0968 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-3-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-3-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-3-inactive.png new file mode 100755 index 0000000..1032cc3 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-3-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-4-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-4-active.png new file mode 100755 index 0000000..98a0968 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-4-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-4-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-4-inactive.png new file mode 100755 index 0000000..1032cc3 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-4-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-5-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-5-active.png new file mode 100755 index 0000000..98a0968 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-5-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-5-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-5-inactive.png new file mode 100755 index 0000000..1032cc3 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/title-5-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-left-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-left-active.png new file mode 100755 index 0000000..72ec64e Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-left-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-left-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-left-inactive.png new file mode 100755 index 0000000..0f9e56a Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-left-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-right-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-right-active.png new file mode 100755 index 0000000..7c8cf71 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-right-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-right-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-right-inactive.png new file mode 100755 index 0000000..4201030 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-hdpi/xfwm4/top-right-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-active.png new file mode 100755 index 0000000..84f1a04 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-inactive.png new file mode 100755 index 0000000..6842754 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-left-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-left-active.png new file mode 100755 index 0000000..0d09d81 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-left-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-left-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-left-inactive.png new file mode 100755 index 0000000..d13aa0f Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-left-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-right-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-right-active.png new file mode 100755 index 0000000..c3416f6 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-right-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-right-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-right-inactive.png new file mode 100755 index 0000000..8a5a637 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/bottom-right-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-active.png new file mode 100755 index 0000000..58b950d Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-inactive.png new file mode 100755 index 0000000..f133606 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-prelight.png new file mode 100755 index 0000000..ebcaa7f Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-pressed.png new file mode 100755 index 0000000..3fd1181 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/close-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-active.png new file mode 100755 index 0000000..9796f90 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-inactive.png new file mode 100755 index 0000000..06bf302 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-prelight.png new file mode 100755 index 0000000..9bfba1d Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-pressed.png new file mode 100755 index 0000000..e785f00 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/hide-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/left-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/left-active.png new file mode 100755 index 0000000..99fad2c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/left-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/left-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/left-inactive.png new file mode 100755 index 0000000..5b880b8 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/left-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-active.png new file mode 100755 index 0000000..4df2fd6 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-inactive.png new file mode 100755 index 0000000..a7eb1e0 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-prelight.png new file mode 100755 index 0000000..c70643e Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-pressed.png new file mode 100755 index 0000000..7a95a6c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-active.png new file mode 100755 index 0000000..c2036a5 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-inactive.png new file mode 100755 index 0000000..04c58f4 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-prelight.png new file mode 100755 index 0000000..18b98dc Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-pressed.png new file mode 100755 index 0000000..6860245 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/maximize-toggled-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-active.png new file mode 100755 index 0000000..6deb123 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-inactive.png new file mode 100755 index 0000000..4c83cd2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-prelight.png new file mode 100755 index 0000000..025c581 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-pressed.png new file mode 100755 index 0000000..ef1091c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/menu-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/right-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/right-active.png new file mode 100755 index 0000000..9414133 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/right-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/right-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/right-inactive.png new file mode 100755 index 0000000..5b880b8 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/right-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-active.png new file mode 100755 index 0000000..34f7547 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-inactive.png new file mode 100755 index 0000000..0736a53 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-prelight.png new file mode 100755 index 0000000..6587c8e Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-pressed.png new file mode 100755 index 0000000..986b2a7 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-active.png new file mode 100755 index 0000000..e1a938d Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-inactive.png new file mode 100755 index 0000000..e19038d Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-prelight.png new file mode 100755 index 0000000..4aa1341 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-pressed.png new file mode 100755 index 0000000..f76ae56 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/shade-toggled-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-active.png new file mode 100755 index 0000000..fe68f3d Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-inactive.png new file mode 100755 index 0000000..3e9fe79 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-prelight.png new file mode 100755 index 0000000..e75e206 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-pressed.png new file mode 100755 index 0000000..369be03 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-active.png new file mode 100755 index 0000000..d1b9be1 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-inactive.png new file mode 100755 index 0000000..4269506 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-prelight.png new file mode 100755 index 0000000..ccc5ac5 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-pressed.png new file mode 100755 index 0000000..c164afd Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/stick-toggled-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/themerc b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/themerc new file mode 100755 index 0000000..ba0f086 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/themerc @@ -0,0 +1,23 @@ +button_offset=12 +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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-1-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-1-active.png new file mode 100755 index 0000000..913a52c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-1-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-1-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-1-inactive.png new file mode 100755 index 0000000..78ee502 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-1-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-2-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-2-active.png new file mode 100755 index 0000000..913a52c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-2-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-2-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-2-inactive.png new file mode 100755 index 0000000..78ee502 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-2-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-3-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-3-active.png new file mode 100755 index 0000000..913a52c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-3-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-3-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-3-inactive.png new file mode 100755 index 0000000..78ee502 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-3-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-4-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-4-active.png new file mode 100755 index 0000000..913a52c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-4-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-4-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-4-inactive.png new file mode 100755 index 0000000..78ee502 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-4-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-5-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-5-active.png new file mode 100755 index 0000000..913a52c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-5-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-5-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-5-inactive.png new file mode 100755 index 0000000..78ee502 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/title-5-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-left-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-left-active.png new file mode 100755 index 0000000..b5b9062 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-left-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-left-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-left-inactive.png new file mode 100755 index 0000000..9574062 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-left-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-right-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-right-active.png new file mode 100755 index 0000000..8f998ed Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-right-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-right-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-right-inactive.png new file mode 100755 index 0000000..846f2ec Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato-xhdpi/xfwm4/top-right-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/add-workspace-active.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/add-workspace-active.svg new file mode 100755 index 0000000..289ad6c --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/add-workspace-active.svg @@ -0,0 +1,111 @@ + + + + + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/add-workspace-hover.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/add-workspace-hover.svg new file mode 100755 index 0000000..8a1d351 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/add-workspace-hover.svg @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/add-workspace.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/add-workspace.svg new file mode 100755 index 0000000..8dba5df --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/add-workspace.svg @@ -0,0 +1,113 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/calendar-arrow-left.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/calendar-arrow-left.svg new file mode 100755 index 0000000..dcf8298 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/calendar-arrow-left.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/calendar-arrow-right.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/calendar-arrow-right.svg new file mode 100755 index 0000000..ed66559 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/calendar-arrow-right.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/checkbox-dark.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/checkbox-dark.svg new file mode 100755 index 0000000..2a0b3ae --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/checkbox-dark.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/checkbox-off.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/checkbox-off.svg new file mode 100755 index 0000000..b00efa6 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/checkbox.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/checkbox.svg new file mode 100755 index 0000000..3e6bb2e --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/checkbox.svg @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/close-active.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/close-active.svg new file mode 100755 index 0000000..06bc45b --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/close-active.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/close-hover.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/close-hover.svg new file mode 100755 index 0000000..65499ad --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/close-hover.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/close.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/close.svg new file mode 100755 index 0000000..b496e8f --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/close.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/corner-ripple.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/corner-ripple.svg new file mode 100755 index 0000000..0972753 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/corner-ripple.svg @@ -0,0 +1,46 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/radiobutton-dark.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/radiobutton-dark.svg new file mode 100755 index 0000000..5aa8ae6 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/radiobutton-dark.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/radiobutton-off.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/radiobutton-off.svg new file mode 100755 index 0000000..b00efa6 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/radiobutton-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/radiobutton.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/radiobutton.svg new file mode 100755 index 0000000..8d9052e --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/radiobutton.svg @@ -0,0 +1,81 @@ + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/toggle-off.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/toggle-off.svg new file mode 100755 index 0000000..d09c478 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/toggle-off.svg @@ -0,0 +1,65 @@ + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/toggle-on-dark.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/toggle-on-dark.svg new file mode 100755 index 0000000..e01fb5e --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/toggle-on-dark.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/toggle-on.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/toggle-on.svg new file mode 100755 index 0000000..8f02606 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/toggle-on.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/trash-icon.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/trash-icon.svg new file mode 100755 index 0000000..d78a123 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/assets/trash-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/cinnamon.css b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/cinnamon.css new file mode 100755 index 0000000..0fb07a4 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/cinnamon.css @@ -0,0 +1,2594 @@ +/* General Typography */ +.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; +} + +stage { + color: #eff1f5; +} + +.label-shadow { + color: rgba(0, 0, 0, 0); +} + +.sound-button, .dialog .dialog-button, +.modal-dialog .dialog-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); +} + +.sound-button:focus, .dialog .dialog-button:focus, +.modal-dialog .dialog-button:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 12px; +} + +.sound-button:hover, .dialog .dialog-button:hover, +.modal-dialog .dialog-button:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 12px; + color: #8aadf4; +} + +.sound-button:hover:focus, .dialog .dialog-button:hover:focus, +.modal-dialog .dialog-button:hover:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); + border-radius: 12px; +} + +.sound-button:active, .dialog .dialog-button:active, +.modal-dialog .dialog-button:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); + border-radius: 12px; +} + +.sound-button:insensitive, .dialog .dialog-button:insensitive, +.modal-dialog .dialog-button:insensitive { + color: rgba(239, 241, 245, 0.5); + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px; +} + +.polkit-dialog-user-combo, .dialog .dialog-button:destructive-action, +.modal-dialog .dialog-button:destructive-action, .dialog .dialog-button:default, +.modal-dialog .dialog-button:default, .notification-button, .notification-icon-button, .menu #notification .notification-button, +.menu #notification .notification-icon-button, .popup-menu #notification .notification-button, +.popup-menu #notification .notification-icon-button, #notification .notification-button, +#notification .notification-icon-button, .calendar-today-home-button, +.calendar-today-home-button-enabled { + border-radius: 12px; + color: rgba(239, 241, 245, 0.7); + background-color: transparent; +} + +.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, .notification-button:hover, .notification-icon-button:hover, #notification .notification-button:hover, +#notification .notification-icon-button:hover, .calendar-today-home-button:hover, +.calendar-today-home-button-enabled:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.12); + border-radius: 12px; +} + +.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, .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, +#notification .notification-icon-button:active, .calendar-today-home-button:active, +.calendar-today-home-button-enabled:active { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.3); + border-radius: 12px; +} + +.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, .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, +#notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive, +.calendar-today-home-button-enabled:insensitive { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; + border-radius: 12px; +} + +.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: #8aadf4; +} + +.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; +} + +#menu-search-entry, .prompt-dialog-password-entry, .notification StEntry, .menu #notification StEntry, .popup-menu #notification StEntry, #notification StEntry { + padding: 3px 12px; + min-height: 24px; + caret-size: 1px; + selection-background-color: #8aadf4; + selected-color: rgba(36, 39, 58, 0.87); + transition-duration: 300ms; + border-radius: 12px; + color: #eff1f5; + border: 2px solid transparent; + background-color: rgba(239, 241, 245, 0.04); +} + +#menu-search-entry:focus, .prompt-dialog-password-entry:focus, .notification StEntry:focus, .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #notification StEntry:focus, #menu-search-entry:hover, .prompt-dialog-password-entry:hover, .notification StEntry:hover, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #notification StEntry:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid #8aadf4; +} + +#menu-search-entry:insensitive, .prompt-dialog-password-entry:insensitive, .notification StEntry:insensitive, .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #notification StEntry:insensitive { + border: 2px solid transparent; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +#menu-search-entry StIcon.capslock-warning, .prompt-dialog-password-entry StIcon.capslock-warning, .notification StEntry StIcon.capslock-warning, .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #notification StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #df8e1d; + padding: 0 6px; +} + +StScrollView.vfade { + -st-vfade-offset: 0px; +} + +StScrollView.hfade { + -st-hfade-offset: 0px; +} + +StScrollBar { + padding: 8px; +} + +StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; +} + +StScrollBar StBin#trough { + background-color: rgba(49, 50, 68, 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: #8aadf4; +} + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; +} + +.popup-slider-menu-item, +.slider { + -slider-height: 4px; + -slider-background-color: rgba(239, 241, 245, 0.12); + -slider-border-color: transparent; + -slider-active-background-color: #8aadf4; + -slider-active-border-color: transparent; + -slider-border-width: 0; + -slider-handle-radius: 4px; + height: 18px; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; + color: transparent; +} + +.check-box CinnamonGenericContainer { + spacing: 0.2em; + min-height: 30px; + padding-top: 2px; +} + +.check-box StLabel { + font-weight: normal; +} + +.check-box StBin { + width: 24px; + height: 24px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:checked StBin, .check-box:focus:checked StBin { + background-image: url("assets/checkbox-dark.svg"); +} + +.radiobutton CinnamonGenericContainer { + spacing: 0.2em; + min-height: 30px; + padding-top: 2px; +} + +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; +} + +.radiobutton StBin { + width: 24px; + height: 24px; +} + +.radiobutton StBin, .radiobutton:focus StBin { + background-image: url("assets/radiobutton-off.svg"); +} + +.radiobutton:checked StBin, .radiobutton:focus:checked StBin { + background-image: url("assets/radiobutton-dark.svg"); +} + +.toggle-switch { + width: 46px; + height: 24px; + background-size: contain; +} + +.toggle-switch, .popup-menu-item:active .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.toggle-switch:checked, .popup-menu-item:active .toggle-switch:checked { + background-image: url("assets/toggle-on-dark.svg"); +} + +.cinnamon-link { + color: #8bc1df; + text-decoration: underline; +} + +.cinnamon-link:hover { + color: #b3d6ea; +} + +#Tooltip { + border-radius: 9999px; + padding: 6px 12px; + background-color: rgba(30, 33, 49, 0.9); + color: #eff1f5; + margin: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + font-size: 1em; + font-weight: normal; + text-align: center; +} + +.menu, +.popup-menu, +.popup-combo-menu { + padding: 0; + color: #eff1f5; + border-radius: 12px; + margin: 6px; + box-shadow: none; + /* @if $outline == 'true' { + border: 2px solid $primary; + } */ +} + +.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; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); + border: 2px solid #8aadf4; + 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-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: 2px solid #8aadf4; +} + +.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; +} + +#panel { + font-weight: bold; + height: 34px; + width: 40px; +} + +#panel:highlight { + border-image: none; + background-color: rgba(210, 15, 57, 0.5); +} + +#panelLeft { + spacing: 4px; +} + +#panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(210, 15, 57, 0.35); + background-gradient-end: rgba(210, 15, 57, 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(30, 102, 245, 0.35); + background-gradient-end: rgba(30, 102, 245, 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(64, 160, 43, 0.35); + background-gradient-end: rgba(64, 160, 43, 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(210, 15, 57, 0.5); +} + +.panel-dummy:entered { + background-color: rgba(210, 15, 57, 0.6); +} + +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + height: 22px; + color: rgba(239, 241, 245, 0.7); +} + +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + transition-duration: 100ms; + color: rgba(239, 241, 245, 0.7); +} + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; +} + +#overview { + spacing: 12px; +} + +.window-caption { + background-color: rgba(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: #8aadf4; + color: rgba(36, 39, 58, 0.87); + border: 1px solid #8aadf4; + spacing: 25px; +} + +.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 #8aadf4; + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + font-style: italic; + transition-duration: 300; + selection-background-color: rgba(36, 39, 58, 0.87); + selected-color: #8aadf4; +} + +.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 #8aadf4; + background-color: black; + border-radius: 0; +} + +.expo-background { + background-color: #1e2131; +} + +.workspace-thumbnails { + spacing: 26px; +} + +.workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; +} + +.workspace-add-button { + background-image: url("assets/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; +} + +.workspace-add-button:hover { + background-image: url("assets/add-workspace-hover.svg"); + transition-duration: 100; +} + +.workspace-add-button:active { + background-image: url("assets/add-workspace-active.svg"); + transition-duration: 100; +} + +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.workspace-close-button, +.window-close { + background-image: url("assets/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 13px; +} + +.workspace-close-button:hover, +.window-close:hover { + background-image: url("assets/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-close-button:active, +.window-close:active { + background-image: url("assets/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; +} + +.workspace-thumbnail-indicator { + outline: 2px solid red; + border: 1px solid green; +} + +.window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); +} + +.window-close-area { + background-image: url("assets/trash-icon.svg"); + height: 120px; + width: 400px; +} + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; +} + +.about-title { + font-size: 2em; + font-weight: bold; +} + +.about-uuid { + font-size: 10px; + color: #888; +} + +.about-icon { + padding-right: 20px; + padding-bottom: 14px; +} + +.about-scrollBox { + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 12px; + background-color: #313244; + padding: 4px; + padding-right: 0; + border-radius: 0; +} + +.about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; +} + +.about-description { + padding-top: 4px; + padding-bottom: 16px; +} + +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; +} + +#LookingGlassDialog { + background-color: #313244; + spacing: 6px; + padding: 6px; + margin: 32px; + border-radius: 12px; + color: #eff1f5; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); + border: none; +} + +.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: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; + 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(64, 160, 43, 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(223, 142, 29, 0.6); +} + +.calendar-event-countdown:current { + color: rgba(64, 160, 43, 0.6); +} + +.calendar-event-summary { + color: rgba(239, 241, 245, 0.5); + text-align: left; + width: 200px; +} + +#notification { + border-radius: 12px; + padding: 12px; + spacing-rows: 9px; + spacing-columns: 9px; + margin-from-right-edge-of-screen: 18px; + width: 28em; + color: #eff1f5; + background-color: rgba(49, 50, 68, 0.8); + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35); + margin: 7px 12px 17px 12px; +} + +#notification .notification-button, +#notification .notification-icon-button { + padding: 6px; +} + +.menu #notification, .popup-menu #notification { + border: none; + border-radius: 12px; + background-color: rgba(239, 241, 245, 0.05); + box-shadow: none; + margin: 0; +} + +.menu #notification:hover, .popup-menu #notification:hover { + background-color: rgba(239, 241, 245, 0.1); + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); +} + +.menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #eff1f5; +} + +.menu #notification .notification-button, +.menu #notification .notification-icon-button, .popup-menu #notification .notification-button, +.popup-menu #notification .notification-icon-button { + padding: 6px; +} + +#notification.multi-line-notification { + padding-bottom: 12px; + color: #eff1f5; +} + +#notification-scrollview { + max-height: 10em; +} + +#notification-scrollview > .top-shadow, +#notification-scrollview > .bottom-shadow { + height: 1em; +} + +#notification-scrollview:ltr > StScrollBar { + padding-left: 6px; +} + +#notification-scrollview:rtl > StScrollBar { + padding-right: 6px; +} + +#notification-body { + spacing: 6px; +} + +#notification-actions { + spacing: 9px; +} + +.notification-with-image { + min-height: 159px; + color: #eff1f5; +} + +.notification-button, .notification-icon-button { + padding: 6px; +} + +.notification-icon-button > StIcon { + icon-size: 36px; +} + +#altTabPopup { + padding: 8px; + spacing: 16px; +} + +.switcher-list { + color: #eff1f5; + background-color: #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 #8aadf4; +} + +.switcher-list .item-box:selected { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; + border: 0px solid #8aadf4; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #eff1f5; +} + +.switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: rgba(239, 241, 245, 0.7); +} + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; +} + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; +} + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("assets/corner-ripple.svg"); + background-size: contain; +} + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); +} + +.flashspot { + background-color: #eff1f5; +} + +.dialog, +.modal-dialog { + color: #eff1f5; + background-color: rgba(36, 39, 58, 0.95); + padding: 6px; + border-radius: 12px; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55); + /* border: 1px solid $divider; */ + border: 2px solid #8aadf4; +} + +.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: #ef1b49 !important; + color: #eff1f5 !important; +} + +.dialog .dialog-button:destructive-action, +.modal-dialog .dialog-button:destructive-action { + background-color: #d20f39; + color: #eff1f5; +} + +.dialog .confirm-dialog-title, +.modal-dialog .confirm-dialog-title { + text-align: center; +} + +.dialog .end-session-dialog, +.modal-dialog .end-session-dialog { + min-width: 40em; +} + +.dialog .end-session-dialog .dialog-content-box, +.modal-dialog .end-session-dialog .dialog-content-box { + spacing: 0; +} + +.dialog .end-session-dialog .dialog-list, +.modal-dialog .end-session-dialog .dialog-list { + spacing: 0; +} + +.dialog .end-session-dialog .dialog-list .dialog-list-title, +.modal-dialog .end-session-dialog .dialog-list .dialog-list-title { + color: #df8e1d; + background-color: tranparentize(#df8e1d, 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: #d20f39; +} + +.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: rgba(36, 39, 58, 0.87); + selection-background-color: #8aadf4; + 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 #8aadf4; +} + +.run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; +} + +.prompt-dialog { + 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: #d20f39; +} + +.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; +} + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; +} + +.mount-password-reask { + color: #df8e1d; +} + +.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; +} + +.magnifier-zoom-region { + border: 2px solid maroon; +} + +.magnifier-zoom-region .full-screen { + border-width: 0px; +} + +#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-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; +} + +.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: #313244; + -barlevel-active-background-color: #eff1f5; + -barlevel-amplify-color: #df8e1d; + -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: #8aadf4; +} + +.osd-window .level-bar { + border-radius: 12px; + background-color: #8aadf4; +} + +.workspace-switch-osd { + color: #8aadf4; + background-color: rgba(36, 39, 58, 0.99); + /* border: 1px solid transparentize($divider, 0.01); */ + border: 2px solid #8aadf4; + 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: #8aadf4; + padding: 5.3333333333px; + margin: 10.6666666667px; +} + +.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(210, 15, 57, 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: #8aadf4; + 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: #40a02b; + background-gradient-end: #40a02b; + border-radius: 12px; + box-shadow: none; +} + +.window-list-item-demands-attention { + background-gradient-start: #df8e1d; + background-gradient-end: #df8e1d; +} + +.window-list-preview { + padding: 6px; + spacing: 6px; + border: none; + background-color: #313244; + 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); +} + +.grouped-window-list-thumbnail-label { + padding-left: 4px; +} + +.grouped-window-list-thumbnail-alert { + background-color: rgba(210, 15, 57, 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: 2px solid #8aadf4; +} + +.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: rgba(36, 39, 58, 0.87); + padding: 0; +} + +.grouped-window-list-button-label { + padding-left: 2px; +} + +.grouped-window-list-badge { + border-radius: 256px; + background-color: #8aadf4; +} + +.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: #8aadf4; +} + +.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: #40a02b; + background-gradient-end: #40a02b; + border-radius: 12px; + box-shadow: none; +} + +.grouped-window-list-item-demands-attention { + background-gradient-start: #df8e1d; + background-gradient-end: #df8e1d; +} + +.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: #8aadf4; + -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: #8aadf4; +} + +.workspace-button:hover { + color: #b9cef8; +} + +/* 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 #8aadf4; + 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); +} + +#panel-launchers-box { + padding: 0 6px; +} + +#panel-launchers-box.vertical { + padding: 3px 0; +} + +.panel-launcher { + padding: 2px; + transition-duration: 200ms; + border-radius: 0; +} + +.panel-launcher:hover { + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.1); +} + +.panel-launcher:active { + background-color: rgba(239, 241, 245, 0.2); +} + +.launcher { + padding: 2px; + spacing: 2px; + transition-duration: 0.2s; + border-radius: 0; +} + +.launcher:hover { + background-gradient-direction: none; + background-color: rgba(239, 241, 245, 0.1); +} + +.launcher:active { + background-color: rgba(239, 241, 245, 0.2); +} + +.launcher .icon-box { + padding: 2px; +} + +.applet-separator { + padding: 1px 3px; +} + +.applet-separator-line { + width: 1px; + background: rgba(239, 241, 245, 0.12); +} + +.applet-box { + padding: 0 6px; + color: rgba(239, 241, 245, 0.7); + text-shadow: none; + transition-duration: 100ms; + border-radius: 0; +} + +.applet-box.vertical { + padding: 6px 0; +} + +.applet-box:hover { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.04); +} + +.applet-box:checked, .applet-box:checked:hover { + color: rgba(239, 241, 245, 0.7); + background-color: rgba(239, 241, 245, 0.12); +} + +.applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(210, 15, 57, 0.5); +} + +.applet-label { + font-weight: bold; + color: rgba(239, 241, 245, 0.7); +} + +.applet-box:checked .applet-label { + color: rgba(239, 241, 245, 0.7); + text-shadow: none; +} + +.applet-icon { + color: rgba(239, 241, 245, 0.7); + icon-size: 16px; +} + +.applet-box:checked .applet-icon { + color: rgba(239, 241, 245, 0.7); + text-shadow: none; +} + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; +} + +.user-label { + color: #eff1f5; + font-size: 1em; + font-weight: bold; + margin: 0px; +} + +.desklet { + color: #eff1f5; +} + +.desklet:highlight { + background-color: rgba(210, 15, 57, 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(210, 15, 57, 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(210, 15, 57, 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 #8aadf4; + background-color: rgba(138, 173, 244, 0.3); +} + +.photoframe-box { + color: #eff1f5; + background-color: rgba(30, 33, 49, 0.9); + padding: 12px; + padding-bottom: 16px; +} + +.workspace-osd { + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; +} + +.notification-applet-padding { + padding: 0.5em 1em; +} + +.notification-applet-container { + max-height: 9999px; +} + +.tile-preview, +.tile-preview.snap, +.tile-hud, +.tile-hud.snap { + background-color: rgba(138, 173, 244, 0.3); + border: 1px solid #8aadf4; +} + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; +} diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/thumbnail.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/thumbnail.png new file mode 100755 index 0000000..1db9d5f Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/cinnamon/thumbnail.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/calendar-arrow-left.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/calendar-arrow-left.svg new file mode 100755 index 0000000..ec8b478 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/calendar-arrow-right.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/calendar-arrow-right.svg new file mode 100755 index 0000000..6fc5556 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/calendar-today.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/calendar-today.svg new file mode 100755 index 0000000..fc3fdf7 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/calendar-today.svg @@ -0,0 +1,55 @@ + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-dark.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-dark.svg new file mode 100755 index 0000000..d6bb926 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-dark.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-off-active.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-off-active.svg new file mode 100755 index 0000000..9cfdefd --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-off-active.svg @@ -0,0 +1,3 @@ + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-off-hover.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-off-hover.svg new file mode 100755 index 0000000..ef5123a --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-off-hover.svg @@ -0,0 +1,3 @@ + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-off.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-off.svg new file mode 100755 index 0000000..b00efa6 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,3 @@ + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox.svg new file mode 100755 index 0000000..126455b --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/checkbox.svg @@ -0,0 +1,85 @@ + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/dash-placeholder.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/dash-placeholder.svg new file mode 100755 index 0000000..172156a --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,4 @@ + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/no-events.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/no-events.svg new file mode 100755 index 0000000..239177d --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/no-events.svg @@ -0,0 +1,82 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/no-notifications.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/no-notifications.svg new file mode 100755 index 0000000..ae09f92 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/no-notifications.svg @@ -0,0 +1,3 @@ + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/noise-texture.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/noise-texture.svg new file mode 100755 index 0000000..484f6c8 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/noise-texture.svg @@ -0,0 +1,78 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/process-working.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/process-working.svg new file mode 100755 index 0000000..0f311b0 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/process-working.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/toggle-off.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/toggle-off.svg new file mode 100755 index 0000000..6cd17d8 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,59 @@ + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/toggle-on-dark.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/toggle-on-dark.svg new file mode 100755 index 0000000..3c02855 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/toggle-on-dark.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/toggle-on.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/toggle-on.svg new file mode 100755 index 0000000..e5ee9fd --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/assets/toggle-on.svg @@ -0,0 +1,91 @@ + + + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/gnome-shell.css b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/gnome-shell.css new file mode 100755 index 0000000..0a38527 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/gnome-shell.css @@ -0,0 +1,6084 @@ +/* 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(255, 255, 255, 0.3); + box-shadow: 0 0 2px 2px #e7eefd; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #8aadf4; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.magnifier-zoom-region { + border: 2px solid #8aadf4; +} + +.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: #313244; + 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: #313244; + 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: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; + 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: rgba(36, 39, 58, 0.87); + background-color: rgba(36, 39, 58, 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: rgba(36, 39, 58, 0.87); + background-color: rgba(36, 39, 58, 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(36, 39, 58, 0.35); + background-color: #8aadf4; + 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: rgba(36, 39, 58, 0.87); + background-color: rgba(36, 39, 58, 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: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; + 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(138, 173, 244, 0.35); + box-shadow: 0 0 2px 2px #e7eefd; + 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; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35); + border: 2px solid #e6e9ef; +} + +.modal-dialog-button:last-child, .modal-dialog-linked-button:last-child { + color: #24273a; + background-color: #8aadf4; +} + +.modal-dialog-button:hover:last-child, .modal-dialog-linked-button:hover:last-child { + color: #24273a; + background-color: #b4caf8; +} + +.modal-dialog-button:active:last-child, .modal-dialog-linked-button:active:last-child { + color: #24273a; + background-color: #739df2; +} + +.modal-dialog-button:insensitive:last-child, .modal-dialog-linked-button:insensitive:last-child { + color: #24273a; + background-color: rgba(138, 173, 244, 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: #df8e1d; +} + +.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: #d20f39; +} + +.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: #df8e1d; +} + +.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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.audio-selection-device-box { + padding: 18px; + spacing: 18px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.welcome-dialog-image { + background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); + background-size: contain; + height: 300px; + width: 300px; +} + +/* Entries */ +StEntry, +.popup-menu .search-entry { + min-height: 20px; + padding: 6px 12px; + margin: 2px; + border-radius: 12px; + color: #eff1f5; + caret-color: #eff1f5; + selection-background-color: #8aadf4; + selected-color: rgba(36, 39, 58, 0.87); + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid transparent !important; + box-shadow: none !important; +} + +StEntry:hover, +.popup-menu .search-entry:hover { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid rgba(239, 241, 245, 0.3) !important; + box-shadow: none !important; +} + +StEntry:focus, +.popup-menu .search-entry:focus { + color: #eff1f5; + background-color: rgba(239, 241, 245, 0.04); + border: 2px solid #8aadf4 !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: #df8e1d; + 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(36, 39, 58, 0.6); +} + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + margin-right: 2px; + border-radius: 6px; + color: rgba(239, 241, 245, 0.7); +} + +.candidate-box:hover { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.candidate-box:active { + background-color: rgba(239, 241, 245, 0.3); + color: #eff1f5; +} + +.candidate-box:selected { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.candidate-box:last-child { + margin-right: 0; +} + +.candidate-page-button-box { + height: 2em; +} + +.vertical .candidate-page-button-box { + padding-top: 0.5em; +} + +.horizontal .candidate-page-button-box { + padding-left: 0.5em; +} + +.candidate-page-button { + padding: 4px 8px; + 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: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: rgba(36, 39, 58, 0.87); + background-color: #a1bdf6; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: rgba(36, 39, 58, 0.87); + background-color: #5b8cf0; +} + +.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: #8aadf4; +} + +.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: #8aadf4; +} + +.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: #8aadf4; + selected-color: rgba(36, 39, 58, 0.87); + padding: 4px 8px; + min-height: 26px; + border-radius: 9999px; + caret-color: rgba(36, 39, 58, 0.87); + background-color: rgba(239, 241, 245, 0.04); + border-radius: 0; + border: none !important; + box-shadow: inset 0 -1px rgba(36, 39, 58, 0.15) !important; + color: rgba(36, 39, 58, 0.87); +} + +.login-dialog StEntry:focus, +.unlock-dialog StEntry:focus { + border: none !important; + background-color: rgba(239, 241, 245, 0.04); + box-shadow: inset 0 -2px #8aadf4 !important; + color: rgba(36, 39, 58, 0.87); +} + +.login-dialog StEntry:insensitive, +.unlock-dialog StEntry:insensitive { + border: none !important; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(36, 39, 58, 0.35); +} + +.login-dialog StEntry StLabel.hint-text, +.unlock-dialog StEntry StLabel.hint-text { + color: rgba(36, 39, 58, 0.38); +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; + color: rgba(36, 39, 58, 0.87); + background-color: transparent; + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:hover, .login-dialog .modal-dialog-button:focus, +.unlock-dialog .modal-dialog-button:hover, +.unlock-dialog .modal-dialog-button:focus { + color: rgba(36, 39, 58, 0.87); + background-color: rgba(239, 241, 245, 0.12); +} + +.login-dialog .modal-dialog-button:active, +.unlock-dialog .modal-dialog-button:active { + color: rgba(36, 39, 58, 0.87); + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:insensitive, +.unlock-dialog .modal-dialog-button:insensitive { + background-color: transparent; + color: rgba(36, 39, 58, 0.35); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:default, +.unlock-dialog .modal-dialog-button:default { + color: rgba(36, 39, 58, 0.87); + background-color: #313244; + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus, +.unlock-dialog .modal-dialog-button:default:hover, +.unlock-dialog .modal-dialog-button:default:focus { + color: rgba(36, 39, 58, 0.87); + background-color: rgba(239, 241, 245, 0.12); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:default:active, +.unlock-dialog .modal-dialog-button:default:active { + color: rgba(36, 39, 58, 0.87); + background-color: rgba(239, 241, 245, 0.2); + box-shadow: none !important; +} + +.login-dialog .modal-dialog-button:default:insensitive, +.unlock-dialog .modal-dialog-button:default:insensitive { + color: rgba(36, 39, 58, 0.35); + background-color: #313244; + 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: #df8e1d; +} + +.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 #8aadf4; +} + +.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: #313244; + padding: 0; + spacing: 6px; + margin: 6px; + border-radius: 20px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: #eff1f5; + border: 2px solid #e6e9ef; +} + +#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: #8aadf4; + selected-color: rgba(36, 39, 58, 0.87); +} + +.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: #313244; + 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(138, 173, 244, 0.3); + border: 1px solid #8aadf4; + 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 #8aadf4; +} + +.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: #df8e1d; +} + +/* 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(239, 241, 245, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(239, 241, 245, 0.3); +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.nm-dialog-icons { + spacing: 12px; +} + +.no-networks-label { + color: rgba(239, 241, 245, 0.5); +} + +.no-networks-box { + spacing: 6px; +} + +/* OSD */ +.screenshot-ui-panel, .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { + color: rgba(239, 241, 245, 0.7); + background-color: #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: #8aadf4; + -barlevel-overdrive-color: #d20f39; + -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: rgba(239, 241, 245, 0.7); + 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); + margin: 5px 10px 1px; + border: 2px solid #8aadf4; + border-radius: 9999px; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: rgba(36, 39, 58, 0.6); + -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: 4px solid transparent; + border-radius: 9999px; +} + +#panel .panel-button.clock-display { + box-shadow: none; +} + +#panel .panel-button.clock-display .clock { + transition-duration: 150ms; + border-radius: 12px; + border: 4px solid transparent; + border-radius: 9999px; +} + +#panel .panel-button:hover { + color: #8aadf4; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(62, 65, 82, 0.624); + border: 4px solid transparent; + border-radius: 9999px; +} + +#panel .panel-button:hover.clock-display { + box-shadow: none; + color: rgba(239, 241, 245, 0.7); +} + +#panel .panel-button:hover.clock-display .clock { + color: #8aadf4; + box-shadow: inset 0 0 0 1000px rgba(62, 65, 82, 0.624); + border: 4px solid transparent; + border-radius: 9999px; +} + +#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: #8aadf4; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(85, 88, 103, 0.648); +} + +#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: #8aadf4; + box-shadow: inset 0 0 0 1000px rgba(85, 88, 103, 0.648); +} + +.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; + border: 2px solid transparent; +} + +#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: #df8e1d; +} + +/* 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: 2px solid #8aadf4; +} + +.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: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; + 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(138, 173, 244, 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: rgba(36, 39, 58, 0.87) !important; + color: #eff1f5; + background-color: #313244; + border: 2px solid transparent !important; + box-shadow: none !important; +} + + +.search-entry:hover { + color: #eff1f5; + background-color: #313244; + border: 2px solid rgba(239, 241, 245, 0.3) !important; + box-shadow: none !important; +} + + +.search-entry:focus { + color: #eff1f5; + background-color: #313244; + border: 2px solid #8aadf4 !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: #313244; + -slider-height: 2px; + -slider-background-color: rgba(239, 241, 245, 0.3); + -slider-border-color: #8aadf4; + -slider-active-background-color: #8aadf4; + -slider-active-border-color: #8aadf4; + -slider-border-width: 2px; + -slider-handle-radius: 7px; + -slider-handle-border-width: 2px; + -slider-handle-border-color: #8aadf4; + -barlevel-height: 15px; + -barlevel-background-color: rgba(239, 241, 245, 0.3); + -barlevel-border-color: transparent; + -barlevel-active-background-color: #8aadf4; + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #d20f39; + -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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 6px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(239, 241, 245, 0.12); +} + +.switcher-list .switcher-list-item-container { + spacing: 12px; +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: rgba(239, 241, 245, 0.5); +} + +.switcher-arrow:highlighted { + color: #eff1f5; +} + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; +} + +.cycler-highlight { + border: 5px solid #8aadf4; +} + +/* 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(138, 173, 244, 0.3); + border: 1px solid #8aadf4; +} + +.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: #8aadf4; + color: rgba(36, 39, 58, 0.87); + 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: #739df2; + color: rgba(36, 39, 58, 0.87) !important; +} + +.calendar .calendar-today:selected { + background-color: #8aadf4; + color: #24273a !important; +} + +.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #afc7f8; + 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(49, 50, 68, 0.65); + 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: 23px; +} + +#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.15); +} + +#dash .dash-item-container .show-apps:active .overview-icon, +#dash .dash-item-container .overview-tile:active .overview-icon, +#dash .dash-item-container .grid-search-result:active .overview-icon { + background-color: rgba(239, 241, 245, 0.3); +} + +#dash .dash-item-container .show-apps:checked .overview-icon, +#dash .dash-item-container .overview-tile:checked .overview-icon, +#dash .dash-item-container .grid-search-result:checked .overview-icon { + background-color: rgba(239, 241, 245, 0.12); +} + +#dash .dash-item-container .app-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; + box-shadow: inset 0 0.5px rgba(239, 241, 245, 0.1); + border: 2px solid #8aadf4; +} + +.modal-dialog-button:last-child, .modal-dialog-linked-button:last-child { + background-color: #8aadf4; + color: #24273a; +} + +.modal-dialog-button:hover:last-child, .modal-dialog-linked-button:hover:last-child { + background-color: #b4caf8; + color: #24273a; +} + +.modal-dialog-button:active:last-child, .modal-dialog-linked-button:active:last-child { + background-color: #739df2; + color: #24273a; +} + +.modal-dialog-button:insensitive:last-child, .modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(138, 173, 244, 0.05); + color: rgba(138, 173, 244, 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: #df8e1d; + background-color: rgba(223, 142, 29, 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: #df8e1d; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #df8e1d; +} + +.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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.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; + border: none; + box-shadow: inset 0 0.5px rgba(239, 241, 245, 0.1); + border: 2px solid #8aadf4; +} + +.modal-dialog-linked-button:last-child, .modal-dialog-button:last-child { + background-color: #8aadf4; + color: #24273a; +} + +.modal-dialog-linked-button:hover:last-child, .modal-dialog-button:hover:last-child { + background-color: #b4caf8; + color: #24273a; +} + +.modal-dialog-linked-button:active:last-child, .modal-dialog-button:active:last-child { + background-color: #739df2; + color: #24273a; +} + +.modal-dialog-linked-button:insensitive:last-child, .modal-dialog-button:insensitive:last-child { + background-color: rgba(138, 173, 244, 0.05); + color: rgba(138, 173, 244, 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: #df8e1d; + background-color: rgba(223, 142, 29, 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: #df8e1d; +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #df8e1d; +} + +.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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.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(138, 173, 244, 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(138, 173, 244, 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(138, 173, 244, 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.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(138, 173, 244, 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(138, 173, 244, 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.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: 2px solid #8aadf4; +} + +.notification-banner:hover, .notification-banner:active { + color: #eff1f5; + 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: #232634; + text-shadow: none; + border-radius: 18px; + border: none; + border: 2px solid #8aadf4; +} + +.notification-banner:hover, .notification-banner:active, .notification-banner:focus { + color: #8aadf4; + background-color: #2d3143; + 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: #232634; + text-shadow: none; + border-radius: 18px; + border: none; + border: 2px solid #8aadf4; +} + +.notification-banner:hover, .notification-banner:active, .notification-banner:focus { + color: #8aadf4; + background-color: #2d3143; + 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; +} + +.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(138, 173, 244, 0.95) !important; + color: #24273a; +} + +.quick-toggle:checked:hover { + background-color: #b2c8f4 !important; + color: #24273a; +} + +.quick-toggle:checked:active { + background-color: #9ebbf4 !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(138, 173, 244, 0.75) !important; + color: #24273a; +} + +.quick-menu-toggle .quick-toggle-arrow:checked:hover { + background-color: #b2c8f4 !important; + color: #24273a; +} + +.quick-menu-toggle .quick-toggle-arrow:checked:active { + background-color: #9ebbf4 !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: #8aadf4 !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: #8aadf4 !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: #8aadf4 !important; + color: rgba(36, 39, 58, 0.87); +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button, .quick-settings-system-item .background-app-item .close-button, .background-app-item .quick-settings-system-item .close-button, .quick-settings-system-item .message .message-header .message-expand-button, .message .message-header .quick-settings-system-item .message-expand-button, +.quick-settings-system-item .message .message-header .message-close-button, +.message .message-header .quick-settings-system-item .message-close-button, .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: #8aadf4 !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: #8aadf4 !important; + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #eff1f5; + background-color: #313244; + 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(138, 173, 244, 0.25) !important; + color: #24273a; +} + +.quick-toggle:active { + background-color: rgba(138, 173, 244, 0.5) !important; +} + +.quick-toggle:checked { + background-color: rgba(138, 173, 244, 0.95) !important; + color: #24273a; +} + +.quick-toggle:checked:hover { + background-color: #b2c8f4 !important; + color: #24273a; +} + +.quick-toggle:checked:active { + background-color: #9ebbf4 !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(138, 173, 244, 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(138, 173, 244, 0.75) !important; + color: #24273a; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:checked:hover { + background-color: #b2c8f4 !important; + color: #24273a; +} + +.quick-toggle-has-menu .quick-toggle-menu-button:checked:active { + background-color: #9ebbf4 !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: #8aadf4 !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: #8aadf4 !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: #8aadf4 !important; + color: rgba(36, 39, 58, 0.87); +} + +.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: #8aadf4 !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: #8aadf4 !important; + min-height: 0; + min-width: 0; +} + +.quick-settings-system-item .power-item:insensitive { + color: #eff1f5; + background-color: #313244; + 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: #d20f39; +} + +.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { + background-color: #ea113f; +} + +.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { + background-color: #b10d30; +} + +.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: #8aadf4; + 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: #447ced; +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { + border-color: #8aadf4; + background-color: rgba(138, 173, 244, 0.2); +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +.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 #8aadf4; + border-radius: 3px; + padding: 0px; +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .number-overlay { + color: #eff1f5; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 9999px; + margin: 2px; + padding: 0.25em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { + border-radius: 0; +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash, #dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + padding: 0 0; +} + +#dashtodockContainer.extended.top #dash .dash-background, #dashtodockContainer.extended.bottom #dash .dash-background, #dashtodockContainer.extended.right #dash .dash-background, #dashtodockContainer.extended.left #dash .dash-background { + border-radius: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.right #dash { + margin-top: 0; + padding: 12px 0; +} + +#dashtodockContainer.left #dash .dash-background, #dashtodockContainer.right #dash .dash-background { + margin-bottom: 0; +} + +#dashtodockContainer.left .dash-item-container .app-well-app, +#dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, +#dashtodockContainer.right .show-apps { + padding: 6px; +} + +#dashtodockContainer.left #dash { + margin-left: 6px; +} + +#dashtodockContainer.right #dash { + margin-right: 6px; +} + +#dashtodockContainer.dashtodock #dash .dash-background { + background-color: rgba(36, 39, 58, 0.6); +} + +#dashtodockContainer #dash .dash-background { + background-color: rgba(36, 39, 58, 0.85); + border: 2px solid #8aadf4; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: rgba(239, 241, 245, 0.3) !important; +} + +#dashtodockContainer StWidget.focused .app-well-app-running-dot { + background-color: #e6e9ef !important; +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(239, 241, 245, 0.3) !important; +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: #eff1f5 !important; +} + +#dashtodockContainer .show-apps .overview-icon, +#dashtodockContainer .app-well-app .overview-icon { + color: rgba(239, 241, 245, 0.7); +} + +#dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon, +#dashtodockContainer .app-well-app:hover .overview-icon, +#dashtodockContainer .app-well-app:focus .overview-icon, +#dashtodockContainer .app-well-app:selected .overview-icon { + background-color: rgba(239, 241, 245, 0.12); +} + +#dashtodockContainer .show-apps:active .overview-icon, #dashtodockContainer .show-apps:checked .overview-icon, +#dashtodockContainer .app-well-app:active .overview-icon, +#dashtodockContainer .app-well-app:checked .overview-icon { + background-color: rgba(239, 241, 245, 0.3); +} + +#dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon { + color: rgba(239, 241, 245, 0.7); +} + +#dashtodockContainer:overview #dash .show-apps:hover .overview-icon, #dashtodockContainer:overview #dash .show-apps:focus .overview-icon, #dashtodockContainer:overview #dash .show-apps:selected .overview-icon, #dashtodockContainer:overview #dash .app-well-app:hover .overview-icon, #dashtodockContainer:overview #dash .app-well-app:focus .overview-icon, #dashtodockContainer:overview #dash .app-well-app:selected .overview-icon { + background-color: rgba(239, 241, 245, 0.12); +} + +#dashtodockContainer:overview #dash .show-apps:active .overview-icon, #dashtodockContainer:overview #dash .show-apps:checked .overview-icon, #dashtodockContainer:overview #dash .app-well-app:active .overview-icon, #dashtodockContainer:overview #dash .app-well-app:checked .overview-icon { + background-color: rgba(239, 241, 245, 0.3); +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: rgba(239, 241, 245, 0.3); +} + +#dashtodockContainer StWidget.focused .app-well-app-running-dot { + background-color: #e6e9ef; +} + +#dashtodockContainer.opaque #dash .dash-background { + background-color: rgba(36, 39, 58, 0.6); +} + +#dashtodockContainer.transparent #dash .dash-background { + background-color: rgba(36, 39, 58, 0.35); +} + +#dashtodockContainer:overview #dash .dash-background { + background-color: rgba(239, 241, 245, 0.12); + border: 2px solid transparent; +} + +#dashtodockContainer.opaque:overview #dash .dash-background, #dashtodockContainer.transparent:overview #dash .dash-background { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background { + background-color: rgba(36, 39, 58, 0.6); +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 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 { + background-color: rgba(239, 241, 245, 0.25); + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + border: 1px solid transparent; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: #eff1f5; +} + +.openweather-current-databox-values { + background: none; + color: rgba(239, 241, 245, 0.5); +} + +.openweather-current-databox-captions { + background: none; + color: rgba(239, 241, 245, 0.5); +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: rgba(239, 241, 245, 0.7); +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: rgba(239, 241, 245, 0.5); +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: rgba(239, 241, 245, 0.7); +} + +.cosmic-dock #dock { + border-radius: 16px !important; + border: none !important; + margin: 6px !important; + background-color: rgba(49, 50, 68, 0.65) !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: #df8e1d; + border-radius: 12px; + box-shadow: none; +} + +.pop-shell-overlay { + background-color: rgba(138, 173, 244, 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: #df8e1d; +} + +.pop-shell-tab-inactive { + background: rgba(223, 142, 29, 0.35); +} + +.pop-shell-tab-urgent { + background: #d20f39; +} + +#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; +} diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/pad-osd.css b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gnome-shell/pad-osd.css new file mode 100755 index 0000000..8db7cf0 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/apps.rc b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/apps.rc new file mode 100755 index 0000000..530e72f --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/border.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/border.png new file mode 100755 index 0000000..20d503b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/border.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button-active.png new file mode 100755 index 0000000..d941286 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button-disabled.png new file mode 100755 index 0000000..72e96fa Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button-hover.png new file mode 100755 index 0000000..a60405b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button.png new file mode 100755 index 0000000..453c9f0 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/button.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked-active.png new file mode 100755 index 0000000..cf640a3 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked-disabled.png new file mode 100755 index 0000000..1003309 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked-hover.png new file mode 100755 index 0000000..46cfa56 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked.png new file mode 100755 index 0000000..b753a57 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-checked.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed-active.png new file mode 100755 index 0000000..f46b0f1 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed-disabled.png new file mode 100755 index 0000000..6779009 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed-hover.png new file mode 100755 index 0000000..336085d Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed.png new file mode 100755 index 0000000..87d76ef Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-mixed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked-active.png new file mode 100755 index 0000000..a03bff5 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked-disabled.png new file mode 100755 index 0000000..810d142 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked-hover.png new file mode 100755 index 0000000..21b60e2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked.png new file mode 100755 index 0000000..121b009 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/checkbox-unchecked.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry-active.png new file mode 100755 index 0000000..d453209 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry-disabled.png new file mode 100755 index 0000000..b89db89 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry-hover.png new file mode 100755 index 0000000..c289e30 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry.png new file mode 100755 index 0000000..90ea958 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-left-entry.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry-active.png new file mode 100755 index 0000000..ed0b87a Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry-disabled.png new file mode 100755 index 0000000..03a91a3 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry-hover.png new file mode 100755 index 0000000..a874724 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry.png new file mode 100755 index 0000000..6503c06 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/combo-right-entry.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-active.png new file mode 100755 index 0000000..4ae49fe Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-background-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-background-disabled.png new file mode 100755 index 0000000..ce14ba8 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-background-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-background.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-background.png new file mode 100755 index 0000000..fdf26ab Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-background.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-disabled.png new file mode 100755 index 0000000..72e96fa Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-hover.png new file mode 100755 index 0000000..c56ef47 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry.png new file mode 100755 index 0000000..453c9f0 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/entry.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button-active.png new file mode 100755 index 0000000..d941286 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button-disabled.png new file mode 100755 index 0000000..49e9508 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button-hover.png new file mode 100755 index 0000000..a60405b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button.png new file mode 100755 index 0000000..49e9508 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/flat-button.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/focus.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/focus.png new file mode 100755 index 0000000..189c575 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/focus.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/frame-inline.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/frame-inline.png new file mode 100755 index 0000000..d2f09d8 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/frame-inline.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/frame-notebook.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/frame-notebook.png new file mode 100755 index 0000000..f617e4f Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/frame-notebook.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/frame.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/frame.png new file mode 100755 index 0000000..f617e4f Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/frame.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-horz-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-horz-active.png new file mode 100755 index 0000000..dc092fa Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-horz-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-horz-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-horz-hover.png new file mode 100755 index 0000000..16c85bb Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-horz-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-horz.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-horz.png new file mode 100755 index 0000000..92142fd Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-horz.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-vert-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-vert-active.png new file mode 100755 index 0000000..d7d2c6e Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-vert-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-vert-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-vert-hover.png new file mode 100755 index 0000000..69d104b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-vert-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-vert.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-vert.png new file mode 100755 index 0000000..8beda09 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/handle-vert.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-checked-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-checked-disabled.png new file mode 100755 index 0000000..24ec102 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-checked-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-checked.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-checked.png new file mode 100755 index 0000000..55efe41 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-checked.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-mixed-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-mixed-disabled.png new file mode 100755 index 0000000..4e73cf9 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-mixed-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-mixed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-mixed.png new file mode 100755 index 0000000..86f94e1 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-mixed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png new file mode 100755 index 0000000..2f8d2d0 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-unchecked-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-unchecked.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-unchecked.png new file mode 100755 index 0000000..c493574 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-checkbox-unchecked.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-checked-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-checked-disabled.png new file mode 100755 index 0000000..205630c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-checked-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-checked.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-checked.png new file mode 100755 index 0000000..d2803e7 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-checked.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-mixed-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-mixed-disabled.png new file mode 100755 index 0000000..4e73cf9 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-mixed-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-mixed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-mixed.png new file mode 100755 index 0000000..86f94e1 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-mixed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-unchecked-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-unchecked-disabled.png new file mode 100755 index 0000000..2f8d2d0 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-unchecked-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-unchecked.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-unchecked.png new file mode 100755 index 0000000..c493574 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/menu-radio-unchecked.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down-alt-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down-alt-disabled.png new file mode 100755 index 0000000..8761247 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down-alt-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down-alt.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down-alt.png new file mode 100755 index 0000000..6fcbf3c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down-alt.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down-disabled.png new file mode 100755 index 0000000..ed84ff0 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down.png new file mode 100755 index 0000000..5378d6d Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-down.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-alt-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-alt-disabled.png new file mode 100755 index 0000000..4aa5495 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-alt-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-alt.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-alt.png new file mode 100755 index 0000000..540ee6c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-alt.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-disabled.png new file mode 100755 index 0000000..988b263 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-semi.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-semi.png new file mode 100755 index 0000000..51c5b22 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left-semi.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left.png new file mode 100755 index 0000000..79c4b9c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-left.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-alt-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-alt-disabled.png new file mode 100755 index 0000000..58041f9 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-alt-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-alt.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-alt.png new file mode 100755 index 0000000..11ead9e Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-alt.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-disabled.png new file mode 100755 index 0000000..633d232 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-semi.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-semi.png new file mode 100755 index 0000000..9b77f10 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right-semi.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right.png new file mode 100755 index 0000000..d6c41a8 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-right.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up-alt-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up-alt-disabled.png new file mode 100755 index 0000000..1303814 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up-alt-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up-alt.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up-alt.png new file mode 100755 index 0000000..d91dc92 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up-alt.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up-disabled.png new file mode 100755 index 0000000..85ca589 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up.png new file mode 100755 index 0000000..324d867 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/pan-up.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/progressbar-progress.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/progressbar-progress.png new file mode 100755 index 0000000..7319887 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/progressbar-progress.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/progressbar-trough.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/progressbar-trough.png new file mode 100755 index 0000000..0ab5001 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/progressbar-trough.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked-active.png new file mode 100755 index 0000000..541ae78 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked-disabled.png new file mode 100755 index 0000000..861364b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked-hover.png new file mode 100755 index 0000000..537a8e2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked.png new file mode 100755 index 0000000..a3f9a7c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-checked.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed-active.png new file mode 100755 index 0000000..f46b0f1 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed-disabled.png new file mode 100755 index 0000000..6779009 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed-hover.png new file mode 100755 index 0000000..336085d Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed.png new file mode 100755 index 0000000..87d76ef Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-mixed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked-active.png new file mode 100755 index 0000000..a03bff5 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked-disabled.png new file mode 100755 index 0000000..810d142 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked-hover.png new file mode 100755 index 0000000..21b60e2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked.png new file mode 100755 index 0000000..121b009 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/radio-unchecked.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-horz-trough-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-horz-trough-active.png new file mode 100755 index 0000000..c33e100 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-horz-trough-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-horz-trough-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-horz-trough-disabled.png new file mode 100755 index 0000000..ba71de2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-horz-trough-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-horz-trough.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-horz-trough.png new file mode 100755 index 0000000..8fa6c3b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-horz-trough.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider-active.png new file mode 100755 index 0000000..88518e7 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider-disabled.png new file mode 100755 index 0000000..7880b39 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider-hover.png new file mode 100755 index 0000000..ae2ccbe Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider.png new file mode 100755 index 0000000..17b8cd6 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-slider.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-vert-trough-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-vert-trough-active.png new file mode 100755 index 0000000..66e4c80 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-vert-trough-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-vert-trough-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-vert-trough-disabled.png new file mode 100755 index 0000000..142e937 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-vert-trough-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-vert-trough.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-vert-trough.png new file mode 100755 index 0000000..00f75cd Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scale-vert-trough.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider-active.png new file mode 100755 index 0000000..7336715 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider-disabled.png new file mode 100755 index 0000000..c624d53 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider-hover.png new file mode 100755 index 0000000..20708af Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider.png new file mode 100755 index 0000000..0c300a6 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-slider.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-trough.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-trough.png new file mode 100755 index 0000000..77a7314 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-horz-trough.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png new file mode 100755 index 0000000..8d12ce3 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png new file mode 100755 index 0000000..3935e89 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png new file mode 100755 index 0000000..cfdfff5 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider.png new file mode 100755 index 0000000..c39715e Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-slider.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-trough.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-trough.png new file mode 100755 index 0000000..bcb2864 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-ltr-trough.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png new file mode 100755 index 0000000..13f396e Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png new file mode 100755 index 0000000..1ea4e64 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png new file mode 100755 index 0000000..db2ecbd Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider.png new file mode 100755 index 0000000..e2dbcff Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-slider.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-trough.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-trough.png new file mode 100755 index 0000000..48c8066 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/scrollbar-vert-rtl-trough.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down-active.png new file mode 100755 index 0000000..34a790b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down-disabled.png new file mode 100755 index 0000000..eab59c9 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down-hover.png new file mode 100755 index 0000000..12b4cc4 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down.png new file mode 100755 index 0000000..a6f8cdd Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-down.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up-active.png new file mode 100755 index 0000000..f32322c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up-disabled.png new file mode 100755 index 0000000..c4d63e6 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up-hover.png new file mode 100755 index 0000000..09cc0bc Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up.png new file mode 100755 index 0000000..297a745 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-ltr-up.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down-active.png new file mode 100755 index 0000000..5df911a Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down-disabled.png new file mode 100755 index 0000000..5aca284 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down-hover.png new file mode 100755 index 0000000..011a1a9 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down.png new file mode 100755 index 0000000..ff9dc75 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-down.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up-active.png new file mode 100755 index 0000000..c508785 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up-disabled.png new file mode 100755 index 0000000..2e7e347 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up-hover.png new file mode 100755 index 0000000..b729b68 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up.png new file mode 100755 index 0000000..5159624 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/spin-rtl-up.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/tab.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/tab.png new file mode 100755 index 0000000..63aee8a Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/tab.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-ltr-button-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-ltr-button-active.png new file mode 100755 index 0000000..45da44f Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-ltr-button-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-ltr-button-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-ltr-button-hover.png new file mode 100755 index 0000000..a240cb6 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-ltr-button-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-ltr-button.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-ltr-button.png new file mode 100755 index 0000000..269e20e Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-ltr-button.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-rtl-button-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-rtl-button-active.png new file mode 100755 index 0000000..a5a46b9 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-rtl-button-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-rtl-button-hover.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-rtl-button-hover.png new file mode 100755 index 0000000..810a277 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-rtl-button-hover.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-rtl-button.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-rtl-button.png new file mode 100755 index 0000000..269e20e Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/assets/treeview-rtl-button.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/gtkrc b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/gtkrc new file mode 100755 index 0000000..07ffb00 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/hacks.rc b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/hacks.rc new file mode 100755 index 0000000..c288da3 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/main.rc b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-2.0/main.rc new file mode 100755 index 0000000..8349b0e --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg new file mode 100755 index 0000000..c3eedb0 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-checked-symbolic.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg new file mode 100755 index 0000000..96be359 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg new file mode 100755 index 0000000..f016658 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg new file mode 100755 index 0000000..1bc6987 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,50 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/close.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/close.svg new file mode 100755 index 0000000..06201c3 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/close.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg new file mode 100755 index 0000000..e2a252b --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/maximize.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/maximize.svg new file mode 100755 index 0000000..39316eb --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/maximize.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/minimize.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/minimize.svg new file mode 100755 index 0000000..f3683b9 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/minimize.svg @@ -0,0 +1,43 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/radio-checked-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/radio-checked-symbolic.svg new file mode 100755 index 0000000..d13b029 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/radio-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg new file mode 100755 index 0000000..ed8d87a --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/radio-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg new file mode 100755 index 0000000..de0d789 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg new file mode 100755 index 0000000..7f0235f --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg new file mode 100755 index 0000000..993f308 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-hover-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg new file mode 100755 index 0000000..740bc8b --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-hover-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-symbolic.svg new file mode 100755 index 0000000..73a1dbe --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-symbolic.svg @@ -0,0 +1,40 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg new file mode 100755 index 0000000..bec2ee4 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-slider-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg new file mode 100755 index 0000000..37d9c04 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg new file mode 100755 index 0000000..1bc5cb6 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg new file mode 100755 index 0000000..caed76f --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg new file mode 100755 index 0000000..58aa5ff --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,46 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg new file mode 100755 index 0000000..0e477a9 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg new file mode 100755 index 0000000..d0980e2 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg new file mode 100755 index 0000000..0fdb530 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-radio-checked-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg new file mode 100755 index 0000000..251e2f5 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/small-radio-checked-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/unmaximize.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/unmaximize.svg new file mode 100755 index 0000000..492d47a --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scalable/unmaximize.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png new file mode 100755 index 0000000..7d30542 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-dark.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png new file mode 100755 index 0000000..d9ce2fc Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-dark@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png new file mode 100755 index 0000000..a406f34 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png new file mode 100755 index 0000000..79d7bf4 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled-dark@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png new file mode 100755 index 0000000..56e2051 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png new file mode 100755 index 0000000..f9d3ee2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider-disabled@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider.png new file mode 100755 index 0000000..a9c284f Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider@2.png new file mode 100755 index 0000000..8fb41e7 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-after-slider@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png new file mode 100755 index 0000000..540e8c3 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-dark.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png new file mode 100755 index 0000000..eb3a14c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-dark@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png new file mode 100755 index 0000000..3faffbe Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png new file mode 100755 index 0000000..df47f46 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled-dark@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png new file mode 100755 index 0000000..2f642d7 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png new file mode 100755 index 0000000..c414366 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider-disabled@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider.png new file mode 100755 index 0000000..c952031 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider@2.png new file mode 100755 index 0000000..602025d Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-horz-marks-before-slider@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png new file mode 100755 index 0000000..ff1964c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-dark.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png new file mode 100755 index 0000000..92909ac Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-dark@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png new file mode 100755 index 0000000..dc46db4 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png new file mode 100755 index 0000000..9e3384f Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled-dark@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png new file mode 100755 index 0000000..d2e7e23 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png new file mode 100755 index 0000000..a3b0230 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider-disabled@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider.png new file mode 100755 index 0000000..c605478 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider@2.png new file mode 100755 index 0000000..f856bd3 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-after-slider@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png new file mode 100755 index 0000000..45f08f7 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-dark.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png new file mode 100755 index 0000000..7c9b2f8 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-dark@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png new file mode 100755 index 0000000..7d8d62f Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png new file mode 100755 index 0000000..da72004 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled-dark@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png new file mode 100755 index 0000000..053b2cf Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png new file mode 100755 index 0000000..a43cb47 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider-disabled@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider.png new file mode 100755 index 0000000..7888d78 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider@2.png new file mode 100755 index 0000000..c85505a Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/scale-vert-marks-before-slider@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png new file mode 100755 index 0000000..de4c4e9 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked-dark.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png new file mode 100755 index 0000000..423fa40 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked-dark@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked.png new file mode 100755 index 0000000..42770fb Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked@2.png new file mode 100755 index 0000000..63f9df7 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-checked@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png new file mode 100755 index 0000000..32e0e98 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png new file mode 100755 index 0000000..77dbab8 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked-dark@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked.png new file mode 100755 index 0000000..dc79ab1 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png new file mode 100755 index 0000000..98b6085 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/assets/selectionmode-checkbox-unchecked@2.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/gtk-dark.css b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/gtk-dark.css new file mode 100755 index 0000000..94077ff --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/gtk-dark.css @@ -0,0 +1,8599 @@ +@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, #8aadf4 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #8aadf4 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -gtktoolbutton-icon-spacing: 4; + -gtktextview-error-underline-color: #d20f39; + -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: #8aadf4; +} + +.thunar .standard-view.frame widget.view:selected, XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget: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, label selection, flowbox flowboxchild:selected { + color: #8aadf4; + background-color: rgba(138, 173, 244, 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, spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +treeview.view:selected { + color: rgba(36, 39, 58, 0.87); + background-color: #e6e9ef; +} + +.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry { + border-radius: 0; +} + +.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { + border-radius: 12px; +} + +.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry { + border-radius: 0; +} + +.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { + border-radius: 12px; +} + +/*************** + * Base States * + ***************/ +.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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.view { + background-color: #313244; + 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: #313244; +} + +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 #8aadf4; + background-color: rgba(138, 173, 244, 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; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +/**************** + * Text Entries * + ****************/ +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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #8aadf4; +} + +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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton.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 #d20f39; +} + +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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton.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 #df8e1d; +} + +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 #8aadf4; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #313244; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag, .photos-entry-tag, .documents-entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8aadf4), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8aadf4), to(transparent)); + } +} + +.xfce4-panel.background button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(239, 241, 245, 0.7); +} + +.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked { + color: #eff1f5; +} + +.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { + color: rgba(239, 241, 245, 0.5); +} + +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.combo) { + background-color: #313244; + 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 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eff1f5; +} + +button:focus { + box-shadow: 0 0 0 2px rgba(138, 173, 244, 0.35); +} + +button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +button:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +button:checked { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +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); +} + +.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, +notebook > header tab button.close-button, spinbutton.vertical button, spinbutton:not(.vertical) button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 12px; + font-weight: 500; +} + +button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, notebook > header > tabs > arrow, modelbutton.flat, +.menuitem.button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, +messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, popover.background.menu button, +popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), button.flat { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(239, 241, 245, 0.7); +} + +.budgie-session-dialog .linked.horizontal > button:focus, +.budgie-polkit-dialog .linked.horizontal > button:focus, +.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, notebook > header > tabs > arrow:focus, modelbutton.flat:focus, +.menuitem.button.flat:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, +messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, 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), button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eff1f5; +} + +.budgie-session-dialog .linked.horizontal > button:hover, +.budgie-polkit-dialog .linked.horizontal > button:hover, +.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, notebook > header > tabs > arrow:hover, modelbutton.flat:hover, +.menuitem.button.flat:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, +messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, 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), button.flat:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: #eff1f5; +} + +.budgie-session-dialog .linked.horizontal > button:active, +.budgie-polkit-dialog .linked.horizontal > button:active, +.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, notebook > header > tabs > arrow:active, modelbutton.flat:active, +.menuitem.button.flat:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, +messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, 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), button.flat:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; + color: #eff1f5; +} + +.budgie-session-dialog .linked.horizontal > button:disabled, +.budgie-polkit-dialog .linked.horizontal > button:disabled, +.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, notebook > header > tabs > arrow:disabled, modelbutton.flat:disabled, +.menuitem.button.flat:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, +messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, 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), button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, +messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, 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), button.flat:checked, button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, 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), 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: #1e66f5; + color: #eff1f5; + 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(30, 102, 245, 0.2), 0 4px 3px 0 rgba(30, 102, 245, 0.14), 0 1px 6px 0 rgba(30, 102, 245, 0.12); +} + +button.suggested-action:checked { + background-color: #5d90f5; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(30, 102, 245, 0.3), 0 2px 3px -1px rgba(30, 102, 245, 0.24), 0 2px 5px 0 rgba(30, 102, 245, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(30, 102, 245, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #1e66f5; +} + +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(30, 102, 245, 0.3); +} + +button.destructive-action { + background-color: #d20f39; + color: #eff1f5; + 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(210, 15, 57, 0.2), 0 4px 3px 0 rgba(210, 15, 57, 0.14), 0 1px 6px 0 rgba(210, 15, 57, 0.12); +} + +button.destructive-action:checked { + background-color: #db5371; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(210, 15, 57, 0.3), 0 2px 3px -1px rgba(210, 15, 57, 0.24), 0 2px 5px 0 rgba(210, 15, 57, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(210, 15, 57, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #d20f39; +} + +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(210, 15, 57, 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 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), +.stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/********* + * Links * + *********/ +*:link, +link { + color: #8bc1df; +} + +*:visited { + color: #8839ef; +} + +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: #8839ef; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * 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; +} + +/************* + * 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; + border-spacing: 6px; +} + +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 * + **************/ +/************ + * 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 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 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 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar:not(.inline-toolbar):not(.osd) scale, +toolbar:not(.inline-toolbar):not(.osd) entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton, +toolbar:not(.inline-toolbar):not(.osd) button { + margin: 2px 1px; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { + margin-left: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { + margin-right: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton button { + margin: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +.toolbar { + background-color: #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; +} + +/*************** + * 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 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #24273a; + color: #eff1f5; + border-radius: 12px 12px 0 0; + /* box-shadow: inset 0 1px highlight($titlebar); */ + /* @if $outline == '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 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar + separator, +.titlebar + separator.sidebar { + background-color: #24273a; + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 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: #8aadf4; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: #8aadf4; +} + +.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 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.titlebar.selection-mode:backdrop { + color: rgba(36, 39, 58, 0.6); + background-color: #a6c1f7; +} + +.titlebar.selection-mode .subtitle:link { + color: rgba(36, 39, 58, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(36, 39, 58, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(36, 39, 58, 0.38); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + color: rgba(36, 39, 58, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(36, 39, 58, 0.38); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) { + color: rgba(36, 39, 58, 0.6); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(36, 39, 58, 0.3); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(36, 39, 58, 0.6); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(36, 39, 58, 0.3); +} + +.titlebar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +.titlebar.selection-mode .selection-menu arrow { + -gtkarrow-arrow-scaling: 1; +} + +.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 12px 12px 0 0; + border: none; + background-color: #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; +} + +/************ + * 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; +} + +/************** + * 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: #8aadf4; + background-image: none; + border-radius: 9999px; + color: rgba(36, 39, 58, 0.87); +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: #99b7f4; + color: rgba(36, 39, 58, 0.87); +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: rgba(36, 39, 58, 0.87); +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: rgba(239, 241, 245, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view header button { + padding: 2px 6px; + border: 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: #313244; +} + +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: #313244; + background-clip: border-box; + color: #8aadf4; +} + +treeview.view acceleditor > label { + background-color: #8aadf4; +} + +/********* + * 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 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: none; + min-height: 20px; + padding: 4px 8px; + color: rgba(239, 241, 245, 0.7); + border-radius: 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: #232634; + background-clip: border-box; + border-radius: 12px; + border: 2px solid #8aadf4; +} + +.csd menu { + border: none; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +menu menuitem { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: #eff1f5; + font: initial; + text-shadow: none; + border-radius: 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; +} + +/************ + * Popovers * + ************/ +popover.background { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: #232634; + border-radius: 12px; +} + +popover.background, .csd popover.background { + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +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: #232634; +} + +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"); +} + +/************* + * Notebooks * + *************/ +tabbox > tab, notebook > header tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + padding: 3px 12px; + border: none; + outline: none; + background-clip: padding-box; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; + border-radius: 9px; +} + +tabbox > tab:hover, notebook > header tab:hover { + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; +} + +tabbox > tab:disabled, notebook > header tab:disabled { + color: rgba(239, 241, 245, 0.32); +} + +tabbox > tab:checked, notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; + 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 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +notebook > header tab button.flat:last-child, +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; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0, 0, 0.2, 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; +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #8aadf4; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + 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); +} + +/************************* + * 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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.04); + background-color: rgba(239, 241, 245, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(239, 241, 245, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(36, 39, 58, 0.6); + background-color: #8aadf4; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(138, 173, 244, 0.15); + background-color: #b9cef8; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(138, 173, 244, 0.2); + background-color: #8aadf4; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(36, 39, 58, 0.3); + background-color: rgba(138, 173, 244, 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); + 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 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + +/************ + * 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 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(239, 241, 245, 0.3); +} + +scale trough:disabled { + background-color: rgba(239, 241, 245, 0.12); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#8aadf4); +} + +scale highlight:disabled { + background-color: #24273a; + background-image: image(rgba(239, 241, 245, 0.32)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #8aadf4; + background-color: #313244; + box-shadow: inset 0 0 0 2px #8aadf4; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #8aadf4, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #8aadf4, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.32); +} + +scale marks, +scale value { + color: rgba(239, 241, 245, 0.7); +} + +scale indicator { + background-color: rgba(239, 241, 245, 0.3); + color: transparent; +} + +scale.horizontal marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale.horizontal.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { + margin-right: 6px; + margin-left: -14px; +} + +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.svg"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.svg"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.svg"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.svg"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { + margin-bottom: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(239, 241, 245, 0.7); + font-size: smaller; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 6px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 6px; +} + +progressbar trough { + border-radius: 12px; + background-color: rgba(239, 241, 245, 0.12); +} + +progressbar progress { + border-radius: 12px; + background-color: #8aadf4; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #8aadf4; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * 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: #df8e1d; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #8aadf4; +} + +levelbar block.full { + background-color: #40a02b; +} + +levelbar block.empty { + background-color: rgba(239, 241, 245, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #313244; + color: #eff1f5; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, .frame { + margin: 0; + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; +} + +.frame.view { + border-radius: 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: #8aadf4; +} + +actionbar > revealer > box button.combo:only-child:disabled { + color: #8aadf4; +} + +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: #313244; + color: #eff1f5; +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked:hover { + background-color: #313244; +} + +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: #313244; +} + +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; +} + +/********* + * Lists * + *********/ +window.background.csd stack stack stack frame > list, +window.background.csd > stack > stack > box > frame > list, +window.background.csd > stack > stack > box > box > frame > list, +window.background.csd > stack > box > stack > box > frame > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, +window.background.csd > stack > scrolledwindow > viewport > box > list, +window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, +.geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, +hdyleaflet list.frame, +leaflet list.view, +leaflet list.frame, +box.horizontal > stack.background list.view, +box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, +hdyleaflet overlay scrolledwindow > viewport list, +leaflet stack.background scrolledwindow > viewport list, +leaflet overlay scrolledwindow > viewport list, +box.horizontal > stack.background stack.background scrolledwindow > viewport list, +box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), +leaflet frame:not(.view) list:not(.contacts-contact-list), +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, list.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 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; +} + +row:selected { + color: inherit; + background-color: alpha(currentColor, 0.06); +} + +row:selected image, +row:selected label { + color: #eff1f5; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(239, 241, 245, 0.5); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; + padding: 6px 15px; +} + +.app-notification button.flat:last-child { + margin-right: -9px; +} + +.app-notification button.text-button:not(:disabled) { + color: #8aadf4; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(239, 241, 245, 0.7); +} + +expander title > arrow:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +expander title > arrow:checked { + -gtk-icon-transform: unset; +} + +expander title > arrow:hover, expander title > arrow:active { + color: #eff1f5; +} + +expander title > arrow:disabled { + color: rgba(239, 241, 245, 0.32); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 1px; + border: 1px solid rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +calendar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +calendar:selected { + border-radius: 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); +} + +/*********** + * 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: #1e66f5; +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), +messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: #d20f39; +} + +.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; +} + +/*********** + * 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: #313244; +} + +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: #8aadf4; + color: rgba(36, 39, 58, 0.87); + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, +stacksidebar.sidebar row:selected image { + color: rgba(36, 39, 58, 0.87); +} + +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: #8aadf4; +} + +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: #8aadf4; + font-weight: 500; +} + +placessidebar.sidebar row:disabled { + color: rgba(36, 39, 58, 0.3); +} + +placessidebar.sidebar row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 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: #8aadf4; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #8aadf4; +} + +placessidebar.sidebar row:drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(239, 241, 245, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #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; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; + margin-bottom: 0; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #313244; +} + +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: #8aadf4; +} + +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: #8aadf4; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #8aadf4; +} + +infobar.action > revealer > box, +infobar.action > revealer > box link:link, +infobar.action > revealer > box flowboxchild, infobar.action:backdrop > revealer > box, +infobar.action:backdrop > revealer > box link:link, +infobar.action:backdrop > revealer > box flowboxchild, infobar.question > revealer > box, +infobar.question > revealer > box link:link, +infobar.question > revealer > box flowboxchild, infobar.question:backdrop > revealer > box, +infobar.question:backdrop > revealer > box link:link, +infobar.question:backdrop > revealer > box flowboxchild { + color: rgba(36, 39, 58, 0.87); +} + +infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { + color: rgba(36, 39, 58, 0.87); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #739df2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #df8e1d; +} + +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: #eff1f5; +} + +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: #eff1f5; +} + +infobar.warning:hover > revealer > box { + background-color: #c8801a; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #d20f39; + color: #eff1f5; +} + +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: #eff1f5; +} + +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: #eff1f5; +} + +infobar.error:hover > revealer > box { + background-color: #ba0d33; +} + +/************ + * Tooltips * + ************/ +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 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +tooltip decoration { + background-color: transparent; +} + +tooltip > box { + margin: -6px; + min-height: 24px; + padding: 4px 8px; +} + +/***************** + * 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); +} + +colorswatch overlay { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #8aadf4; +} + +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 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #24273a; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: none; + /* border-radius: $window-radius; */ + border-radius: 12px 12px 0 0; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; + margin: 10px; +} + +decoration:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration { + border-radius: 0; + box-shadow: none; +} + +.popup decoration { + box-shadow: none; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #8aadf4; +} + +.ssd decoration:backdrop { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #292c3c; +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4; +} + +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 #4a4b5a; +} + +.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; + background-color: alpha(currentColor, 0.15); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #8aadf4; + -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; +} + +:not(decoration):not(window):drop(active) { + caret-color: #8aadf4; +} + +/**************** + * 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + 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; +} + +/********* + * 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 #8aadf4; + box-shadow: inset 0 -1px #8aadf4; + 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: #8aadf4; +} + +button.emoji-section:not(:last-child) { + margin-right: 0; +} + +popover.emoji-picker .emoji { + min-width: 3em; + min-height: 3em; + padding: 0 8px; +} + +popover.emoji-picker .emoji widget { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 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); +} + +/************ + * Nautilus * + ************/ +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: #313244; +} + +.nautilus-window.background.csd:backdrop { + background-color: #313244; +} + +.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: #313244; + 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 #313244; + background-color: #313244; + 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(36, 39, 58, 0.87); +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: rgba(239, 241, 245, 0.7); +} + +.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: #eff1f5; +} + +@keyframes nautilus-operations-button-needs-attention { + to { + background-color: alpha(currentColor, 0.08); + } +} + +.nautilus-operations-button-needs-attention { + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; +} + +.path-bar-box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border-radius: 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: #8aadf4; + color: #8aadf4; +} + +.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: #313244; + color: #eff1f5; +} + +.conflict-row:not(:selected) { + background-color: #654e38; +} + +.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: #df8e1d; + color: #eff1f5; +} + +.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 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 2px #e6e9ef; +} + +.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(239, 241, 245, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: #eff1f5; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +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: #8aadf4; +} + +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 75ms cubic-bezier(0, 0, 0.2, 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: #313244; + 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: #313244; + 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 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eff1f5; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0 3px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 6px; + margin: -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > box { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 0 6px 6px; + margin: 0 -6px -6px 0; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 3px; + margin: -1px -6px -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > paned > box:first-child > box { + padding: 0 6px 6px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +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 #8aadf4; + background-color: #313244; +} + +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: #d20f39; + color: #eff1f5; +} + +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: #313244; +} + +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 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + margin-bottom: -1px; + padding: 6px 6px; + border-width: 1px; + border-color: transparent; + box-shadow: inset 0 -2px transparent; + background-image: radial-gradient(circle, #8aadf4 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +docktab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px #8aadf4; + 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 #8aadf4; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 #8aadf4; +} + +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: #313244; +} + +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(138, 173, 244, 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 #8aadf4; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #8aadf4; +} + +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 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + font-weight: bold; +} + +.documents-scrolledwin.frame { + border-style: none; +} + +.documents-scrolledwin.frame frame.content-view > border { + border-style: none; +} + +.photos-fade-in { + opacity: 1; + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.photos-fade-out { + opacity: 0; + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); +} + +button.photos-filter-preview { + color: #eff1f5; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: #eff1f5; +} + +button.photos-filter-preview:checked image { + color: #eff1f5; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { + border-style: none none none solid; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { + border-style: none solid none none; +} + +/********* + * Music * + *********/ +.side-panel:dir(ltr) { + border-style: solid; + border-color: rgba(239, 241, 245, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: rgba(239, 241, 245, 0.12); +} + +.side-panel .view { + background-image: image(#313244); +} + +.side-panel .view:hover { + background-image: image(#404152); +} + +.side-panel .view:selected { + background-image: image(#8aadf4); +} + +.side-panel .view:selected:hover { + background-image: image(rgba(132, 165, 232, 0.9896)); +} + +.songs-list:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +frame.documents-dropdown { + margin: 8px; +} + +frame.documents-dropdown > border { + border: none; +} + +box.vertical > revealer > toolbar.search-bar { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-clip: border-box; +} + +box.vertical > revealer > toolbar.search-bar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +/************* + * Documents * + *************/ +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > stack > box > revealer > actionbar > revealer > box { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd evview.view.content-view { + border-radius: 0 0 12px 12px; +} + +/********************************* + * Archive Manager (File roller) * + *********************************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #313244; +} + +.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: #313244; +} + +.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: #8aadf4; +} + +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 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 0 -8px; +} + +task-list-view taskrow:hover { + transition: none; +} + +task-list-view taskrow label { + margin: 0 8px; +} + +task-list-view taskrow image.dim-label { + min-width: 16px; +} + +task-list-view > box > revealer > box > button { + margin: -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: #313244; +} + +.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 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop, +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop { + background-color: #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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.geary-main-window.unified separator.geary-sidebar-pane-separator { + min-width: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { + border: 1px solid rgba(239, 241, 245, 0.12); + border-bottom-width: 0; + background-color: #313244; +} + +.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: #313244; +} + +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; +} + +/********* + * Tilix * + *********/ +overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { + border-style: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +overlay > revealer.left > scrolledwindow.frame { + margin-right: 32px; +} + +overlay > revealer.right > scrolledwindow.frame { + margin-left: 32px; +} + +.terminix-session-sidebar, +.tilix-session-sidebar { + background-image: image(#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; +} + +/************ + * Chromium * + ************/ +window.background.chromium { + background-color: #313244; + 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 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; + color: #eff1f5; +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + background-size: 16px 16px; + border: none; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #4a4b5a; + 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: #232634; + /* border: 0px solid if($variant == 'light', $solid-border, $window-border); */ + border-radius: 0; +} + +window.background.chromium menu menuitem { + border-radius: 0; + background-color: rgba(239, 241, 245, 0.04); +} + +window.background.chromium menu menuitem:hover { + background-color: #292c3c; + color: #8aadf4; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget decoration { + border: none; +} + +#MozillaGtkWidget > widget text { + background-color: #24273a; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +#MozillaGtkWidget > widget > separator { + color: #4a4b5a; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #4a4b5a; +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid #4a4b5a; + 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: #313244; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: #8aadf4; + box-shadow: inset 0 0 0 1px #8aadf4; +} + +#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: #4a4b5a; +} + +#MozillaGtkWidget menu > separator { + color: #4a4b5a; +} + +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; +} + +/********* + * 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: #8aadf4; + -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 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { + border-style: none; +} + +UnityPanelWidget, +.unity-panel { + background-color: #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: #8aadf4; +} + +/************** + * 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.6); + 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: #8aadf4; +} + +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: #8aadf4; +} + +.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 75ms cubic-bezier(0, 0, 0.2, 1); +} + +#PanelApplet:selected > box { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +#mate-menu { + border: 1px solid rgba(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: #8aadf4; +} + +.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: #313244; +} + +.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: #313244; +} + +#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 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 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: #8aadf4; +} + +/* 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: #8aadf4; +} + +/****************** + * 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-color: #292c3c; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 2px #e6e9ef; + background-clip: border-box; + 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: #313244; + padding: 6px; + margin: 6px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 2px #e6e9ef; +} + +.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 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: alpha(currentColor, 0.1); +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 12px; +} + +.budgie-panel { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(36, 39, 58, 0.6); + 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: #d20f39; +} + +.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 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +.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: #313244; +} + +.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 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 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 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(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: #d20f39; +} + +.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); +} + +/************** + * Xfce4 Apps * + **************/ +.XfceHeading { + background-color: #313244; +} + +/*************** + * xfce4-panel * + ***************/ +.xfce4-panel.background { + border: none; + background-color: rgba(36, 39, 58, 0.6); + 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: #8aadf4; +} + +#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: #313244; +} + +window#whiskermenu-window > frame > border { + border-radius: 12px; + padding: 6px 8px 6px 9px; + margin: 6px; + border: none; + background-color: #292c3c; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4; +} + +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: #313244; + 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: #313244; + border-radius: 12px; + border: 2px solid #8aadf4; +} + +#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: 2px solid #8aadf4; +} + +#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); +} + +/************************ + * 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 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +#content_frame { + padding-bottom: 16px; +} + +/* // the buttons, alternatively this could also be done with a simple ".lightdm-gtk-greeter button" */ +/* #login_window button, */ +/* #shutdown_dialog button, */ +/* #restart_dialog button { */ +/* } */ +/* .lightdm-gtk-greeter button { */ +/* } */ +/* // the user's avatar box */ +/* #user_image { */ +/* } */ +/* // the border around the user's avatar box */ +/* #user_image_border { */ +/* } */ +#buttonbox_frame { + padding-top: 24px; +} + +#buttonbox_frame > box, +#buttonbox_frame > buttonbox { + margin: -16px; +} + +#buttonbox_frame button:not(:disabled) { + color: #8aadf4; +} + +/* // the shutdown button */ +/* #shutdown_button { */ +/* } */ +/* // the restart button */ +/* #restart_button { */ +/* } */ +/* // the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +/* #greeter_infobar { */ +/* // font-weight: bold; */ +/* } */ +/******** + * 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: #8aadf4; + -nemoplacestreeview-disk-full-bar-width: 2px; + -nemoplacestreeview-disk-full-bar-radius: 0; + -nemoplacestreeview-disk-full-bottom-padding: 1px; + -nemoplacestreeview-disk-full-max-length: 80px; + padding-top: 3px; + padding-bottom: 3px; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #eff1f5; +/* text color for entries, views and content in general */ +@define-color theme_text_color #eff1f5; +/* widget base background color */ +@define-color theme_bg_color #24273a; +/* text widgets and the like base background color */ +@define-color theme_base_color #313244; +/* base background color of selections */ +@define-color theme_selected_bg_color #8aadf4; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(36, 39, 58, 0.87); +/* 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 #313244; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #8aadf4; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(36, 39, 58, 0.87); +/* insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(239, 241, 245, 0.5); +/* widgets main borders color */ +@define-color borders rgba(239, 241, 245, 0.12); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(239, 241, 245, 0.12); +/* these are pretty self explicative */ +@define-color warning_color #df8e1d; +@define-color error_color #d20f39; +@define-color success_color #40a02b; +/* 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 #0a0a0e; +@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 #313244; +@define-color placeholder_text_color #b6b8c0; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #313244; +@define-color budgie_tasklist_indicator_color rgba(125, 127, 140, 0.7); +@define-color budgie_tasklist_indicator_color_active #8aadf4; +@define-color budgie_tasklist_indicator_color_active_window rgba(111, 137, 194, 0.816); +@define-color budgie_tasklist_indicator_color_attention #df8e1d; +@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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/gtk.css b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/gtk.css new file mode 100755 index 0000000..94077ff --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/gtk.css @@ -0,0 +1,8599 @@ +@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, #8aadf4 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #8aadf4 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -gtktoolbutton-icon-spacing: 4; + -gtktextview-error-underline-color: #d20f39; + -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: #8aadf4; +} + +.thunar .standard-view.frame widget.view:selected, XfdesktopIconView.view:active, calendar.raven-calendar:selected, box.vertical > widget > widget: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, label selection, flowbox flowboxchild:selected { + color: #8aadf4; + background-color: rgba(138, 173, 244, 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, spinbutton.vertical selection, spinbutton:not(.vertical) selection, +entry selection, textview text selection:focus, textview text selection, widget.view:selected, .view:selected { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +treeview.view:selected { + color: rgba(36, 39, 58, 0.87); + background-color: #e6e9ef; +} + +.linked:not(.vertical) > button, .linked:not(.vertical) > spinbutton.vertical, .linked:not(.vertical) > spinbutton:not(.vertical), .linked:not(.vertical) > entry { + border-radius: 0; +} + +.linked:not(.vertical) > button:first-child, .linked:not(.vertical) > spinbutton.vertical:first-child, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; +} + +.linked:not(.vertical) > button:last-child, .linked:not(.vertical) > spinbutton.vertical:last-child, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked:not(.vertical) > button:only-child, .linked:not(.vertical) > spinbutton.vertical:only-child, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { + border-radius: 12px; +} + +.linked.vertical > button, .linked.vertical > spinbutton.vertical, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry { + border-radius: 0; +} + +.linked.vertical > button:first-child, .linked.vertical > spinbutton.vertical:first-child, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { + border-top-left-radius: 12px; + border-top-right-radius: 12px; +} + +.linked.vertical > button:last-child, .linked.vertical > spinbutton.vertical:last-child, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +.linked.vertical > button:only-child, .linked.vertical > spinbutton.vertical:only-child, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { + border-radius: 12px; +} + +/*************** + * Base States * + ***************/ +.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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.view { + background-color: #313244; + 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: #313244; +} + +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 #8aadf4; + background-color: rgba(138, 173, 244, 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; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +/**************** + * Text Entries * + ****************/ +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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton.vertical:focus, spinbutton:focus:not(.vertical), +entry:focus { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #8aadf4; +} + +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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton.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 #d20f39; +} + +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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton.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 #df8e1d; +} + +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 #8aadf4; + background-color: transparent; +} + +treeview entry.flat, treeview entry { + background-color: #313244; +} + +treeview entry.flat, treeview entry.flat:focus, treeview entry, treeview entry:focus { + border-image: none; + box-shadow: none; +} + +.entry-tag, .photos-entry-tag, .documents-entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.entry-tag:hover, .photos-entry-tag:hover, .documents-entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag, :dir(ltr) .photos-entry-tag, :dir(ltr) .documents-entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag, :dir(rtl) .photos-entry-tag, :dir(rtl) .documents-entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button, .button.photos-entry-tag, .button.documents-entry-tag { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active), .button.photos-entry-tag:not(:hover):not(:active), .button.documents-entry-tag:not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.001, to(#8aadf4), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#8aadf4), to(transparent)); + } +} + +.xfce4-panel.background button, .raven-mpris button.image-button, .mate-panel-menu-bar button, infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button { + color: rgba(239, 241, 245, 0.7); +} + +.xfce4-panel.background button:focus, .raven-mpris button.image-button:focus, .mate-panel-menu-bar button:focus, infobar.warning > revealer > box button:focus, .xfce4-panel.background button:hover, .raven-mpris button.image-button:hover, .mate-panel-menu-bar button:hover, infobar.warning > revealer > box button:hover, .xfce4-panel.background button:active, .raven-mpris button.image-button:active, .mate-panel-menu-bar button:active, infobar.warning > revealer > box button:active, .xfce4-panel.background button:checked, .raven-mpris button.image-button:checked, .mate-panel-menu-bar button:checked, infobar.warning > revealer > box button:checked { + color: #eff1f5; +} + +.xfce4-panel.background button:disabled, .raven-mpris button.image-button:disabled, .mate-panel-menu-bar button:disabled, infobar.warning > revealer > box button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +.xfce4-panel.background button:checked:disabled, .raven-mpris button.image-button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, infobar.warning > revealer > box button:checked:disabled { + color: rgba(239, 241, 245, 0.5); +} + +actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.combo) { + background-color: #313244; + 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 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eff1f5; +} + +button:focus { + box-shadow: 0 0 0 2px rgba(138, 173, 244, 0.35); +} + +button:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +button:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +button:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +button:checked { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +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); +} + +.raven .expander-button, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button, .nautilus-window headerbar revealer > button, button.titlebutton:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, button.close, button.circular, .inline-toolbar button:not(.text-button) { + border-radius: 9999px; +} + +.raven .expander-button label, window.background > box.vertical > toolbar.primary-toolbar > toolitem > box.horizontal:not(.linked) > button.toggle label, +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) label, window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > .linked > button label, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal > toolitem > box.horizontal > button label, .nautilus-window headerbar revealer > button label, button.titlebutton:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, button.close label, button.circular label, .inline-toolbar button:not(.text-button) label { + padding: 0; +} + +.pluma-window paned.horizontal box.vertical box.horizontal button.flat, .gedit-document-panel row button.flat, .nautilus-window .floating-bar button, placessidebar.sidebar row button.sidebar-button, notebook > header tab button.flat, +notebook > header tab button.close-button, spinbutton.vertical button, spinbutton:not(.vertical) button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 12px; + font-weight: 500; +} + +button:drop(active) { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +.budgie-session-dialog .linked.horizontal > button, +.budgie-polkit-dialog .linked.horizontal > button, +.budgie-run-dialog .linked.horizontal > button, .drop-shadow button, .budgie-panel button, .budgie-popover row button, .budgie-settings-window buttonbox.inline-toolbar button, #mate-menu button, #MatePanelPopupWindow button, popover.messagepopover .popover-action-area button, tabbox > tab button, placessidebar.sidebar row button.sidebar-button, calendar.button, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular, treeview.view header button button.circular, row.activatable button.circular, notebook > header > tabs > arrow, modelbutton.flat, +.menuitem.button.flat, spinbutton.vertical button, spinbutton:not(.vertical) button, .nemo-window .toolbar button, #buttonbox_frame button, .xfce4-panel.background button, .raven stackswitcher.linked > button, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button, .lock-dialog button, .mate-panel-menu-bar button, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button, layouttabbar button, filechooser #pathbarbox > stack > box > button, messagedialog .dialog-action-box button, +messagedialog .dialog-action-box .linked:not(.vertical) > button, .app-notification button, popover.background.menu button, +popover.background button.model, .nemo-window .primary-toolbar button:not(.text-button), headerbar button:not(.suggested-action):not(.destructive-action), button.flat { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: rgba(239, 241, 245, 0.7); +} + +.budgie-session-dialog .linked.horizontal > button:focus, +.budgie-polkit-dialog .linked.horizontal > button:focus, +.budgie-run-dialog .linked.horizontal > button:focus, .drop-shadow button:focus, .budgie-panel button:focus, .budgie-popover row button:focus, .budgie-settings-window buttonbox.inline-toolbar button:focus, #mate-menu button:focus, #MatePanelPopupWindow button:focus, popover.messagepopover .popover-action-area button:focus, tabbox > tab button:focus, placessidebar.sidebar row button.sidebar-button:focus, calendar.button:focus, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:focus, treeview.view header button button.circular:focus, row.activatable button.circular:focus, notebook > header > tabs > arrow:focus, modelbutton.flat:focus, +.menuitem.button.flat:focus, spinbutton.vertical button:focus, spinbutton:not(.vertical) button:focus, .nemo-window .toolbar button:focus, #buttonbox_frame button:focus, .xfce4-panel.background button:focus, .raven stackswitcher.linked > button:focus, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:focus, .lock-dialog button:focus, .mate-panel-menu-bar button:focus, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:focus, layouttabbar button:focus, filechooser #pathbarbox > stack > box > button:focus, messagedialog .dialog-action-box button:focus, +messagedialog .dialog-action-box .linked:not(.vertical) > button:focus, .app-notification button:focus, 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), button.flat:focus { + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + color: #eff1f5; +} + +.budgie-session-dialog .linked.horizontal > button:hover, +.budgie-polkit-dialog .linked.horizontal > button:hover, +.budgie-run-dialog .linked.horizontal > button:hover, .drop-shadow button:hover, .budgie-panel button:hover, .budgie-popover row button:hover, .budgie-settings-window buttonbox.inline-toolbar button:hover, #mate-menu button:hover, #MatePanelPopupWindow button:hover, popover.messagepopover .popover-action-area button:hover, tabbox > tab button:hover, placessidebar.sidebar row button.sidebar-button:hover, calendar.button:hover, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:hover, treeview.view header button button.circular:hover, row.activatable button.circular:hover, notebook > header > tabs > arrow:hover, modelbutton.flat:hover, +.menuitem.button.flat:hover, spinbutton.vertical button:hover, spinbutton:not(.vertical) button:hover, .nemo-window .toolbar button:hover, #buttonbox_frame button:hover, .xfce4-panel.background button:hover, .raven stackswitcher.linked > button:hover, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:hover, .lock-dialog button:hover, .mate-panel-menu-bar button:hover, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:hover, layouttabbar button:hover, filechooser #pathbarbox > stack > box > button:hover, messagedialog .dialog-action-box button:hover, +messagedialog .dialog-action-box .linked:not(.vertical) > button:hover, .app-notification button:hover, 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), button.flat:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + color: #eff1f5; +} + +.budgie-session-dialog .linked.horizontal > button:active, +.budgie-polkit-dialog .linked.horizontal > button:active, +.budgie-run-dialog .linked.horizontal > button:active, .drop-shadow button:active, .budgie-panel button:active, .budgie-popover row button:active, .budgie-settings-window buttonbox.inline-toolbar button:active, #mate-menu button:active, #MatePanelPopupWindow button:active, popover.messagepopover .popover-action-area button:active, tabbox > tab button:active, placessidebar.sidebar row button.sidebar-button:active, calendar.button:active, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:active, treeview.view header button button.circular:active, row.activatable button.circular:active, notebook > header > tabs > arrow:active, modelbutton.flat:active, +.menuitem.button.flat:active, spinbutton.vertical button:active, spinbutton:not(.vertical) button:active, .nemo-window .toolbar button:active, #buttonbox_frame button:active, .xfce4-panel.background button:active, .raven stackswitcher.linked > button:active, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:active, .lock-dialog button:active, .mate-panel-menu-bar button:active, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:active, layouttabbar button:active, filechooser #pathbarbox > stack > box > button:active, messagedialog .dialog-action-box button:active, +messagedialog .dialog-action-box .linked:not(.vertical) > button:active, .app-notification button:active, 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), button.flat:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; + color: #eff1f5; +} + +.budgie-session-dialog .linked.horizontal > button:disabled, +.budgie-polkit-dialog .linked.horizontal > button:disabled, +.budgie-run-dialog .linked.horizontal > button:disabled, .drop-shadow button:disabled, .budgie-panel button:disabled, .budgie-popover row button:disabled, .budgie-settings-window buttonbox.inline-toolbar button:disabled, #mate-menu button:disabled, #MatePanelPopupWindow button:disabled, popover.messagepopover .popover-action-area button:disabled, tabbox > tab button:disabled, placessidebar.sidebar row button.sidebar-button:disabled, calendar.button:disabled, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable button.circular:disabled, treeview.view header button button.circular:disabled, row.activatable button.circular:disabled, notebook > header > tabs > arrow:disabled, modelbutton.flat:disabled, +.menuitem.button.flat:disabled, spinbutton.vertical button:disabled, spinbutton:not(.vertical) button:disabled, .nemo-window .toolbar button:disabled, #buttonbox_frame button:disabled, .xfce4-panel.background button:disabled, .raven stackswitcher.linked > button:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:disabled, .lock-dialog button:disabled, .mate-panel-menu-bar button:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:disabled, layouttabbar button:disabled, filechooser #pathbarbox > stack > box > button:disabled, messagedialog .dialog-action-box button:disabled, +messagedialog .dialog-action-box .linked:not(.vertical) > button:disabled, .app-notification button:disabled, 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), button.flat:disabled { + box-shadow: none; + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +.nemo-window .toolbar button:checked, #buttonbox_frame button:checked, .xfce4-panel.background button:checked, .raven stackswitcher.linked > button:checked, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked, .lock-dialog button:checked, .mate-panel-menu-bar button:checked, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked, layouttabbar button:checked, filechooser #pathbarbox > stack > box > button:checked, messagedialog .dialog-action-box button:checked, +messagedialog .dialog-action-box .linked:not(.vertical) > button:checked, .app-notification button:checked, 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), button.flat:checked, button.flat:checked:hover { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +.nemo-window .toolbar button:checked:disabled, #buttonbox_frame button:checked:disabled, .xfce4-panel.background button:checked:disabled, .raven stackswitcher.linked > button:checked:disabled, .budgie-popover.budgie-menu scrolledwindow.sidebar.categories button.flat.radio.category-button:checked:disabled, .lock-dialog button:checked:disabled, .mate-panel-menu-bar button:checked:disabled, window.background.csd.geary-main-window stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, +window#GearyMainWindow.background.csd stack#conversation_viewer .geary-expanded > .geary-composer-embed headerbar button:checked:disabled, layouttabbar button:checked:disabled, filechooser #pathbarbox > stack > box > button:checked:disabled, messagedialog .dialog-action-box button:checked:disabled, .app-notification button:checked:disabled, 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), 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: #1e66f5; + color: #eff1f5; + 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(30, 102, 245, 0.2), 0 4px 3px 0 rgba(30, 102, 245, 0.14), 0 1px 6px 0 rgba(30, 102, 245, 0.12); +} + +button.suggested-action:checked { + background-color: #5d90f5; +} + +button.suggested-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(30, 102, 245, 0.3), 0 2px 3px -1px rgba(30, 102, 245, 0.24), 0 2px 5px 0 rgba(30, 102, 245, 0.12); +} + +button.suggested-action:focus { + box-shadow: 0 0 0 2px rgba(30, 102, 245, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #1e66f5; +} + +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(30, 102, 245, 0.3); +} + +button.destructive-action { + background-color: #d20f39; + color: #eff1f5; + 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(210, 15, 57, 0.2), 0 4px 3px 0 rgba(210, 15, 57, 0.14), 0 1px 6px 0 rgba(210, 15, 57, 0.12); +} + +button.destructive-action:checked { + background-color: #db5371; +} + +button.destructive-action:checked:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 3px 3px -3px rgba(210, 15, 57, 0.3), 0 2px 3px -1px rgba(210, 15, 57, 0.24), 0 2px 5px 0 rgba(210, 15, 57, 0.12); +} + +button.destructive-action:focus { + box-shadow: 0 0 0 2px rgba(210, 15, 57, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #d20f39; +} + +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(210, 15, 57, 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 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar.sidebar row.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > label:dir(rtl), +.stack-switcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +button.color { + min-height: 24px; + min-width: 24px; + padding: 6px; +} + +/********* + * Links * + *********/ +*:link, +link { + color: #8bc1df; +} + +*:visited { + color: #8839ef; +} + +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: #8839ef; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * 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; +} + +/************* + * 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; + border-spacing: 6px; +} + +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 * + **************/ +/************ + * 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 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 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 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +frame.left.documents-dropdown, .left.app-notification, frame.right.documents-dropdown, .right.app-notification, frame.top.documents-dropdown, .top.app-notification, frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.left, toolbar.osd.right, toolbar.osd.top, toolbar.osd.bottom { + border-radius: 0; +} + +frame.bottom.documents-dropdown, .bottom.app-notification, toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +toolbar.horizontal > separator { + margin: 2px; +} + +toolbar.vertical > separator { + margin: 2px; +} + +toolbar:not(.inline-toolbar):not(.osd) scale, +toolbar:not(.inline-toolbar):not(.osd) entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton, +toolbar:not(.inline-toolbar):not(.osd) button { + margin: 2px 1px; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:first-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:first-child) { + margin-left: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) .linked entry:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked spinbutton:not(:last-child), +toolbar:not(.inline-toolbar):not(.osd) .linked button:not(:last-child) { + margin-right: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) spinbutton entry, +toolbar:not(.inline-toolbar):not(.osd) spinbutton button { + margin: 0; +} + +toolbar:not(.inline-toolbar):not(.osd) switch { + margin: 8px 2px; +} + +.toolbar { + background-color: #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; +} + +/*************** + * 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 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #24273a; + color: #eff1f5; + border-radius: 12px 12px 0 0; + /* box-shadow: inset 0 1px highlight($titlebar); */ + /* @if $outline == '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 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +.titlebar .subtitle:backdrop, +.titlebar .dim-label:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +.titlebar .titlebar { + background-color: transparent; + box-shadow: none; +} + +.titlebar + separator, +.titlebar + separator.sidebar { + background-color: #24273a; + background-image: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 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: #8aadf4; +} + +.titlebar.selection-mode + separator:backdrop, .titlebar.selection-mode + separator.sidebar:backdrop, .selection-mode .titlebar + separator:backdrop, .selection-mode .titlebar + separator.sidebar:backdrop { + background-color: #8aadf4; +} + +.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 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + animation: ripple-on-headerbar 225ms cubic-bezier(0, 0, 0.2, 1); + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.titlebar.selection-mode:backdrop { + color: rgba(36, 39, 58, 0.6); + background-color: #a6c1f7; +} + +.titlebar.selection-mode .subtitle:link { + color: rgba(36, 39, 58, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(36, 39, 58, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):disabled { + color: rgba(36, 39, 58, 0.38); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked { + color: rgba(36, 39, 58, 0.87); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):checked:disabled { + color: rgba(36, 39, 58, 0.38); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:not(.titlebutton) { + color: rgba(36, 39, 58, 0.6); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:disabled { + color: rgba(36, 39, 58, 0.3); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked { + color: rgba(36, 39, 58, 0.6); +} + +.titlebar.selection-mode button:not(.suggested-action):not(.destructive-action):backdrop:checked:disabled { + color: rgba(36, 39, 58, 0.3); +} + +.titlebar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +.titlebar.selection-mode .selection-menu arrow { + -gtkarrow-arrow-scaling: 1; +} + +.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.tiled .titlebar, .tiled-top .titlebar, .tiled-right .titlebar, .tiled-bottom .titlebar, .tiled-left .titlebar, .maximized .titlebar, .fullscreen .titlebar { + border-radius: 0; +} + +.titlebar.default-decoration { + min-height: 24px; + padding: 6px 12px; + border-radius: 12px 12px 0 0; + border: none; + background-color: #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; +} + +/************ + * 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; +} + +/************** + * 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: #8aadf4; + background-image: none; + border-radius: 9999px; + color: rgba(36, 39, 58, 0.87); +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:hover, treeview.view.progressbar:selected:focus { + box-shadow: none; + background-color: #99b7f4; + color: rgba(36, 39, 58, 0.87); +} + +treeview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:hover:backdrop, treeview.view.progressbar:selected:focus:backdrop { + color: rgba(36, 39, 58, 0.87); +} + +treeview.view.progressbar:backdrop, treeview.view.progressbar:selected:backdrop { + background-color: rgba(239, 241, 245, 0.3); +} + +treeview.view.trough { + border: none; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + background-image: none; + border-radius: 9999px; + padding: 0; + margin: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:hover, treeview.view.trough:selected:focus { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view.trough:backdrop, treeview.view.trough:selected:backdrop { + background-color: rgba(239, 241, 245, 0.12); +} + +treeview.view header button { + padding: 2px 6px; + border: 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: #313244; +} + +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: #313244; + background-clip: border-box; + color: #8aadf4; +} + +treeview.view acceleditor > label { + background-color: #8aadf4; +} + +/********* + * 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 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > menuitem, +.menubar > menuitem { + transition: none; + min-height: 20px; + padding: 4px 8px; + color: rgba(239, 241, 245, 0.7); + border-radius: 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: #232634; + background-clip: border-box; + border-radius: 12px; + border: 2px solid #8aadf4; +} + +.csd menu { + border: none; + box-shadow: inset 0 0 0 1px rgba(239, 241, 245, 0.1); +} + +menu menuitem { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + min-width: 40px; + padding: 4px 8px; + color: #eff1f5; + font: initial; + text-shadow: none; + border-radius: 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; +} + +/************ + * Popovers * + ************/ +popover.background { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 0; + background-color: #232634; + border-radius: 12px; +} + +popover.background, .csd popover.background { + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +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: #232634; +} + +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"); +} + +/************* + * Notebooks * + *************/ +tabbox > tab, notebook > header tab { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + padding: 3px 12px; + border: none; + outline: none; + background-clip: padding-box; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; + border-radius: 9px; +} + +tabbox > tab:hover, notebook > header tab:hover { + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; +} + +tabbox > tab:disabled, notebook > header tab:disabled { + color: rgba(239, 241, 245, 0.32); +} + +tabbox > tab:checked, notebook > header tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; + 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 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header tab > box:drop(active) { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +notebook > header tab button.flat:last-child, +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; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0, 0, 0.2, 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; +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border: none; + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: padding-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #8aadf4; +} + +switch:disabled { + opacity: 0.5; +} + +switch slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + 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); +} + +/************************* + * 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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.04); + background-color: rgba(239, 241, 245, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(239, 241, 245, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(36, 39, 58, 0.6); + background-color: #8aadf4; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(138, 173, 244, 0.15); + background-color: #b9cef8; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(138, 173, 244, 0.2); + background-color: #8aadf4; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(36, 39, 58, 0.3); + background-color: rgba(138, 173, 244, 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); + 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 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1); +} + +.view.content-view.check:not(list):checked, +.content-view .tile check:not(list):checked { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic@2.svg"))); +} + +/************ + * 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 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(239, 241, 245, 0.3); +} + +scale trough:disabled { + background-color: rgba(239, 241, 245, 0.12); +} + +scale highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#8aadf4); +} + +scale highlight:disabled { + background-color: #24273a; + background-image: image(rgba(239, 241, 245, 0.32)); +} + +scale fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.3); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #8aadf4; + background-color: #313244; + box-shadow: inset 0 0 0 2px #8aadf4; +} + +scale slider:hover { + box-shadow: inset 0 0 0 2px #8aadf4, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale slider:active { + box-shadow: inset 0 0 0 4px #8aadf4, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale slider:disabled { + box-shadow: inset 0 0 0 2px rgba(239, 241, 245, 0.32); +} + +scale marks, +scale value { + color: rgba(239, 241, 245, 0.7); +} + +scale indicator { + background-color: rgba(239, 241, 245, 0.3); + color: transparent; +} + +scale.horizontal marks.top { + margin-bottom: 7px; + margin-top: -15px; +} + +scale.horizontal.fine-tune marks.top { + margin-bottom: 6px; + margin-top: -14px; +} + +scale.horizontal marks.bottom { + margin-top: 7px; + margin-bottom: -15px; +} + +scale.horizontal.fine-tune marks.bottom { + margin-top: 6px; + margin-bottom: -14px; +} + +scale.vertical marks.top { + margin-right: 7px; + margin-left: -15px; +} + +scale.vertical.fine-tune marks.top { + margin-right: 6px; + margin-left: -14px; +} + +scale.vertical marks.bottom { + margin-left: 7px; + margin-right: -15px; +} + +scale.vertical.fine-tune marks.bottom { + margin-left: 6px; + margin-right: -14px; +} + +scale.horizontal indicator { + min-height: 8px; + min-width: 1px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 8px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-before:not(.marks-after) slider, scale.horizontal.marks-before:not(.marks-after) slider:hover, scale.horizontal.marks-before:not(.marks-after) slider:active, scale.horizontal.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-disabled-dark.svg"), url("assets/scale-horz-marks-before-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-before-slider-dark.svg"), url("assets/scale-horz-marks-before-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.horizontal.marks-after:not(.marks-before) slider, scale.horizontal.marks-after:not(.marks-before) slider:hover, scale.horizontal.marks-after:not(.marks-before) slider:active, scale.horizontal.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.horizontal.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-disabled-dark.svg"), url("assets/scale-horz-marks-after-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-horz-marks-after-slider-dark.svg"), url("assets/scale-horz-marks-after-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-before:not(.marks-after) slider, scale.vertical.marks-before:not(.marks-after) slider:hover, scale.vertical.marks-before:not(.marks-after) slider:active, scale.vertical.marks-before:not(.marks-after) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-before:not(.marks-after) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-disabled-dark.svg"), url("assets/scale-vert-marks-before-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-before-slider-dark.svg"), url("assets/scale-vert-marks-before-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + min-height: 32px; + min-width: 32px; + margin: -15px; + border-radius: 50%; + background-size: auto, 1000% 1000%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; +} + +scale.vertical.marks-after:not(.marks-before) slider, scale.vertical.marks-after:not(.marks-before) slider:hover, scale.vertical.marks-after:not(.marks-before) slider:active, scale.vertical.marks-after:not(.marks-before) slider:disabled { + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before) slider:focus { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider:focus:hover { + background-color: alpha(currentColor, 0.16); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple-on-slider 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-size: auto, 0% 0%; + background-color: alpha(currentColor, 0.08); +} + +scale.vertical.marks-after:not(.marks-before) slider { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-disabled-dark.svg"), url("assets/scale-vert-marks-after-slider-disabled-dark@2.svg")), radial-gradient(circle, transparent 10%, transparent 0%); +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + background-image: -gtk-scaled(url("assets/scale-vert-marks-after-slider-dark.svg"), url("assets/scale-vert-marks-after-slider-dark@2.svg")), radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); +} + +scale.color { + min-height: 0; + min-width: 0; +} + +scale.color.horizontal { + padding: 0 0 12px 0; +} + +scale.color.horizontal slider:dir(ltr), scale.color.horizontal slider:dir(rtl) { + margin-bottom: -13.5px; + margin-top: 11.5px; +} + +scale.color.vertical:dir(ltr) { + padding: 0 0 0 12px; +} + +scale.color.vertical:dir(ltr) slider { + margin-left: -13.5px; + margin-right: 11.5px; +} + +scale.color.vertical:dir(rtl) { + padding: 0 12px 0 0; +} + +scale.color.vertical:dir(rtl) slider { + margin-right: -13.5px; + margin-left: 11.5px; +} + +/***************** + * Progress bars * + *****************/ +progressbar { + color: rgba(239, 241, 245, 0.7); + font-size: smaller; +} + +progressbar.horizontal trough, +progressbar.horizontal progress { + min-height: 6px; +} + +progressbar.vertical trough, +progressbar.vertical progress { + min-width: 6px; +} + +progressbar trough { + border-radius: 12px; + background-color: rgba(239, 241, 245, 0.12); +} + +progressbar progress { + border-radius: 12px; + background-color: #8aadf4; +} + +progressbar.osd { + min-width: 6px; + min-height: 6px; + background-color: transparent; +} + +progressbar.osd trough { + background-color: transparent; +} + +progressbar.osd progress { + background-color: #8aadf4; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * 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: #df8e1d; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #8aadf4; +} + +levelbar block.full { + background-color: #40a02b; +} + +levelbar block.empty { + background-color: rgba(239, 241, 245, 0.12); +} + +/**************** + * Print dialog * +*****************/ +printdialog paper { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #313244; + color: #eff1f5; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame > border, .frame { + margin: 0; + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; +} + +.frame.view { + border-radius: 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: #8aadf4; +} + +actionbar > revealer > box button.combo:only-child:disabled { + color: #8aadf4; +} + +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: #313244; + color: #eff1f5; +} + +actionbar > revealer > box stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked:hover { + background-color: #313244; +} + +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: #313244; +} + +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; +} + +/********* + * Lists * + *********/ +window.background.csd stack stack stack frame > list, +window.background.csd > stack > stack > box > frame > list, +window.background.csd > stack > stack > box > box > frame > list, +window.background.csd > stack > box > stack > box > frame > list, +window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list, +window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list, +window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list, +window.background.csd > stack > scrolledwindow > viewport > box > list, +window.background.csd > box > stack > scrolledwindow > viewport > box > list, preferencesgroup list, +.geary-accounts-editor-pane list, window.background.csd.unified > deck > deck > deck list, hdyleaflet list.view, +hdyleaflet list.frame, +leaflet list.view, +leaflet list.frame, +box.horizontal > stack.background list.view, +box.horizontal > stack.background list.frame, hdyleaflet stack.background scrolledwindow > viewport list, +hdyleaflet overlay scrolledwindow > viewport list, +leaflet stack.background scrolledwindow > viewport list, +leaflet overlay scrolledwindow > viewport list, +box.horizontal > stack.background stack.background scrolledwindow > viewport list, +box.horizontal > stack.background overlay scrolledwindow > viewport list, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), +leaflet frame:not(.view) list:not(.contacts-contact-list), +box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), list.tweak-group list, list.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 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:focus, treeview.view header button:focus, row.activatable:focus { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:hover, treeview.view header button:hover, row.activatable:hover { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); +} + +.budgie-popover scrolledwindow.sidebar:not(.categories) list > row.has-open-popup.activatable, treeview.view header button.has-open-popup, .budgie-popover scrolledwindow.sidebar:not(.categories) list > row.activatable:active, treeview.view header button:active, row.activatable.has-open-popup, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.05); + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; +} + +row:selected { + color: inherit; + background-color: alpha(currentColor, 0.06); +} + +row:selected image, +row:selected label { + color: #eff1f5; +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled image, +row:selected:disabled label { + color: rgba(239, 241, 245, 0.5); +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 8px; + padding: 6px 15px; +} + +.app-notification button.flat:last-child { + margin-right: -9px; +} + +.app-notification button.text-button:not(:disabled) { + color: #8aadf4; +} + +.app-notification.frame, +.app-notification border { + border-style: none; +} + +/************* + * Expanders * + *************/ +expander title > arrow { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + -gtk-icon-transform: rotate(-90deg); + color: rgba(239, 241, 245, 0.7); +} + +expander title > arrow:dir(rtl) { + -gtk-icon-transform: rotate(90deg); +} + +expander title > arrow:checked { + -gtk-icon-transform: unset; +} + +expander title > arrow:hover, expander title > arrow:active { + color: #eff1f5; +} + +expander title > arrow:disabled { + color: rgba(239, 241, 245, 0.32); +} + +/************ + * Calendar * + ************/ +calendar { + padding: 1px; + border: 1px solid rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +calendar:disabled { + color: rgba(239, 241, 245, 0.5); +} + +calendar:selected { + border-radius: 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); +} + +/*********** + * 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: #1e66f5; +} + +messagedialog .dialog-action-box button.destructive-action:not(:disabled), +messagedialog .dialog-action-box .linked:not(.vertical) > button.destructive-action:not(:disabled) { + color: #d20f39; +} + +.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; +} + +/*********** + * 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: #313244; +} + +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: #8aadf4; + color: rgba(36, 39, 58, 0.87); + font-weight: 500; +} + +stacksidebar.sidebar row:selected label, +stacksidebar.sidebar row:selected image { + color: rgba(36, 39, 58, 0.87); +} + +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: #8aadf4; +} + +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: #8aadf4; + font-weight: 500; +} + +placessidebar.sidebar row:disabled { + color: rgba(36, 39, 58, 0.3); +} + +placessidebar.sidebar row image.sidebar-icon { + transition: color 75ms cubic-bezier(0, 0, 0.2, 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: #8aadf4; +} + +placessidebar.sidebar row.sidebar-new-bookmark-row image.sidebar-icon { + color: #8aadf4; +} + +placessidebar.sidebar row:drop(active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 0ms, background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(239, 241, 245, 0.12)); + background-size: 1px 1px; + background-clip: content-box; +} + +paned > separator.wide { + min-width: 6px; + min-height: 6px; + background-color: #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; +} + +/************** + * GtkInfoBar * + **************/ +infobar { + border: none; + margin-bottom: 0; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #313244; +} + +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: #8aadf4; +} + +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: #8aadf4; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #8aadf4; +} + +infobar.action > revealer > box, +infobar.action > revealer > box link:link, +infobar.action > revealer > box flowboxchild, infobar.action:backdrop > revealer > box, +infobar.action:backdrop > revealer > box link:link, +infobar.action:backdrop > revealer > box flowboxchild, infobar.question > revealer > box, +infobar.question > revealer > box link:link, +infobar.question > revealer > box flowboxchild, infobar.question:backdrop > revealer > box, +infobar.question:backdrop > revealer > box link:link, +infobar.question:backdrop > revealer > box flowboxchild { + color: rgba(36, 39, 58, 0.87); +} + +infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { + color: rgba(36, 39, 58, 0.87); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #739df2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #df8e1d; +} + +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: #eff1f5; +} + +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: #eff1f5; +} + +infobar.warning:hover > revealer > box { + background-color: #c8801a; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #d20f39; + color: #eff1f5; +} + +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: #eff1f5; +} + +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: #eff1f5; +} + +infobar.error:hover > revealer > box { + background-color: #ba0d33; +} + +/************ + * Tooltips * + ************/ +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 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +tooltip decoration { + background-color: transparent; +} + +tooltip > box { + margin: -6px; + min-height: 24px; + padding: 4px 8px; +} + +/***************** + * 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); +} + +colorswatch overlay { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +colorswatch overlay:hover { + box-shadow: 0 0 0 2px #8aadf4; +} + +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 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #24273a; +} + +/********************** + * Window Decorations * + **********************/ +decoration { + transition: none; + /* border-radius: $window-radius; */ + border-radius: 12px 12px 0 0; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; + margin: 10px; +} + +decoration:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +.tiled decoration, .tiled-top decoration, .tiled-right decoration, .tiled-bottom decoration, .tiled-left decoration { + border-radius: 0; +} + +.maximized decoration, .fullscreen decoration { + border-radius: 0; + box-shadow: none; +} + +.popup decoration { + box-shadow: none; + border: none; +} + +.ssd decoration { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #8aadf4; +} + +.ssd decoration:backdrop { + border: none; + border-radius: 12px 12px 0 0; + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 0 0 2px #292c3c; +} + +.metacity decoration { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: none; +} + +.csd.popup decoration { + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4; +} + +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 #4a4b5a; +} + +.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; + background-color: alpha(currentColor, 0.15); +} + +.monospace { + font-family: monospace; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #8aadf4; + -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; +} + +:not(decoration):not(window):drop(active) { + caret-color: #8aadf4; +} + +/**************** + * 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):focus:not(:hover):not(:checked) { + box-shadow: none; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + 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; +} + +/********* + * 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 #8aadf4; + box-shadow: inset 0 -1px #8aadf4; + 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: #8aadf4; +} + +button.emoji-section:not(:last-child) { + margin-right: 0; +} + +popover.emoji-picker .emoji { + min-width: 3em; + min-height: 3em; + padding: 0 8px; +} + +popover.emoji-picker .emoji widget { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 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); +} + +/************ + * Nautilus * + ************/ +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; + background-color: #313244; +} + +.nautilus-window.background.csd:backdrop { + background-color: #313244; +} + +.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: #313244; + 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 #313244; + background-color: #313244; + 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(36, 39, 58, 0.87); +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: rgba(239, 241, 245, 0.7); +} + +.nemo-desktop.nemo-canvas-item, .caja-desktop.caja-canvas-item, +.nautilus-desktop.nautilus-canvas-item { + color: #eff1f5; +} + +@keyframes nautilus-operations-button-needs-attention { + to { + background-color: alpha(currentColor, 0.08); + } +} + +.nautilus-operations-button-needs-attention { + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 2 alternate; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: nautilus-operations-button-needs-attention 300ms cubic-bezier(0.4, 0, 0.2, 1) 6 alternate; +} + +.path-bar-box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border-radius: 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: #8aadf4; + color: #8aadf4; +} + +.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: #313244; + color: #eff1f5; +} + +.conflict-row:not(:selected) { + background-color: #654e38; +} + +.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: #df8e1d; + color: #eff1f5; +} + +.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 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 2px #e6e9ef; +} + +.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(239, 241, 245, 0.7); +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:hover, .gedit-search-slider .linked:not(.vertical) > entry.error ~ button:active { + color: #eff1f5; +} + +.gedit-search-slider .linked:not(.vertical) > entry.error ~ button:disabled { + color: rgba(239, 241, 245, 0.32); +} + +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: #8aadf4; +} + +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 75ms cubic-bezier(0, 0, 0.2, 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: #313244; + 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: #313244; + 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 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + box-shadow: inset 0 0 0 9999px transparent; + background-color: rgba(239, 241, 245, 0.08); + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; + color: #eff1f5; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:hover { + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:disabled { + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised:checked { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +window.background > box.vertical > toolbar.primary-toolbar > toolitem > .linked > button.image-button.raised > widget > box > image { + padding: 0 3px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 6px; + margin: -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > box, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > grid > box { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 0 6px 6px; + margin: 0 -6px -6px 0; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > grid > grid, +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > grid > grid { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + padding: 3px; + margin: -1px -6px -6px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > box > grid > paned > box > scrolledwindow:not(:last-child), +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > notebook > stack > grid > paned > box > scrolledwindow:not(:last-child) { + border-right: 1px solid rgba(239, 241, 245, 0.12); + margin-right: -1px; +} + +window.background > box > .sidebar-paned > paned > box > notebook > stack > box > box > paned > box:first-child > box { + padding: 0 6px 6px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +/********** + * Polari * + **********/ +.polari-room-list .sidebar { + background: none; +} + +.polari-room-list .sidebar > row.activatable:selected { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +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 #8aadf4; + background-color: #313244; +} + +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: #d20f39; + color: #eff1f5; +} + +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: #313244; +} + +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 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + min-height: 24px; + min-width: 24px; + margin-bottom: -1px; + padding: 6px 6px; + border-width: 1px; + border-color: transparent; + box-shadow: inset 0 -2px transparent; + background-image: radial-gradient(circle, #8aadf4 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 0% 0%; + color: rgba(239, 241, 245, 0.7); + font-weight: 500; +} + +docktab:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +docktab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 225ms cubic-bezier(0, 0, 0.2, 1), background-image 525ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 -2px #8aadf4; + 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 #8aadf4; +} + +dockoverlayedge.right-edge docktab:checked { + box-shadow: inset 2px 0 #8aadf4; +} + +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: #313244; +} + +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(138, 173, 244, 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 #8aadf4; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl) { + margin-left: -1px; +} + +ideeditorutilities > dzldockpaned > box > stackswitcher button:dir(rtl):checked { + box-shadow: inset 2px 0 #8aadf4; +} + +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 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12); + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + font-weight: bold; +} + +.documents-scrolledwin.frame { + border-style: none; +} + +.documents-scrolledwin.frame frame.content-view > border { + border-style: none; +} + +.photos-fade-in { + opacity: 1; + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.photos-fade-out { + opacity: 0; + transition: opacity 75ms cubic-bezier(0, 0, 0.2, 1); +} + +button.photos-filter-preview { + color: #eff1f5; + font-weight: normal; +} + +button.photos-filter-preview:checked { + background-color: alpha(currentColor, 0.06); + color: #eff1f5; +} + +button.photos-filter-preview:checked image { + color: #eff1f5; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(ltr) { + border-style: none none none solid; +} + +overlay grid.horizontal > revealer > scrolledwindow.frame:dir(rtl) { + border-style: none solid none none; +} + +/********* + * Music * + *********/ +.side-panel:dir(ltr) { + border-style: solid; + border-color: rgba(239, 241, 245, 0.12); +} + +.side-panel:dir(rtl) { + border-style: solid; + border-color: rgba(239, 241, 245, 0.12); +} + +.side-panel .view { + background-image: image(#313244); +} + +.side-panel .view:hover { + background-image: image(#404152); +} + +.side-panel .view:selected { + background-image: image(#8aadf4); +} + +.side-panel .view:selected:hover { + background-image: image(rgba(132, 165, 232, 0.9896)); +} + +.songs-list:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +frame.documents-dropdown { + margin: 8px; +} + +frame.documents-dropdown > border { + border: none; +} + +box.vertical > revealer > toolbar.search-bar { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background-clip: border-box; +} + +box.vertical > revealer > toolbar.search-bar button > widget { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +/************* + * Documents * + *************/ +.documents-scrolledwin { + background-color: transparent; +} + +.documents-scrolledwin .content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) { + background-color: transparent; +} + +.documents-scrolledwin viewport.frame widget > frame.content-view:not(:selected):not(:hover) border { + border: none; +} + +window.background.csd > stack > box > revealer > actionbar > revealer > box { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; +} + +/******************* + * Document Viewer * + *******************/ +window.background.csd evview.view.content-view { + border-radius: 0 0 12px 12px; +} + +/********************************* + * Archive Manager (File roller) * + *********************************/ +.background.csd > grid.horizontal > paned.horizontal > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #313244; +} + +.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: #313244; +} + +.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: #8aadf4; +} + +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 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 0 -8px; +} + +task-list-view taskrow:hover { + transition: none; +} + +task-list-view taskrow label { + margin: 0 8px; +} + +task-list-view taskrow image.dim-label { + min-width: 16px; +} + +task-list-view > box > revealer > box > button { + margin: -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: #313244; +} + +.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 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > separator.sidebar:backdrop, +.geary-main-window.unified > deck > overlay > .geary-main-layout > leaflet > leaflet > separator.sidebar:backdrop { + background-color: #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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +.geary-main-window.unified separator.geary-sidebar-pane-separator { + min-width: 1px; + background-color: rgba(239, 241, 245, 0.12); +} + +.geary-main-window.unified geary-conversation-viewer#conversation_viewer list.background.conversation-listbox.content > row.activatable { + border: 1px solid rgba(239, 241, 245, 0.12); + border-bottom-width: 0; + background-color: #313244; +} + +.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: #313244; +} + +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; +} + +/********* + * Tilix * + *********/ +overlay > revealer.left > scrolledwindow.frame, overlay > revealer.right > scrolledwindow.frame { + border-style: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +overlay > revealer.left > scrolledwindow.frame { + margin-right: 32px; +} + +overlay > revealer.right > scrolledwindow.frame { + margin-left: 32px; +} + +.terminix-session-sidebar, +.tilix-session-sidebar { + background-image: image(#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; +} + +/************ + * Chromium * + ************/ +window.background.chromium { + background-color: #313244; + 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 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + box-shadow: inset 0 0 0 9999px alpha(currentColor, 0.08); + background-image: radial-gradient(circle, alpha(currentColor, 0.12) 10%, transparent 0%); + background-size: 0% 0%; + color: #eff1f5; +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0; + background-size: 16px 16px; + border: none; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: #4a4b5a; + 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: #232634; + /* border: 0px solid if($variant == 'light', $solid-border, $window-border); */ + border-radius: 0; +} + +window.background.chromium menu menuitem { + border-radius: 0; + background-color: rgba(239, 241, 245, 0.04); +} + +window.background.chromium menu menuitem:hover { + background-color: #292c3c; + color: #8aadf4; +} + +/*********** + * Firefox * + ***********/ +#MozillaGtkWidget decoration { + border: none; +} + +#MozillaGtkWidget > widget text { + background-color: #24273a; +} + +#MozillaGtkWidget > widget text:selected { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +#MozillaGtkWidget > widget > separator { + color: #4a4b5a; +} + +#MozillaGtkWidget > widget > scrollbar { + background-clip: border-box; +} + +#MozillaGtkWidget > widget > frame > border { + border-color: #4a4b5a; +} + +#MozillaGtkWidget > widget > entry, +#MozillaGtkWidget > widget > button > button { + border: 1px solid #4a4b5a; + 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: #313244; +} + +#MozillaGtkWidget > widget > entry:focus { + border-color: #8aadf4; + box-shadow: inset 0 0 0 1px #8aadf4; +} + +#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: #4a4b5a; +} + +#MozillaGtkWidget menu > separator { + color: #4a4b5a; +} + +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; +} + +/********* + * 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: #8aadf4; + -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 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +.background:not(.csd) headerbar:not(.titlebar).inline-toolbar { + border-style: none; +} + +UnityPanelWidget, +.unity-panel { + background-color: #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: #8aadf4; +} + +/************** + * 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.6); + 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: #8aadf4; +} + +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: #8aadf4; +} + +.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 75ms cubic-bezier(0, 0, 0.2, 1); +} + +#PanelApplet:selected > box { + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +#mate-menu { + border: 1px solid rgba(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: #8aadf4; +} + +.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: #313244; +} + +.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: #313244; +} + +#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 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 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: #8aadf4; +} + +/* 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: #8aadf4; +} + +/****************** + * 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-color: #292c3c; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 2px #e6e9ef; + background-clip: border-box; + 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: #313244; + padding: 6px; + margin: 6px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 2px #e6e9ef; +} + +.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 75ms cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: alpha(currentColor, 0.1); +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 12px; +} + +.budgie-panel { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(36, 39, 58, 0.6); + 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: #d20f39; +} + +.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 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12); +} + +.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: #313244; +} + +.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 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 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 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(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: #d20f39; +} + +.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); +} + +/************** + * Xfce4 Apps * + **************/ +.XfceHeading { + background-color: #313244; +} + +/*************** + * xfce4-panel * + ***************/ +.xfce4-panel.background { + border: none; + background-color: rgba(36, 39, 58, 0.6); + 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: #8aadf4; +} + +#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: #313244; +} + +window#whiskermenu-window > frame > border { + border-radius: 12px; + padding: 6px 8px 6px 9px; + margin: 6px; + border: none; + background-color: #292c3c; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4; +} + +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: #313244; + 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: #313244; + border-radius: 12px; + border: 2px solid #8aadf4; +} + +#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: 2px solid #8aadf4; +} + +#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); +} + +/************************ + * 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 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +#content_frame { + padding-bottom: 16px; +} + +/* // the buttons, alternatively this could also be done with a simple ".lightdm-gtk-greeter button" */ +/* #login_window button, */ +/* #shutdown_dialog button, */ +/* #restart_dialog button { */ +/* } */ +/* .lightdm-gtk-greeter button { */ +/* } */ +/* // the user's avatar box */ +/* #user_image { */ +/* } */ +/* // the border around the user's avatar box */ +/* #user_image_border { */ +/* } */ +#buttonbox_frame { + padding-top: 24px; +} + +#buttonbox_frame > box, +#buttonbox_frame > buttonbox { + margin: -16px; +} + +#buttonbox_frame button:not(:disabled) { + color: #8aadf4; +} + +/* // the shutdown button */ +/* #shutdown_button { */ +/* } */ +/* // the restart button */ +/* #restart_button { */ +/* } */ +/* // the warning, in case a wrong password is entered or something else goes wrong according to PAM */ +/* #greeter_infobar { */ +/* // font-weight: bold; */ +/* } */ +/******** + * 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: #8aadf4; + -nemoplacestreeview-disk-full-bar-width: 2px; + -nemoplacestreeview-disk-full-bar-radius: 0; + -nemoplacestreeview-disk-full-bottom-padding: 1px; + -nemoplacestreeview-disk-full-max-length: 80px; + padding-top: 3px; + padding-bottom: 3px; +} + +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #eff1f5; +/* text color for entries, views and content in general */ +@define-color theme_text_color #eff1f5; +/* widget base background color */ +@define-color theme_bg_color #24273a; +/* text widgets and the like base background color */ +@define-color theme_base_color #313244; +/* base background color of selections */ +@define-color theme_selected_bg_color #8aadf4; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(36, 39, 58, 0.87); +/* 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 #313244; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #8aadf4; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(36, 39, 58, 0.87); +/* insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(239, 241, 245, 0.5); +/* widgets main borders color */ +@define-color borders rgba(239, 241, 245, 0.12); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(239, 241, 245, 0.12); +/* these are pretty self explicative */ +@define-color warning_color #df8e1d; +@define-color error_color #d20f39; +@define-color success_color #40a02b; +/* 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 #0a0a0e; +@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 #313244; +@define-color placeholder_text_color #b6b8c0; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #313244; +@define-color budgie_tasklist_indicator_color rgba(125, 127, 140, 0.7); +@define-color budgie_tasklist_indicator_color_active #8aadf4; +@define-color budgie_tasklist_indicator_color_active_window rgba(111, 137, 194, 0.816); +@define-color budgie_tasklist_indicator_color_attention #df8e1d; +@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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/thumbnail.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/thumbnail.png new file mode 100755 index 0000000..46efa74 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-3.0/thumbnail.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-checked-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-checked-symbolic.svg new file mode 100755 index 0000000..c3eedb0 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-checked-symbolic.svg @@ -0,0 +1,44 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-checked-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-checked-symbolic@2.svg new file mode 100755 index 0000000..96be359 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-mixed-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-mixed-symbolic.svg new file mode 100755 index 0000000..f016658 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg new file mode 100755 index 0000000..1bc6987 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/checkbox-mixed-symbolic@2.svg @@ -0,0 +1,50 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/close.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/close.svg new file mode 100755 index 0000000..06201c3 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/close.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/cursor-handle-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/cursor-handle-symbolic.svg new file mode 100755 index 0000000..e2a252b --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/cursor-handle-symbolic.svg @@ -0,0 +1,3 @@ + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/maximize.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/maximize.svg new file mode 100755 index 0000000..39316eb --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/maximize.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/minimize.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/minimize.svg new file mode 100755 index 0000000..f3683b9 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/minimize.svg @@ -0,0 +1,43 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/radio-checked-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/radio-checked-symbolic.svg new file mode 100755 index 0000000..d13b029 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/radio-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/radio-checked-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/radio-checked-symbolic@2.svg new file mode 100755 index 0000000..ed8d87a --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/radio-checked-symbolic@2.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg new file mode 100755 index 0000000..de0d789 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-horz-marks-after-slider-symbolic.svg @@ -0,0 +1,53 @@ + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg new file mode 100755 index 0000000..7f0235f --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-horz-marks-before-slider-symbolic.svg @@ -0,0 +1,47 @@ + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-hover-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-hover-symbolic.svg new file mode 100755 index 0000000..993f308 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-hover-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg new file mode 100755 index 0000000..740bc8b --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-hover-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-symbolic.svg new file mode 100755 index 0000000..73a1dbe --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-symbolic.svg @@ -0,0 +1,40 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-symbolic@2.svg new file mode 100755 index 0000000..bec2ee4 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-slider-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg new file mode 100755 index 0000000..37d9c04 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-vert-marks-after-slider-symbolic.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg new file mode 100755 index 0000000..1bc5cb6 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/scale-vert-marks-before-slider-symbolic.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-checked-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-checked-symbolic.svg new file mode 100755 index 0000000..caed76f --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-checked-symbolic.svg @@ -0,0 +1,45 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg new file mode 100755 index 0000000..58aa5ff --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-checked-symbolic@2.svg @@ -0,0 +1,46 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg new file mode 100755 index 0000000..0e477a9 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-mixed-symbolic.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg new file mode 100755 index 0000000..d0980e2 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-checkbox-mixed-symbolic@2.svg @@ -0,0 +1,49 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-radio-checked-symbolic.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-radio-checked-symbolic.svg new file mode 100755 index 0000000..0fdb530 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-radio-checked-symbolic.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-radio-checked-symbolic@2.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-radio-checked-symbolic@2.svg new file mode 100755 index 0000000..251e2f5 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/small-radio-checked-symbolic@2.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/unmaximize.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/unmaximize.svg new file mode 100755 index 0000000..492d47a --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/assets/unmaximize.svg @@ -0,0 +1,46 @@ + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/gtk-dark.css b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/gtk-dark.css new file mode 100755 index 0000000..9da3715 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/gtk-dark.css @@ -0,0 +1,8520 @@ +@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, #8aadf4 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #8aadf4 100%, transparent 100%); + } +} + +/*************** + * Base States * + ***************/ +.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; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +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: #313244; +} + +textview border { + background-color: #313244; + color: rgba(239, 241, 245, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +rubberband, .content-view rubberband, .content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, +.content-view .rubberband, columnview.view > rubberband, +.content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #8aadf4; + background-color: rgba(138, 173, 244, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 12px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +gridview > child { + padding: 3px; +} + +gridview > child:selected { + outline-color: alpha(currentColor, 0.06); +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +coverflow cover { + color: #eff1f5; + background-color: #313244; + border: 1px solid black; +} + +label.separator { + color: rgba(239, 241, 245, 0.7); +} + +label:disabled { + opacity: 1; + color: rgba(239, 241, 245, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; + opacity: 1; +} + +label.osd { + border-radius: 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: #8aadf4; +} + +.success { + color: #40a02b; +} + +.warning { + color: #df8e1d; +} + +.error { + color: #d20f39; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption, row.property > box.header > box.title > .title { + font-weight: 400; + font-size: 9pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 34px; + padding: 0 12px; + color: rgba(239, 241, 245, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: #eff1f5; +} + +.osd .scale-popup > arrow, +.osd .scale-popup > contents, .osd popover > arrow, +.osd popover > contents, popover.touch-selection > arrow, +popover.touch-selection > contents, popover.magnifier > arrow, +popover.magnifier > contents, .osd { + color: #eff1f5; + background-color: #313244; + background-clip: padding-box; + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +.osd { + padding: 6px; + margin: 6px; +} + +.osd.circular { + border-radius: 9999px; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +/**************** + * Text Entries * + ****************/ + +entry headerbar popover.background entry, +headerbar popover.background entry entry, +entry { + min-height: 34px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 12px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + + +entry headerbar popover.background entry:focus-within, +headerbar popover.background entry entry:focus-within, +entry:focus-within { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #8aadf4; +} + + +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) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + + +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); +} + + +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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; + outline: none; +} + + +entry headerbar popover.background entry.error:focus-within, +headerbar popover.background entry entry.error:focus-within, +entry.error:focus-within { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #d20f39; + 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) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + 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(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); + 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(210, 15, 57, 0.25); + color: #d20f39; +} + + +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(210, 15, 57, 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: #d20f39; +} + + +entry headerbar popover.background entry.error > image:disabled, +headerbar popover.background entry entry.error > image:disabled, +entry.error > image:disabled { + color: rgba(210, 15, 57, 0.35); +} + + +entry headerbar popover.background entry.warning, +headerbar popover.background entry entry.warning, +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; + outline: none; +} + + +entry headerbar popover.background entry.warning:focus-within, +headerbar popover.background entry entry.warning:focus-within, +entry.warning:focus-within { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #df8e1d; + 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) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + 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(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); + 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(223, 142, 29, 0.25); + color: #df8e1d; +} + + +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(223, 142, 29, 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: #df8e1d; +} + + +entry headerbar popover.background entry.warning > image:disabled, +headerbar popover.background entry entry.warning > image:disabled, +entry.warning > image:disabled { + color: rgba(223, 142, 29, 0.35); +} + + +entry headerbar popover.background entry.success, +headerbar popover.background entry entry.success, +entry.success { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; + outline: none; +} + + +entry headerbar popover.background entry.success:focus-within, +headerbar popover.background entry entry.success:focus-within, +entry.success:focus-within { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #40a02b; + 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) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + outline: none; +} + + +entry headerbar popover.background entry.success:disabled, +headerbar popover.background entry entry.success:disabled, +entry.success:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); + outline: none; +} + + +entry headerbar popover.background entry.success > text > selection, +headerbar popover.background entry entry.success > text > selection, +entry.success > text > selection { + background-color: rgba(64, 160, 43, 0.25); + color: #40a02b; +} + + +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(64, 160, 43, 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: #40a02b; +} + + +entry headerbar popover.background entry.success > image:disabled, +headerbar popover.background entry entry.success > image:disabled, +entry.success > image:disabled { + color: rgba(64, 160, 43, 0.35); +} + + +entry > progress, +entry progress > trough > progress { + margin: 0 -4px; + border-bottom: 2px solid #8aadf4; + background-color: transparent; +} + +.osd entry > progress > trough > progress { + border-color: rgba(239, 241, 245, 0.04); +} + + +entry button.image-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +treeview entry.flat, treeview entry { + background-color: #313244; +} + +treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +editablelabel > stack > text { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #8aadf4 0%, rgba(138, 173, 244, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #8aadf4 95%, rgba(138, 173, 244, 0)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.5); +} + +row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button, button { + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); +} + +row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:focus, button:focus { + background-color: alpha(currentColor, 0.08); + outline: 2px solid rgba(138, 173, 244, 0.35); + outline-offset: 0; +} + +row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:hover, button:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; + -gtk-icon-filter: brightness(1.2); +} + +row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button.keyboard-activating, button.keyboard-activating, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:active, button:active { + color: #eff1f5; + background-color: alpha(currentColor, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +} + +row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:disabled, button:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:checked, button:checked { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { + outline-color: transparent; + background-color: #a1bdf6; + color: rgba(36, 39, 58, 0.87); +} + +row.spin spinbutton > button.image-button.up:checked:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled { + outline-color: transparent; + background-color: rgba(138, 173, 244, 0.35); + color: rgba(36, 39, 58, 0.38); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button, calendar > header > button, notebook > header > tabs > arrow, popover modelbutton, .pathbar button, spinbutton > button, splitbutton.flat > button, +splitbutton.flat > menubutton > button { + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), .pathbar button:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 2px solid rgba(239, 241, 245, 0.04); + outline-offset: -2px; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, .pathbar button:hover, spinbutton > button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, .pathbar button:active, spinbutton > button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active { + background-color: alpha(currentColor, 0.12); + color: #eff1f5; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, .pathbar button:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +#NautilusPathButton, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, 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 { + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); +} + +#NautilusPathButton:focus:not(:hover):not(:active), filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), .toolbar button:focus:not(:hover):not(:active), splitbutton.suggested-action > button:focus:not(:hover):not(:active), +splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), +splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), +splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 2px solid rgba(239, 241, 245, 0.04); + outline-offset: -2px; +} + +#NautilusPathButton:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, splitbutton.suggested-action > button:hover, +splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, +splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, +splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +#NautilusPathButton:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, 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 { + background-color: alpha(currentColor, 0.12); + color: #eff1f5; +} + +#NautilusPathButton:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, 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, filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, 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, filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, 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, placessidebar list.navigation-sidebar > row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 12px; + 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; + color: #eff1f5; + background-color: alpha(currentColor, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +} + +button.card:checked { + background-image: none; + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + border-color: #8aadf4; +} + +button.card:checked:hover { + background-image: none; + outline-color: transparent; + background-color: #a1bdf6; + color: rgba(36, 39, 58, 0.87); +} + +button.card:checked:disabled { + outline-color: transparent; + background-color: rgba(138, 173, 244, 0.35); + color: rgba(36, 39, 58, 0.38); +} + +button.card:checked.keyboard-activating, button.card:checked:active { + background-image: none; +} + +button.card:checked.has-open-popup { + background-image: none; +} + +button.card:drop(active) { + color: #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: #1e66f5; + color: #eff1f5; + box-shadow: none; +} + +button.suggested-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(0, 0, 0, 0.1), 0 4px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 6px 0 rgba(0, 0, 0, 0.06); +} + +button.suggested-action:checked { + background-color: #5d90f5; +} + +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(30, 102, 245, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #1e66f5; +} + +button.suggested-action.flat:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(30, 102, 245, 0.3); +} + +button.destructive-action { + background-color: #d20f39; + color: #eff1f5; + box-shadow: none; +} + +button.destructive-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(0, 0, 0, 0.1), 0 4px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 6px 0 rgba(0, 0, 0, 0.06); +} + +button.destructive-action:checked { + background-color: #db5371; +} + +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(210, 15, 57, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #d20f39; +} + +button.destructive-action.flat:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +button.destructive-action.flat:checked { + background-color: rgba(210, 15, 57, 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar button.star, menubutton.circular > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque) label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child label, headerbar button.star label, menubutton.circular > button label, button.close label, button.circular label { + padding: 0; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #1e66f5; + color: #eff1f5; +} + +menubutton.destructive-action { + background-color: #d20f39; + 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 75ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background; +} + +splitbutton > separator { + margin-top: 6px; + margin-bottom: 6px; + background: none; +} + +splitbutton > menubutton > button { + padding: 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: #1e66f5; + color: #eff1f5; +} + +splitbutton.destructive-action { + background-color: #d20f39; + 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 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), +stackswitcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { + border-top-left-radius: 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 { + color: #eff1f5; + background-color: alpha(currentColor, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #1e66f5; + color: #eff1f5; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #d20f39; + color: #eff1f5; +} + +/********* + * Links * + *********/ +link { + color: #8bc1df; +} + +link:visited { + color: #8839ef; +} + +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: #8839ef; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 9px; + padding: 0; + border-spacing: 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton:focus-within { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #8aadf4; +} + +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); +} + +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; +} + +/************* + * dropdowns * + *************/ +dropdown button.toggle, combobox button.toggle { + border-radius: 0 9px 9px 0; +} + +dropdown > button > box, combobox > button > box { + border-spacing: 6px; +} + +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) > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow:not(.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); +} + +/************** + * ComboBoxes * + **************/ +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + /* background-color: $background; */ + border-spacing: 6px; +} + +.osd .toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 18px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; + color: #eff1f5; +} + +.app-notification:backdrop, .toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, .toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +.toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator { + margin: 2px; +} + +.toolbar entry, +.toolbar spinbutton, +.toolbar splitbutton, +.toolbar separator:not(.sidebar), +.toolbar button, +.toolbar menubutton, +.toolbar scalebutton { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar menubutton > button, +.toolbar splitbutton > button, +.toolbar splitbutton > menubutton, +.toolbar scalebutton > button { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar switch { + margin-top: 4px; + margin-bottom: 4px; +} + +.toolbar spinbutton entry, +.toolbar spinbutton button { + margin: 0; +} + +.toolbar popover.menu separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 0; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #24273a; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); + border: none; +} + +headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(239, 241, 245, 0.5); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.5); +} + +headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar entry { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.7); +} + +headerbar entry:hover, headerbar entry:focus-within { + color: #eff1f5; +} + +headerbar entry:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +headerbar entry > text > placeholder { + color: rgba(239, 241, 245, 0.5); +} + +headerbar entry > text > block-cursor { + color: rgba(239, 241, 245, 0.04); + background-color: #eff1f5; +} + +headerbar entry > image { + color: rgba(239, 241, 245, 0.7); +} + +headerbar entry > image:hover, headerbar entry > image:active { + color: #eff1f5; +} + +headerbar entry > image:disabled { + color: rgba(239, 241, 245, 0.5); +} + +headerbar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: #eff1f5; + min-height: 46px; + border: none; + box-shadow: none; + 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 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row.expander image.expander-row-arrow:backdrop, +row.expander headerbar image.expander-row-arrow:backdrop, +headerbar row.property > box.header > box.title > .title:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(239, 241, 245, 0.12); +} + +headerbar > windowhandle > box { + padding: 0 6px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar splitbutton, +headerbar button, +headerbar menubutton, +headerbar stackswitcher, +headerbar separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar .linked > menubutton, +headerbar entry > menubutton { + margin-top: 0; + margin-bottom: 0; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + opacity: 1; +} + +headerbar button.star { + min-height: 24px; + min-width: 24px; + padding: 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 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +headerbar.selection-mode:backdrop { + color: rgba(36, 39, 58, 0.6); +} + +headerbar.selection-mode .subtitle:link { + color: rgba(36, 39, 58, 0.87); +} + +headerbar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +headerbar.default-decoration { + min-height: 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; + /* @if $window_button == 'mac' { */ + /* min-width: 16px; */ + /* min-height: 16px; */ + /* margin: 0 $space-size - 2px; */ + /* padding: 0; */ + /* } @else { */ + /* min-width: 22px; */ + /* min-height: 22px; */ + /* margin: 0 $space-size - 2px; */ + /* 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(138, 173, 244, 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 */ +} + +/************ + * Pathbars * + ************/ +.pathbar { + background-color: alpha(currentColor, 0.08); + border-radius: 12px; + padding: 0; +} + +.pathbar button { + margin: 0; +} + +headerbar .pathbar button { + margin: 0; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #4a4b5a; + border-top-color: #4a4b5a; +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(239, 241, 245, 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view:drop(active).after, +treeview.view:drop(active).after { + border-top-style: none; +} + +columnview.view:drop(active).before, +treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: alpha(currentColor, 0.06); +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; +} + +columnview.view.expander, +treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: rgba(239, 241, 245, 0.7); +} + +columnview.view.expander:dir(rtl), +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +columnview.view.expander:hover, +treeview.view.expander:hover { + color: #eff1f5; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: #eff1f5; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: #eff1f5; +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #8aadf4; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.progressbar:selected:hover, +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +columnview.view.trough, +treeview.view.trough { + border-bottom: 6px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.trough:selected:hover, +treeview.view.trough:selected:hover { + box-shadow: none; +} + +columnview.view > header > button, +treeview.view > header > button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 0 1px 0 0; + border-color: transparent; + border-radius: 0; + background-clip: border-box; +} + +columnview.view > header > button:not(:focus):not(:hover):not(:active), +treeview.view > header > button:not(:focus):not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: transparent; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; +} + +columnview.view button.dnd, +columnview.view header.button.dnd, +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #313244; + background-clip: border-box; + color: #8aadf4; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #8aadf4; +} + +stack.view treeview.view { + min-height: 34px; +} + +/********* + * 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 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(239, 241, 245, 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +menubar > item:disabled { + color: rgba(239, 241, 245, 0.32); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu popover.menu { + margin-left: 9px; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 12px; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + color: #eff1f5; + padding: 0 6px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 28px; + min-width: 28px; + padding: 0; + border: none; + outline: none; + transition: none; +} + +popover.menu box.inline-buttons button.image-button.model:selected { + background: image(alpha(currentColor, 0.06)); +} + +popover.menu box.circular-buttons { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: alpha(currentColor, 0.06); +} + +popover.menu arrow.left, +popover.menu radio.left, +popover.menu check.left { + margin-left: 0; + margin-right: 0; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 0; + margin-right: 0; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover > arrow, +popover > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #232634; + border-radius: 12px; + color: #eff1f5; + border: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +popover > arrow { + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +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: #232634; +} + +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; +} + +popover modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: #eff1f5; + font: initial; + border-radius: 12px; +} + +popover modelbutton:hover { + transition: none; + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; +} + +popover modelbutton:hover accelerator { + color: #8aadf4; +} + +popover modelbutton:hover accelerator:disabled { + color: rgba(239, 241, 245, 0.5); +} + +popover modelbutton:focus:not(:hover) { + transition: none; + box-shadow: none; + outline: none; +} + +popover modelbutton:disabled { + color: rgba(239, 241, 245, 0.5); +} + +popover modelbutton accelerator { + color: rgba(239, 241, 245, 0.5); + margin-left: 30px; +} + +popover modelbutton accelerator:disabled { + color: rgba(239, 241, 245, 0.12); +} + +popover modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +.osd popover, popover.touch-selection, popover.magnifier { + background-color: transparent; +} + +magnifier { + background-color: #313244; +} + +/************* + * 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; + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); +} + +notebook > header > tabs > tab:hover:not(:checked):not(:selected) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; +} + +notebook > header > tabs > tab:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +notebook > header > tabs > tab:active { + background-color: alpha(currentColor, 0.12); + color: #eff1f5; + background-color: #313244; + color: #eff1f5; + box-shadow: none; +} + +notebook > header > tabs > tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; + 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: #313244; + 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: 3px; +} + +notebook > header > tabs > tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header > tabs > tab > box:drop(active) { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +notebook > header > tabs > tab button.flat:last-child { + margin-left: 6px; + margin-right: -3px; +} + +notebook > header > tabs > tab button.flat:first-child { + margin-left: -3px; + margin-right: 6px; +} + +notebook > header > tabs > tab button.close-button { + min-width: 24px; + min-height: 24px; +} + +notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 0; + padding-right: 0; +} + +notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top > tabs > tab:not(:last-child), notebook > header.bottom > tabs > tab:not(:last-child) { + margin-right: 0; +} + +notebook > header.top > tabs tab.reorderable-page, notebook > header.bottom > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left > tabs, notebook > header.right > tabs { + padding-top: 0; + padding-bottom: 0; +} + +notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left > tabs > tab:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) { + margin-bottom: 0; +} + +notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > menubutton > button.image-button { + padding: 3px; + min-width: 24px; + min-height: 24px; + margin: 0 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 12px; +} + +tabbar tab { + min-height: 24px; + min-width: 24px; + padding: 3px 6px; + border: none; + background-clip: padding-box; + font-weight: 500; + border-radius: 9px; + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +tabbar tab:hover:not(:selected) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; +} + +tabbar tab:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +tabbar tab:active { + background-color: alpha(currentColor, 0.12); + color: #eff1f5; + box-shadow: none; + color: #eff1f5; +} + +tabbar tab:selected:not(:active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; + 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; */ +} + +tabbar .box:backdrop { + background-color: #24273a; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +tabbar .box:backdrop > scrolledwindow, +tabbar .box:backdrop > .start-action, +tabbar .box:backdrop > .end-action { + filter: none; + transition: none; +} + +tabbar tabbox { + padding: 0; + margin: 0; + min-height: 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(#8aadf4, 0.4) 10%, alpha(#8aadf4, 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(#8aadf4, 0.4) 10%, alpha(#8aadf4, 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, #313244, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #313244, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#8aadf4, 0.5), alpha(#8aadf4, 0.3) 1px, alpha(#8aadf4, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#8aadf4, 0.5), alpha(#8aadf4, 0.3) 1px, alpha(#8aadf4, 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(#8aadf4, 0.4) 10%, alpha(#8aadf4, 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(#8aadf4, 0.5); + transform: translateY(4px); +} + +tabthumbnail { + border-radius: 12px; + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 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: #8aadf4; + min-width: 12px; + min-height: 12px; + border-radius: 9px; + margin: 3px; + box-shadow: 0 1px 2px alpha(#8aadf4, 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; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0, 0, 0.2, 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; +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: none; + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #8aadf4; +} + +switch:disabled { + opacity: 0.5; +} + +switch > slider { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 0 transparent, 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + 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; +} + +/************************* + * 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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.04); + background-color: rgba(239, 241, 245, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(239, 241, 245, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(36, 39, 58, 0.6); + background-color: #8aadf4; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(138, 173, 244, 0.15); + background-color: #b9cef8; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(138, 173, 244, 0.2); + background-color: #8aadf4; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(36, 39, 58, 0.6); + background-color: rgba(138, 173, 244, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-checked-symbolic@2.svg"))); +} + + +popover.menu check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/small-radio-checked-symbolic@2.svg"))); +} + + +popover.menu radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, +treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, +treeview.view check, +treeview.view check:hover, +treeview.view check:disabled, +treeview.view check:checked:hover, +treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, +treeview.view:hover radio, treeview.view:selected check, +treeview.view:selected radio, treeview.view:focus check, +treeview.view:focus radio, +columnview.view:hover check, +columnview.view:hover radio, +columnview.view:selected check, +columnview.view:selected radio, +columnview.view:focus check, +columnview.view:focus radio { + box-shadow: none; +} + +treeview.view:hover check:checked, +treeview.view:hover radio:checked, treeview.view:selected check:checked, +treeview.view:selected radio:checked, treeview.view:focus check:checked, +treeview.view:focus radio:checked, +columnview.view:hover check:checked, +columnview.view:hover radio:checked, +columnview.view:selected check:checked, +columnview.view:selected radio:checked, +columnview.view:focus check:checked, +columnview.view:focus radio:checked { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +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: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +checkbutton.selection-mode label:dir(ltr) { + margin-right: 6px; +} + +checkbutton.selection-mode label:dir(rtl) { + margin-left: 6px; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 16px 12px; +} + +scale.vertical { + padding: 12px 16px; +} + +scale > trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(239, 241, 245, 0.3); +} + +scale > trough:disabled { + background-color: rgba(239, 241, 245, 0.12); +} + +scale > trough > highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#8aadf4); +} + +scale > trough > highlight:disabled { + background-color: #24273a; + background-image: image(rgba(239, 241, 245, 0.32)); +} + +scale > trough > fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.3); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #8aadf4; + background-color: #313244; + box-shadow: inset 0 0 0 2px #8aadf4; +} + +scale > trough > slider:hover { + box-shadow: inset 0 0 0 2px #8aadf4, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale > trough > slider:active { + box-shadow: inset 0 0 0 4px #8aadf4, 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; +} + +/***************** + * 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: #8aadf4; +} + +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: #8aadf4; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * 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: #df8e1d; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #8aadf4; +} + +levelbar block.full { + background-color: #40a02b; +} + +levelbar block.empty { + background-color: rgba(239, 241, 245, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #eff1f5; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #313244; + color: #eff1f5; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(239, 241, 245, 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 12px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 12px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar { + box-shadow: none; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + box-shadow: none; + /* background-color: $base; */ + 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; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow.undershoot-top > undershoot.top { + 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; +} + +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; +} + +/********* + * Lists * + *********/ +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 { + border-color: rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.04); + background-clip: padding-box; +} + +listview > row, +list > row { + padding: 6px; + background-clip: padding-box; +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 2px; +} + +listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child), +list.horizontal row.separator:not(:last-child), +list.separators.horizontal > row:not(.separator):not(:last-child) { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), +list:not(.horizontal) row.separator:not(:last-child), +list.separators:not(.horizontal) > row:not(.separator):not(:last-child) { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +list.frame { + border-radius: 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; +} + +.nautilus-window .nautilus-grid-view child.activatable, +.nautilus-window .nautilus-list-view child.activatable, columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.nautilus-window .nautilus-grid-view child.activatable:focus, +.nautilus-window .nautilus-list-view child.activatable:focus, columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + color: #eff1f5; + background-color: transparent; + box-shadow: none; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:hover, +.nautilus-window .nautilus-list-view child.activatable:hover, columnview.view > header > button:hover, +treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, +.nautilus-window .nautilus-list-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup { + color: #eff1f5; + background-color: alpha(currentColor, 0.05); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:active, +.nautilus-window .nautilus-list-view child.activatable:active, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.05); + color: #eff1f5; + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:selected, +.nautilus-window .nautilus-list-view child.activatable:selected, columnview.view > header > button:selected, +treeview.view > header > button:selected, row.activatable:selected { + background-color: alpha(currentColor, 0.06); +} + +.nautilus-window .nautilus-grid-view child.activatable:selected:hover, +.nautilus-window .nautilus-list-view child.activatable:selected:hover, columnview.view > header > button:selected:hover, +treeview.view > header > button:selected:hover, row.activatable:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +button row.activatable:focus, button row.activatable:hover, button row.activatable:active { + box-shadow: none; + background: none; +} + +button:checked row.activatable { + color: rgba(36, 39, 58, 0.87); +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: #eff1f5; + box-shadow: none; +} + +row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus, row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus:hover, row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 9px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row:last-child { + border-bottom: none; +} + +.rich-list > row > box { + border-spacing: 12px; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 50px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.45); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title, +row > box.header > box.title > .subtitle { + padding: 0; + font-weight: inherit; +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +row.property > box.header > box.title > .subtitle { + font-size: inherit; + opacity: 1; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry:disabled text { + opacity: 0.45; +} + +row.entry:disabled .dim-label, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled row.property > box.header > box.title > .title, +row.entry:disabled .subtitle { + opacity: 1; +} + +row.entry .edit-icon, +row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 5px; +} + +row.entry .edit-icon:disabled { + opacity: 0.5; +} + +row.entry .indicator { + opacity: 0.65; +} + +row.entry.monospace { + font-family: inherit; +} + +row.entry.monospace text { + font-family: monospace; +} + +row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.spin spinbutton { + background: none; + border-spacing: 6px; + box-shadow: none; +} + +row.spin spinbutton, row.spin spinbutton:focus { + outline: none; +} + +row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child { + min-width: 30px; + min-height: 30px; + margin: 10px 2px; + border: none; +} + +row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { + filter: none; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, +row.spin:not(:selected).activatable.focused:hover, +row.spin:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry.error text > selection:focus-within, +row.spin.error text > selection:focus-within { + background-color: alpha(#d20f39, 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: #d20f39; + color: #eff1f5; +} + +row.entry.warning text > selection:focus-within, +row.spin.warning text > selection:focus-within { + background-color: alpha(#df8e1d, 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: #df8e1d; + color: #eff1f5; +} + +row.entry.success text > selection:focus-within, +row.spin.success text > selection:focus-within { + background-color: alpha(#40a02b, 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: #40a02b; + color: #eff1f5; +} + +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); +} + +list.content > row, list.content > row.expander row.header, +list.boxed-list > row, +list.boxed-list > row.expander row.header, row.expander list.nested > row { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +list.content > row:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, +list.boxed-list > row:not(:selected).activatable:hover, +list.boxed-list > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { + background-color: alpha(currentColor, 0.08); +} + +list.content > row:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, +list.boxed-list > row:not(:selected).activatable:active, +list.boxed-list > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { + background-color: alpha(currentColor, 0.12); +} + +list.content > row:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, +list.boxed-list > row:not(:selected).activatable.has-open-popup, +list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { + background-color: alpha(currentColor, 0.03); +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + color: inherit; +} + +row.expander image.expander-row-arrow { + transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1); +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +row.expander image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.45); +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); + opacity: 1; +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: #8aadf4; +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +list.content > row:first-child, list.content > row:first-child.expander row.header, +list.boxed-list > row:first-child, +list.boxed-list > row:first-child.expander row.header { + border-top-left-radius: 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; +} + +columnview > listview > row { + padding: 0; +} + +columnview > listview > row > cell { + padding: 8px 6px; +} + +columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; +} + +columnview.column-separators > listview > row > cell { + border-left-color: rgba(239, 241, 245, 0.12); +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #8aadf4; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 0; + padding: 0; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: #8aadf4; +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(239, 241, 245, 0.7); + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander:hover, expander:active { + color: #eff1f5; +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +expander-widget > box > title { + border-radius: 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; +} + +/************ + * 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); +} + +/*********** + * Dialogs * + ***********/ +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; +} + +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; + /* box-shadow: inset 0 1px highlight($surface); */ + background-color: #24273a; + color: #eff1f5; +} + +window.dialog.message .titlebar:backdrop { + background-color: #292c3c; + 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 { + background-color: rgba(239, 241, 245, 0.08); + border: 0 solid transparent; + outline: 0 solid transparent; +} + +window.dialog.message .dialog-action-area > button:not(:last-child):hover { + background-color: rgba(239, 241, 245, 0.1); +} + +window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { + background-color: #0a52e0; + color: #eff1f5; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + background-color: #a20c2c; + color: #eff1f5; +} + +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; +} + +/******************** + * 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: #0a52e0; + color: #eff1f5; + /* color: $primary; */ +} + +window.messagedialog .response-area button.destructive { + background-color: #a20c2c; + color: #eff1f5; + /* color: $destructive; */ +} + +window.messagedialog .response-area separator { + background: none; + margin: 3px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #313244; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; + color: inherit; +} + +stacksidebar.sidebar:dir(ltr), stacksidebar.sidebar.left, stacksidebar.sidebar.left:dir(rtl) { + box-shadow: inset -1px 0 rgba(239, 241, 245, 0.12); +} + +stacksidebar.sidebar:dir(rtl), stacksidebar.sidebar.right, stacksidebar.sidebar.right:dir(ltr) { + box-shadow: inset 1px 0 rgba(239, 241, 245, 0.12); +} + +.sidebar-pane stacksidebar.sidebar, leaflet.unfolded > box > stacksidebar.sidebar { + box-shadow: none; +} + +stacksidebar list { + padding: 6px; + background-color: #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; +} + +separator.sidebar { + background-color: rgba(239, 241, 245, 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(255, 255, 255, 0.12); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 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 $space-size 0 $space-size; */ + 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: #8aadf4; +} + +.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: #8aadf4; + 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; +} + +/**************** + * File chooser * + ****************/ +filechooser paned > separator { + background: rgba(239, 241, 245, 0.12); +} + +filechooser paned > box #pathbarbox.view, +filechooser paned > box stack.view, +filechooser paned > box columnview.view, +filechooser paned > box gridview.view { + background-color: transparent; + color: #eff1f5; +} + +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 { + color: rgba(239, 241, 245, 0.7); +} + +placessidebar { + background-color: transparent; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon { + color: inherit; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button { + /* @extend %button-on-indicator; */ +} + +placessidebar list.navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row { + color: #8aadf4; +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #8aadf4; +} + +placessidebar list.navigation-sidebar > row:drop(active) { + background-color: alpha(currentColor, 0.08); +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + border-spacing: 6px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#4a4b5a); + 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(#4a4b5a), image(#4a4b5a); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +/************ + * GtkVideo * + ************/ +video { + background: black; + border-radius: 12px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #313244; + 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: #8aadf4; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { + color: rgba(36, 39, 58, 0.87); +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: rgba(36, 39, 58, 0.87); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #739df2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #df8e1d; + color: #eff1f5; +} + +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: #eff1f5; +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: #eff1f5; +} + +infobar.warning:hover > revealer > box { + background-color: #c8801a; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #d20f39; + color: #eff1f5; +} + +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: #eff1f5; +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: #eff1f5; +} + +infobar.error:hover > revealer > box { + background-color: #ba0d33; +} + +/************ + * 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 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05); + border-radius: 12px; + margin: 2px 6px 8px 6px; +} + +tooltip > box { + border-spacing: 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 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px #8aadf4; +} + +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 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #24273a; +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 12px; + margin: 0; + transition: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +window.csd:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +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 #4a4b5a; +} + +window.solid-csd:backdrop { + background-color: #24273a; +} + +window.ssd { + box-shadow: 0 0 0 1px rgba(239, 241, 245, 0.12); +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) { + min-height: 16px; + min-width: 16px; + padding: 9px 0; + margin-left: 0px; + margin-right: 0px; + /* min-height: 22px; */ + /* min-width: 22px; */ + /* padding: ($medium-size - 22px) / 2 0; */ + /* margin-left: $space-size - 7px; */ + /* margin-right: $space-size - 7px; */ +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + background: none; + box-shadow: none; +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image { + padding: 1px; + background-color: alpha(currentColor, 0.1); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.15); +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.2); +} + +windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) { + color: transparent; +} + +windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) > image { + background-color: #313244; +} + +windowcontrols > button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:backdrop:hover:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +windowcontrols > button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:backdrop:hover:not(.suggested-action):not(.destructive-action) > image { + background-color: rgba(239, 241, 245, 0.3); +} + +/* $window-space: if($window_button == 'mac', $space-size * 1.5, $space-size); */ +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 6px; + margin-left: 6px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 6px; + margin-right: 6px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) > image { + border-radius: 100%; + padding: 0; +} + + +.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, +treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #8aadf4; + background-color: rgba(138, 173, 244, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton > text > selection, +entry headerbar popover.background entry > text > selection, +headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #8aadf4; + -gtk-icon-source: -gtk-recolor(url("assets/cursor-handle-symbolic.svg")); +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(239, 241, 245, 0.12); + border-radius: 13px; + box-shadow: inset 0 -2px rgba(239, 241, 245, 0.12); + background-color: #292c3c; + color: #eff1f5; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #8aadf4; +} + +/**************** + * 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active { + color: #eff1f5; + background-color: alpha(currentColor, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + 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; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1); +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background: none; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 0; + border-spacing: 3px; + border-top: 1px solid rgba(239, 241, 245, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 12px; +} + +button.emoji-section:checked { + color: #8aadf4; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 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; +} + +.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 .sidebar-pane:dir(rtl), +.nautilus-window .sidebar-pane:dir(rtl) banner > revealer > widget, .nautilus-window .sidebar-pane.end:dir(ltr), +.nautilus-window .sidebar-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: none; +} + +.nautilus-window placesview label { + color: rgba(239, 241, 245, 0.7); +} + +.nautilus-window flap > separator { + background-color: transparent; +} + +.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: 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 .nautilus-grid-view gridview.view, +.nautilus-window .nautilus-list-view gridview.view { + margin: 10px 5px; + padding: 10px 5px; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 9px; + background-color: rgba(49, 50, 68, 0.95); + color: #8aadf4; + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(36, 39, 58, 0.87); +} + +.nautilus-window banner > revealer > widget { + background-color: rgba(49, 50, 68, 0.4); + color: #eff1f5; + border-radius: 9px; + margin: 9px; +} + +.nautilus-window banner > revealer > widget button { + background-color: rgba(138, 173, 244, 0.3); + color: rgba(36, 39, 58, 0.87); +} + +.nautilus-window banner > revealer > widget button:hover { + background-color: rgba(138, 173, 244, 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 { + /* background-color: if($variant == 'light', $grey-100, $titlebar-fill); */ + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px; + margin: 6px 0; +} + +#NautilusPathButton { + margin: 0 3px; + border-radius: 12px; +} + +#NautilusPathButton.current-dir { + color: #8aadf4; +} + +#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +#NautilusFileChooser gridview.view { + background-color: transparent; + margin: 10px 5px; + padding: 10px 5px; +} + +#NautilusFileChooser columnview.view, +row.activatable > cell { + background-color: transparent; + padding: 1px 10px; +} + +#NautilusProgressIndicator popover label { + color: rgba(239, 241, 245, 0.7); +} + +#NautilusProgressIndicator popover image { + color: rgba(239, 241, 245, 0.7); +} + +/* Nautilus Progress Indicator */ +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; +} + +.display-container.card { + background-color: #313244; +} + +.small .display-container.card { + border-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; +} + +.display-container .history-view { + background-color: transparent; +} + +.display-container #displayitem { + padding: 0 12px 8px 0; + font-size: 1.4em; + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.math-buttons button { + font-size: 1.1em; + padding: 2px 6px; +} + +.math-buttons button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +leaflet button.number-button { + background-color: rgba(239, 241, 245, 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(239, 241, 245, 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(239, 241, 245, 0.3); +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: #8aadf4; +} + +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 { + font-size: 10pt; +} + +calendar-view:selected { + color: #8aadf4; + 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(#8aadf4, 0.3); +} + +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: #313244; + 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: #313244; +} + +.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: #8aadf4; + color: rgba(36, 39, 58, 0.87); + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot { + background-color: rgba(36, 39, 58, 0.87); +} + +datechooser button.day.today { + color: #8aadf4; +} + +datechooser button.day.today dot { + background-color: #8aadf4; +} + +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(#8aadf4, 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(#8aadf4, 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(#8aadf4, 0.1); +} + +monthcell:selected:hover { + background-color: alpha(#8aadf4, 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(#8aadf4, 0.2); +} + +monthcell.today:hover { + background-color: alpha(#8aadf4, 0.3); + color: #8aadf4; +} + +monthcell.today:selected { + background-color: alpha(#8aadf4, 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(#8aadf4, 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 > popover > arrow { + background: none; + border: none; +} + +menubutton stack > box { + border-spacing: 6px; +} + +#TweakPreferencesPage.tweak-group label.subtitle { + color: rgba(239, 241, 245, 0.32); +} + +#TweakPreferencesPage label.dim-label { + color: rgba(239, 241, 245, 0.32); +} + +.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); +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: #8aadf4; + border-radius: 0; + color: rgba(36, 39, 58, 0.87); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +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: #df8e1d; +} + +.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 75ms cubic-bezier(0, 0, 0.2, 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: #df8e1d; + color: #eff1f5; + border: 1px solid rgba(239, 241, 245, 0.12); +} + +.card.info { + background-color: #25283b; + color: #eff1f5; +} + +.card.warning { + background-color: #25283a; + 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, #8aadf4 2px, alpha(#8aadf4, 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: #28641b; + background-color: rgba(64, 160, 43, 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: #9b6314; + background-color: rgba(223, 142, 29, 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: #8b0a26; + background-color: rgba(210, 15, 57, 0.15); +} + +.eol-red { + font-weight: bold; + color: #d20f39; +} + +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: #d20f39; +} + +@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); +} + +@define-color weather_temp_chart_fill_color rgba(223, 142, 29, 0.5); +@define-color weather_temp_chart_stroke_color #b27117; +@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; +} + +#gnome-system-monitor.background.csd { + background-color: #24273a; +} + +.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: #8aadf4; +} + +.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); +} + +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: #8aadf4; +} + +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; +} + +/* Tagger */ +list.music-list { + margin: -40px 0; + background-color: transparent; +} + +/* Nicotine+ */ +notebook scrolledwindow treeview.treeview-spacing { + background-color: #24273a; +} + +.account-switcher-row label { + color: #eff1f5; +} + +.account-switcher-row label.dim-label { + color: rgba(239, 241, 245, 0.7); +} + +window.background.chromium { + background-color: rgba(239, 241, 245, 0.04); +} + +window.background.chromium headerbar.header-bar.titlebar { + padding: 0 12px; + background-color: #24273a; + color: #eff1f5; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 1px 0 rgba(239, 241, 245, 0.1); +} + +window.background.chromium headerbar.header-bar.titlebar:backdrop { + background-color: #24273a; + color: rgba(239, 241, 245, 0.5); +} + +window.background.chromium headerbar.header-bar.titlebar button.titlebutton { + margin: 0 0px; +} + +.nautilus-window placessidebar > scrolledwindow { + background-color: #24273a; + color: #eff1f5; + border-radius: 0; + /* margin: 0 6px 0 0; */ +} + +.nautilus-window placessidebar > scrolledwindow .dim-label, .nautilus-window placessidebar > scrolledwindow row label.subtitle, row .nautilus-window 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 { + 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; +} + +calendar-view { + margin: 6px; +} + +.sidebar-pane .sidebar > scrolledwindow, +.sidebar-pane toolbarview > scrolledwindow, +.sidebar-pane navigation-view-page stack > scrolledwindow, .sidebar-pane, filechooser paned > box, placessidebar > scrolledwindow, agenda-view list.background, .tweak-titlebar-left, .tweak-titlebar-left:backdrop, leaflet.unfolded > box > scrolledwindow, leaflet.unfolded .contacts-contact-list > scrolledwindow, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow { + background-color: #181825; + background-color: #232634; + color: #eff1f5; + border-radius: 0; + margin: 0; +} + +.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, filechooser paned > box .dim-label, placessidebar > scrolledwindow .dim-label, agenda-view list.background .dim-label, .tweak-titlebar-left .dim-label, leaflet.unfolded > box > scrolledwindow .dim-label, leaflet.unfolded .contacts-contact-list > scrolledwindow .dim-label, .sidebar-pane row label.subtitle, row .sidebar-pane label.subtitle, filechooser paned > box row label.subtitle, row filechooser paned > box label.subtitle, placessidebar > scrolledwindow row label.subtitle, row placessidebar > scrolledwindow label.subtitle, agenda-view list.background row label.subtitle, row agenda-view list.background label.subtitle, .tweak-titlebar-left row label.subtitle, row .tweak-titlebar-left label.subtitle, leaflet.unfolded > box > scrolledwindow row label.subtitle, row leaflet.unfolded > box > scrolledwindow label.subtitle, leaflet.unfolded .contacts-contact-list > scrolledwindow row label.subtitle, row leaflet.unfolded .contacts-contact-list > scrolledwindow label.subtitle, .sidebar-pane row.property > box.header > box.title > .title, placessidebar > scrolledwindow row.property > box.header > box.title > .title, agenda-view list.background row.property > box.header > box.title > .title, .tweak-titlebar-left row.property > box.header > box.title > .title, leaflet.unfolded > box > scrolledwindow row.property > box.header > box.title > .title, leaflet.unfolded .contacts-contact-list > scrolledwindow row.property > box.header > box.title > .title, .sidebar-pane row.expander image.expander-row-arrow, row.expander .sidebar-pane image.expander-row-arrow, filechooser paned > box row.expander image.expander-row-arrow, row.expander filechooser paned > box image.expander-row-arrow, placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander placessidebar > scrolledwindow image.expander-row-arrow, agenda-view list.background row.expander image.expander-row-arrow, row.expander agenda-view list.background image.expander-row-arrow, .tweak-titlebar-left row.expander image.expander-row-arrow, row.expander .tweak-titlebar-left image.expander-row-arrow, leaflet.unfolded > box > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded > box > scrolledwindow image.expander-row-arrow, leaflet.unfolded .contacts-contact-list > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded .contacts-contact-list > scrolledwindow image.expander-row-arrow { + color: rgba(36, 39, 58, 0.38); +} + +.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, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider { + background-color: rgba(239, 241, 245, 0.5); +} + +.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, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:hover { + background-color: rgba(239, 241, 245, 0.32); +} + +.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, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:active { + background-color: rgba(239, 241, 245, 0.7); +} + +.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, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +.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, 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 { + background-color: rgba(36, 39, 58, 0.38); +} + +.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, 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 { + background-color: rgba(36, 39, 58, 0.3); +} + +placessidebar list.navigation-sidebar, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar { + padding: 6px 0 6px 6px; + background: none; + color: rgba(239, 241, 245, 0.7); +} + +placessidebar list.navigation-sidebar > separator, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > separator, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > separator { + background-color: rgba(239, 241, 245, 0.12); + margin: 10px 15px; +} + +placessidebar list.navigation-sidebar > row, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row { + color: rgba(36, 39, 58, 0.6); + border-radius: 9px; + color: #eff1f5; + padding: 6px 0; +} + +placessidebar list.navigation-sidebar > row:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:hover, placessidebar list.navigation-sidebar > row:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:active, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:active, placessidebar list.navigation-sidebar > row:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:focus { + color: #d0defb; +} + +placessidebar list.navigation-sidebar > row:selected, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.08); + color: #8aadf4; + font-weight: 500; +} + +placessidebar list.navigation-sidebar > row:selected:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:hover, placessidebar list.navigation-sidebar > row:selected:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:focus { + color: #b9cef8; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.top, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.top, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.top, filechooser paned > box scrolledwindow scrollbar.top, placessidebar > scrolledwindow > scrollbar.top, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.top, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.top, leaflet.unfolded > box > scrolledwindow > scrollbar.top, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.top, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.top { + border-bottom: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.bottom, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.bottom, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.bottom, filechooser paned > box scrolledwindow scrollbar.bottom, placessidebar > scrolledwindow > scrollbar.bottom, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.bottom, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.bottom, leaflet.unfolded > box > scrolledwindow > scrollbar.bottom, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.bottom, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.bottom { + border-top: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.left, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.left, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.left, filechooser paned > box scrolledwindow scrollbar.left, placessidebar > scrolledwindow > scrollbar.left, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.left, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.left, leaflet.unfolded > box > scrolledwindow > scrollbar.left, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.left, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.left { + border-right: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.right, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.right, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.right, filechooser paned > box scrolledwindow scrollbar.right, placessidebar > scrolledwindow > scrollbar.right, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.right, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.right, leaflet.unfolded > box > scrolledwindow > scrollbar.right, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.right, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.right { + border-left: none; +} + +.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), filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +.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, filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, 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 { + border: none; +} + +.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, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.dragging, placessidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.dragging, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.dragging, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.dragging, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.dragging, .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, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.hovering, placessidebar > scrolledwindow > scrollbar.overlay-indicator.hovering, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.hovering, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.hovering, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.hovering, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.hovering, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-top > undershoot.top, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-top > undershoot.top { + border-radius: 12px 12px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-bottom > undershoot.bottom, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-bottom > undershoot.bottom { + border-radius: 0 0 12px 12px; + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +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; +} + +.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 { + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.04); +} + +.card.activatable:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +.card.activatable:active { + color: #eff1f5; + background-color: alpha(currentColor, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +} + +toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; + color: #eff1f5; + border: none; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > label { + margin: 0 6px; +} + +viewswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + 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; +} + +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; +} + +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; +} + +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: #8aadf4; +} + +indicatorbin.needs-attention > indicator > label { + color: rgba(36, 39, 58, 0.87); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +preferencesgroup > box background-preview widget.sidebar, +preferencesgroup > box widget.header-bar:not(.editable-area) { + background-color: #11111b; +} + +preferencesgroup > box, +preferencesgroup > box .labels { + border-spacing: 6px; +} + +preferencesgroup > box > box.header:not(.single-line) { + margin-bottom: 6px; +} + +preferencesgroup > box > box.single-line { + min-height: 34px; +} + +preferencesgroup > box button.background-preview-button.toggle { + padding: 0; + background: none; + box-shadow: none; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; +} + +preferencesgroup > box button.background-preview-button.toggle, +preferencesgroup > box button.background-preview-button.toggle > background-preview { + border-radius: 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: #8aadf4; +} + +preferencesgroup > box .cutout-button { + background-color: #313244; +} + +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-button:hover { + box-shadow: 0 0 0 3px alpha(currentColor, 0.08); +} + +preferencesgroup > box button.accent-button:checked { + box-shadow: 0 0 0 3px #8aadf4; +} + +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-button.blue { + --accent-bg-color: var(--accent-blue); +} + +preferencesgroup > box button.accent-button.teal { + --accent-bg-color: var(--accent-teal); +} + +preferencesgroup > box button.accent-button.green { + --accent-bg-color: var(--accent-green); +} + +preferencesgroup > box button.accent-button.yellow { + --accent-bg-color: var(--accent-yellow); +} + +preferencesgroup > box button.accent-button.orange { + --accent-bg-color: var(--accent-orange); +} + +preferencesgroup > box button.accent-button.red { + --accent-bg-color: var(--accent-red); +} + +preferencesgroup > box button.accent-button.pink { + --accent-bg-color: var(--accent-pink); +} + +preferencesgroup > box button.accent-button.purple { + --accent-bg-color: var(--accent-purple); +} + +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); +} + +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: #8aadf4; + 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; +} + +statuspage > scrolledwindow > viewport > box { + margin: 36px 12px; + border-spacing: 36px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box { + border-spacing: 12px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 128px; + color: alpha(currentColor, 0.55); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.35; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box { + margin: 24px 12px; + border-spacing: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 96px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { + font-size: 18pt; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background-color: rgba(36, 39, 58, 0.2); + background-image: none; +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background-color: transparent; + background-image: none; +} + +flap > shadow, +leaflet > shadow, +navigation-view > shadow, +overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left, +navigation-view > shadow.left, +overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(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, +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); +} + +flap > shadow.up, +leaflet > shadow.up, +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); +} + +flap > shadow.down, +leaflet > shadow.down, +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); +} + +.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 { + /* box-shadow: inset 0 1px highlight($base-alt); */ + 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; + /* box-shadow: inset 0 1px highlight($background); */ +} + +.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); +} + +.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; +} + +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 #8aadf4; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #eff1f5 50%, #292c3c 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #eff1f5; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #292c3c; +} + +themeselector checkbutton.theme-selector radio, +panelthemeselector checkbutton.theme-selector radio { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; + min-height: 20px; + min-width: 20px; + padding: 0; +} + +themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:hover, +panelthemeselector checkbutton.theme-selector radio:active, +panelthemeselector checkbutton.theme-selector radio:checked { + background-color: transparent; +} + +themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked { + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active, +panelthemeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked:hover, +panelthemeselector checkbutton.theme-selector radio:checked:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +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 #8aadf4; +} + +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; +} + +/* 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 #313244; +/* base background color of selections */ +@define-color theme_selected_bg_color #8aadf4; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(36, 39, 58, 0.87); +/* 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 #313244; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #8aadf4; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(36, 39, 58, 0.87); +/* insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(239, 241, 245, 0.5); +/* widgets main borders color */ +@define-color borders rgba(239, 241, 245, 0.12); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(239, 241, 245, 0.12); +/* these are pretty self explicative */ +@define-color warning_color #df8e1d; +@define-color error_color #d20f39; +@define-color success_color #40a02b; +/* 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 #0a0a0e; +@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 #313244; +@define-color placeholder_text_color #b6b8c0; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #313244; +@define-color budgie_tasklist_indicator_color rgba(125, 127, 140, 0.7); +@define-color budgie_tasklist_indicator_color_active #8aadf4; +@define-color budgie_tasklist_indicator_color_active_window rgba(111, 137, 194, 0.816); +@define-color budgie_tasklist_indicator_color_attention #df8e1d; +@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 #8aadf4; +@define-color accent_fg_color rgba(36, 39, 58, 0.87); +@define-color accent_color #8aadf4; +@define-color destructive_bg_color #d20f39; +@define-color destructive_fg_color #eff1f5; +@define-color destructive_color #d20f39; +@define-color success_bg_color #40a02b; +@define-color success_fg_color #eff1f5; +@define-color success_color #40a02b; +@define-color warning_bg_color #df8e1d; +@define-color warning_fg_color #eff1f5; +@define-color warning_color #df8e1d; +@define-color error_bg_color #d20f39; +@define-color error_fg_color #eff1f5; +@define-color error_color #d20f39; +@define-color window_bg_color #24273a; +@define-color window_fg_color #eff1f5; +@define-color view_bg_color #313244; +@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 #313244; +@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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/gtk.css b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/gtk.css new file mode 100755 index 0000000..9da3715 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/gtk.css @@ -0,0 +1,8520 @@ +@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, #8aadf4 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle, #8aadf4 100%, transparent 100%); + } +} + +/*************** + * Base States * + ***************/ +.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; +} + +spinner:disabled, +arrow:disabled, +scrollbar:disabled, +check:disabled, +radio:disabled, +treeview.expander:disabled { + -gtk-icon-filter: opacity(0.5); +} + +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: #313244; +} + +textview border { + background-color: #313244; + color: rgba(239, 241, 245, 0.7); +} + +iconview:hover, iconview:selected { + border-radius: 6px; +} + +rubberband, .content-view rubberband, .content-view columnview.view > rubberband, +.content-view treeview.view > rubberband, +.content-view .rubberband, columnview.view > rubberband, +.content-view columnview.view > .rubberband, +treeview.view > rubberband, +.content-view treeview.view > .rubberband, gridview > rubberband, flowbox > rubberband { + border: 1px solid #8aadf4; + background-color: rgba(138, 173, 244, 0.3); +} + +flowbox > flowboxchild { + padding: 4px; + border-radius: 12px; +} + +.content-view .tile:selected { + background-color: transparent; +} + +gridview > child { + padding: 3px; +} + +gridview > child:selected { + outline-color: alpha(currentColor, 0.06); +} + +gridview > child box { + border-spacing: 8px; + margin: 12px; +} + +coverflow cover { + color: #eff1f5; + background-color: #313244; + border: 1px solid black; +} + +label.separator { + color: rgba(239, 241, 245, 0.7); +} + +label:disabled { + opacity: 1; + color: rgba(239, 241, 245, 0.5); +} + +headerbar label:disabled, tab label:disabled, button label:disabled { + color: inherit; + opacity: 1; +} + +label.osd { + border-radius: 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: #8aadf4; +} + +.success { + color: #40a02b; +} + +.warning { + color: #df8e1d; +} + +.error { + color: #d20f39; +} + +.large-title { + font-weight: 300; + font-size: 24pt; +} + +.title-1 { + font-weight: 800; + font-size: 20pt; +} + +.title-2 { + font-weight: 800; + font-size: 15pt; +} + +.title-3 { + font-weight: 700; + font-size: 15pt; +} + +.title-4 { + font-weight: 700; + font-size: 13pt; +} + +.heading { + font-weight: 700; + font-size: 11pt; +} + +.body { + font-weight: 400; + font-size: 11pt; +} + +.caption, row.property > box.header > box.title > .title { + font-weight: 400; + font-size: 9pt; +} + +.caption-heading { + font-weight: 700; + font-size: 9pt; +} + +window.assistant .sidebar { + padding: 4px 0; +} + +window.assistant .sidebar label { + min-height: 34px; + padding: 0 12px; + color: rgba(239, 241, 245, 0.5); + font-weight: 500; +} + +window.assistant .sidebar label.highlight { + color: #eff1f5; +} + +.osd .scale-popup > arrow, +.osd .scale-popup > contents, .osd popover > arrow, +.osd popover > contents, popover.touch-selection > arrow, +popover.touch-selection > contents, popover.magnifier > arrow, +popover.magnifier > contents, .osd { + color: #eff1f5; + background-color: #313244; + background-clip: padding-box; + border-radius: 12px; + border: none; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +.osd { + padding: 6px; + margin: 6px; +} + +.osd.circular { + border-radius: 9999px; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { + transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +/**************** + * Text Entries * + ****************/ + +entry headerbar popover.background entry, +headerbar popover.background entry entry, +entry { + min-height: 34px; + padding: 0 8px; + border-spacing: 6px; + border-radius: 12px; + caret-color: currentColor; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + + +entry headerbar popover.background entry:focus-within, +headerbar popover.background entry entry:focus-within, +entry:focus-within { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #8aadf4; +} + + +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) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); +} + + +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); +} + + +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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; + outline: none; +} + + +entry headerbar popover.background entry.error:focus-within, +headerbar popover.background entry entry.error:focus-within, +entry.error:focus-within { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #d20f39; + 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) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + 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(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); + 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(210, 15, 57, 0.25); + color: #d20f39; +} + + +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(210, 15, 57, 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: #d20f39; +} + + +entry headerbar popover.background entry.error > image:disabled, +headerbar popover.background entry entry.error > image:disabled, +entry.error > image:disabled { + color: rgba(210, 15, 57, 0.35); +} + + +entry headerbar popover.background entry.warning, +headerbar popover.background entry entry.warning, +entry.warning { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; + outline: none; +} + + +entry headerbar popover.background entry.warning:focus-within, +headerbar popover.background entry entry.warning:focus-within, +entry.warning:focus-within { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #df8e1d; + 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) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + 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(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); + 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(223, 142, 29, 0.25); + color: #df8e1d; +} + + +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(223, 142, 29, 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: #df8e1d; +} + + +entry headerbar popover.background entry.warning > image:disabled, +headerbar popover.background entry entry.warning > image:disabled, +entry.warning > image:disabled { + color: rgba(223, 142, 29, 0.35); +} + + +entry headerbar popover.background entry.success, +headerbar popover.background entry entry.success, +entry.success { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; + outline: none; +} + + +entry headerbar popover.background entry.success:focus-within, +headerbar popover.background entry entry.success:focus-within, +entry.success:focus-within { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #40a02b; + 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) { + background-color: alpha(currentColor, 0.08); + box-shadow: inset 0 0 0 2px alpha(currentColor, 0.08); + outline: none; +} + + +entry headerbar popover.background entry.success:disabled, +headerbar popover.background entry entry.success:disabled, +entry.success:disabled { + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: rgba(239, 241, 245, 0.5); + outline: none; +} + + +entry headerbar popover.background entry.success > text > selection, +headerbar popover.background entry entry.success > text > selection, +entry.success > text > selection { + background-color: rgba(64, 160, 43, 0.25); + color: #40a02b; +} + + +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(64, 160, 43, 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: #40a02b; +} + + +entry headerbar popover.background entry.success > image:disabled, +headerbar popover.background entry entry.success > image:disabled, +entry.success > image:disabled { + color: rgba(64, 160, 43, 0.35); +} + + +entry > progress, +entry progress > trough > progress { + margin: 0 -4px; + border-bottom: 2px solid #8aadf4; + background-color: transparent; +} + +.osd entry > progress > trough > progress { + border-color: rgba(239, 241, 245, 0.04); +} + + +entry button.image-button { + min-height: 24px; + min-width: 24px; + padding: 0; +} + +treeview entry.flat, treeview entry { + background-color: #313244; +} + +treeview entry.flat, treeview entry.flat:focus-within, treeview entry, treeview entry:focus-within { + border-image: none; + box-shadow: none; +} + +.entry-tag { + margin: 2px; + border-radius: 9999px; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +.entry-tag:hover { + background-image: image(alpha(currentColor, 0.08)); +} + +:dir(ltr) .entry-tag { + margin-left: 4px; + margin-right: 0; + padding-left: 12px; + padding-right: 8px; +} + +:dir(rtl) .entry-tag { + margin-left: 0; + margin-right: 4px; + padding-left: 8px; + padding-right: 12px; +} + +.entry-tag.button { + box-shadow: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +editablelabel > stack > text { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +/*********** + * Buttons * + ***********/ +@keyframes needs-attention { + from { + background-image: radial-gradient(farthest-side, #8aadf4 0%, rgba(138, 173, 244, 0) 0%); + } + to { + background-image: radial-gradient(farthest-side, #8aadf4 95%, rgba(138, 173, 244, 0)); + } +} + +infobar.warning > revealer > box button, infobar.warning:backdrop > revealer > box button, popover.touch-selection button, popover.magnifier button, headerbar.selection-mode button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +infobar.warning > revealer > box button:focus, popover.touch-selection button:focus, popover.magnifier button:focus, headerbar.selection-mode button:focus:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:hover, popover.touch-selection button:hover, popover.magnifier button:hover, headerbar.selection-mode button:hover:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:active, popover.touch-selection button:active, popover.magnifier button:active, headerbar.selection-mode button:active:not(.suggested-action):not(.destructive-action), infobar.warning > revealer > box button:checked, popover.touch-selection button:checked, popover.magnifier button:checked, headerbar.selection-mode button:checked:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +infobar.warning > revealer > box button:disabled, popover.touch-selection button:disabled, popover.magnifier button:disabled, headerbar.selection-mode button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +infobar.warning > revealer > box button:checked:disabled, popover.touch-selection button:checked:disabled, popover.magnifier button:checked:disabled, headerbar.selection-mode button:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.5); +} + +row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button, button { + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); +} + +row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:focus:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:focus:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:focus, button:focus { + background-color: alpha(currentColor, 0.08); + outline: 2px solid rgba(138, 173, 244, 0.35); + outline-offset: 0; +} + +row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:hover:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:hover, button:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; + -gtk-icon-filter: brightness(1.2); +} + +row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.keyboard-activating.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.keyboard-activating.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button.keyboard-activating:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button.keyboard-activating, button.keyboard-activating, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:active:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:active:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:active, button:active { + color: #eff1f5; + background-color: alpha(currentColor, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +} + +row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:disabled:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:disabled, button:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr), row.spin spinbutton > button.image-button.up:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:not(.suggested-action):not(.destructive-action):not(.flat), .toolbar .linked button:checked, button:checked { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +row.spin spinbutton > button.image-button.up:checked:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:hover:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:hover:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:hover { + outline-color: transparent; + background-color: #a1bdf6; + color: rgba(36, 39, 58, 0.87); +} + +row.spin spinbutton > button.image-button.up:checked:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:checked:disabled:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar popover.background button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.flat), button:checked:disabled { + outline-color: transparent; + background-color: rgba(138, 173, 244, 0.35); + color: rgba(36, 39, 58, 0.38); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button, calendar > header > button, notebook > header > tabs > arrow, popover modelbutton, .pathbar button, spinbutton > button, splitbutton.flat > button, +splitbutton.flat > menubutton > button { + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:focus:not(:hover):not(:active), calendar > header > button:focus:not(:hover):not(:active), notebook > header > tabs > arrow:focus:not(:hover):not(:active), popover modelbutton:focus:not(:hover):not(:active), .pathbar button:focus:not(:hover):not(:active), spinbutton > button:focus:not(:hover):not(:active), splitbutton.flat > button:focus:not(:hover):not(:active), +splitbutton.flat > menubutton > button:focus:not(:hover):not(:active) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 2px solid rgba(239, 241, 245, 0.04); + outline-offset: -2px; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:hover, calendar > header > button:hover, notebook > header > tabs > arrow:hover, popover modelbutton:hover, .pathbar button:hover, spinbutton > button:hover, splitbutton.flat > button:hover, +splitbutton.flat > menubutton > button:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:active, calendar > header > button:active, notebook > header > tabs > arrow:active, popover modelbutton:active, .pathbar button:active, spinbutton > button:active, splitbutton.flat > button:active, +splitbutton.flat > menubutton > button:active { + background-color: alpha(currentColor, 0.12); + color: #eff1f5; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button:disabled, calendar > header > button:disabled, notebook > header > tabs > arrow:disabled, popover modelbutton:disabled, .pathbar button:disabled, spinbutton > button:disabled, splitbutton.flat > button:disabled, +splitbutton.flat > menubutton > button:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +#NautilusPathButton, filechooser #pathbarbox > stack > box > button, window.messagedialog .response-area button, window.dialog.message .dialog-action-area > button, .app-notification button, headerbar button:not(.suggested-action):not(.destructive-action), .toolbar button, 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 { + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); +} + +#NautilusPathButton:focus:not(:hover):not(:active), filechooser #pathbarbox > stack > box > button:focus:not(:hover):not(:active), window.messagedialog .response-area button:focus:not(:hover):not(:active), window.dialog.message .dialog-action-area > button:focus:not(:hover):not(:active), .app-notification button:focus:not(:hover):not(:active), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), .toolbar button:focus:not(:hover):not(:active), splitbutton.suggested-action > button:focus:not(:hover):not(:active), +splitbutton.suggested-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.destructive-action > button:focus:not(:hover):not(:active), +splitbutton.destructive-action > menubutton > button:focus:not(:hover):not(:active), splitbutton.opaque > button:focus:not(:hover):not(:active), +splitbutton.opaque > menubutton > button:focus:not(:hover):not(:active), menubutton.suggested-action > button:focus:not(:hover):not(:active), menubutton.destructive-action > button:focus:not(:hover):not(:active), menubutton.opaque > button:focus:not(:hover):not(:active), menubutton.flat > button:focus:not(:hover):not(:active), button.flat:focus:not(:hover):not(:active) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 2px solid rgba(239, 241, 245, 0.04); + outline-offset: -2px; +} + +#NautilusPathButton:hover, filechooser #pathbarbox > stack > box > button:hover, window.messagedialog .response-area button:hover, window.dialog.message .dialog-action-area > button:hover, .app-notification button:hover, headerbar button:hover:not(.suggested-action):not(.destructive-action), .toolbar button:hover, splitbutton.suggested-action > button:hover, +splitbutton.suggested-action > menubutton > button:hover, splitbutton.destructive-action > button:hover, +splitbutton.destructive-action > menubutton > button:hover, splitbutton.opaque > button:hover, +splitbutton.opaque > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, button.flat:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; +} + +#NautilusPathButton:active, filechooser #pathbarbox > stack > box > button:active, window.messagedialog .response-area button:active, window.dialog.message .dialog-action-area > button:active, .app-notification button:active, headerbar button:active:not(.suggested-action):not(.destructive-action), .toolbar button:active, 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 { + background-color: alpha(currentColor, 0.12); + color: #eff1f5; +} + +#NautilusPathButton:disabled, filechooser #pathbarbox > stack > box > button:disabled, window.messagedialog .response-area button:disabled, window.dialog.message .dialog-action-area > button:disabled, .app-notification button:disabled, headerbar button:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:disabled, 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, filechooser #pathbarbox > stack > box > button:checked, window.messagedialog .response-area button:checked, window.dialog.message .dialog-action-area > button:checked, .app-notification button:checked, headerbar button:checked:not(.suggested-action):not(.destructive-action), .toolbar button:checked, 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, filechooser #pathbarbox > stack > box > button:checked:disabled, window.messagedialog .response-area button:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, .app-notification button:checked:disabled, headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action), .toolbar button:checked:disabled, 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, placessidebar list.navigation-sidebar > row button.sidebar-button, notebook > header > tabs > tab button.flat, popover.menu box.circular-buttons button.circular.image-button.model, spinbutton > button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 9999px; +} + +button { + min-height: 24px; + min-width: 16px; + padding: 5px 9px; + border-radius: 12px; + 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; + color: #eff1f5; + background-color: alpha(currentColor, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +} + +button.card:checked { + background-image: none; + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + border-color: #8aadf4; +} + +button.card:checked:hover { + background-image: none; + outline-color: transparent; + background-color: #a1bdf6; + color: rgba(36, 39, 58, 0.87); +} + +button.card:checked:disabled { + outline-color: transparent; + background-color: rgba(138, 173, 244, 0.35); + color: rgba(36, 39, 58, 0.38); +} + +button.card:checked.keyboard-activating, button.card:checked:active { + background-image: none; +} + +button.card:checked.has-open-popup { + background-image: none; +} + +button.card:drop(active) { + color: #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: #1e66f5; + color: #eff1f5; + box-shadow: none; +} + +button.suggested-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +button.suggested-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(0, 0, 0, 0.1), 0 4px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 6px 0 rgba(0, 0, 0, 0.06); +} + +button.suggested-action:checked { + background-color: #5d90f5; +} + +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(30, 102, 245, 0.35); +} + +button.suggested-action.flat { + background-color: transparent; + color: #1e66f5; +} + +button.suggested-action.flat:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +button.suggested-action.flat:checked { + background-color: rgba(30, 102, 245, 0.3); +} + +button.destructive-action { + background-color: #d20f39; + color: #eff1f5; + box-shadow: none; +} + +button.destructive-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + outline-color: transparent; +} + +button.destructive-action:hover { + box-shadow: inset 0 0 0 9999px transparent, 0 2px 2.4px -1px rgba(0, 0, 0, 0.1), 0 4px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 6px 0 rgba(0, 0, 0, 0.06); +} + +button.destructive-action:checked { + background-color: #db5371; +} + +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(210, 15, 57, 0.35); +} + +button.destructive-action.flat { + background-color: transparent; + color: #d20f39; +} + +button.destructive-action.flat:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +button.destructive-action.flat:checked { + background-color: rgba(210, 15, 57, 0.3); +} + +stackswitcher > button > label { + margin: 0 -6px; + padding: 0 6px; +} + +stackswitcher > button > image { + margin: -3px -6px; + padding: 3px 6px; +} + +stackswitcher > button.needs-attention:checked > label, +stackswitcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +button.font > box, button.file > box { + border-spacing: 6px; +} + +button.font > box > box > label, button.file > box > box > label { + font-weight: bold; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action), filechooser #pathbarbox > stack > box > button, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child, headerbar button.star, menubutton.circular > button, button.close, button.circular { + border-radius: 9999px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) label, filechooser #pathbarbox > stack > box > button label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child label, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque) label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child label, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child label, headerbar button.star label, menubutton.circular > button label, button.close label, button.circular label { + padding: 0; +} + +menubutton.osd { + background: none; + color: inherit; +} + +menubutton.suggested-action { + background-color: #1e66f5; + color: #eff1f5; +} + +menubutton.destructive-action { + background-color: #d20f39; + 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 75ms cubic-bezier(0, 0, 0.2, 1); + transition-property: background; +} + +splitbutton > separator { + margin-top: 6px; + margin-bottom: 6px; + background: none; +} + +splitbutton > menubutton > button { + padding: 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: #1e66f5; + color: #eff1f5; +} + +splitbutton.destructive-action { + background-color: #d20f39; + 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 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-repeat: no-repeat; + background-position: right 3px; + background-size: 6px 6px; +} + +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), +stackswitcher > button.needs-attention > image:dir(rtl) { + background-position: left 3px; +} + +.linked:not(.vertical) > entry, .linked:not(.vertical) > button, .linked:not(.vertical) > button.image-button { + border-radius: 0; +} + +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > button:first-child { + border-top-left-radius: 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 { + color: #eff1f5; + background-color: alpha(currentColor, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +} + + +list > row button.image-button:not(.flat).suggested-action { + background-color: #1e66f5; + color: #eff1f5; +} + + +list > row button.image-button:not(.flat).destructive-action { + background-color: #d20f39; + color: #eff1f5; +} + +/********* + * Links * + *********/ +link { + color: #8bc1df; +} + +link:visited { + color: #8839ef; +} + +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: #8839ef; +} + +button.link > label { + text-decoration-line: underline; +} + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + border-radius: 9px; + padding: 0; + border-spacing: 0; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 300ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: inset 0 0 0 2px transparent; + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; +} + +spinbutton:focus-within { + background-color: rgba(239, 241, 245, 0.08); + box-shadow: inset 0 0 0 2px #8aadf4; +} + +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); +} + +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; +} + +/************* + * dropdowns * + *************/ +dropdown button.toggle, combobox button.toggle { + border-radius: 0 9px 9px 0; +} + +dropdown > button > box, combobox > button > box { + border-spacing: 6px; +} + +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) > undershoot.top, combobox popover.menu .dropdown-searchbar + scrolledwindow:not(.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); +} + +/************** + * ComboBoxes * + **************/ +/************ + * Toolbars * + ************/ +.toolbar { + padding: 6px; + /* background-color: $background; */ + border-spacing: 6px; +} + +.osd .toolbar { + background-color: transparent; +} + +.app-notification, .toolbar.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + border-radius: 18px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; + color: #eff1f5; +} + +.app-notification:backdrop, .toolbar.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +.left.app-notification, .right.app-notification, .top.app-notification, .bottom.app-notification, .toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { + border-radius: 0; +} + +.bottom.app-notification, .toolbar.osd.bottom { + box-shadow: none; + background-color: transparent; + background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4)); +} + +.toolbar.horizontal > separator { + margin: 2px; +} + +.toolbar.vertical > separator { + margin: 2px; +} + +.toolbar entry, +.toolbar spinbutton, +.toolbar splitbutton, +.toolbar separator:not(.sidebar), +.toolbar button, +.toolbar menubutton, +.toolbar scalebutton { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar menubutton > button, +.toolbar splitbutton > button, +.toolbar splitbutton > menubutton, +.toolbar scalebutton > button { + margin-top: 0; + margin-bottom: 0; +} + +.toolbar switch { + margin-top: 4px; + margin-bottom: 4px; +} + +.toolbar spinbutton entry, +.toolbar spinbutton button { + margin: 0; +} + +.toolbar popover.menu separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +searchbar > revealer > box { + padding: 6px; + border-spacing: 0; + border-style: solid; + border-width: 0 0 1px; + border-color: rgba(239, 241, 245, 0.12); + background-color: #24273a; + background-clip: border-box; + box-shadow: none; +} + +searchbar > revealer > box entry, +searchbar > revealer > box button, +searchbar > revealer > box menubutton { + margin: 0; +} + +/*************** + * Header bars * + ***************/ +headerbar button:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); + border: none; +} + +headerbar button:hover:not(.suggested-action):not(.destructive-action), headerbar button:focus:not(:hover):not(:active):not(.suggested-action):not(.destructive-action), headerbar button:active:not(.suggested-action):not(.destructive-action), headerbar button:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +headerbar button:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar button:checked:disabled:not(.suggested-action):not(.destructive-action) { + background-color: transparent; + color: rgba(239, 241, 245, 0.5); +} + +headerbar button:backdrop:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.5); +} + +headerbar button:backdrop:focus:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:hover:not(.suggested-action):not(.destructive-action), headerbar button:backdrop:active:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +headerbar button:backdrop:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar button:backdrop:checked:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +headerbar button:backdrop:checked:disabled:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.32); +} + +headerbar entry { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.7); +} + +headerbar entry:hover, headerbar entry:focus-within { + color: #eff1f5; +} + +headerbar entry:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); +} + +headerbar entry > text > placeholder { + color: rgba(239, 241, 245, 0.5); +} + +headerbar entry > text > block-cursor { + color: rgba(239, 241, 245, 0.04); + background-color: #eff1f5; +} + +headerbar entry > image { + color: rgba(239, 241, 245, 0.7); +} + +headerbar entry > image:hover, headerbar entry > image:active { + color: #eff1f5; +} + +headerbar entry > image:disabled { + color: rgba(239, 241, 245, 0.5); +} + +headerbar { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1), color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + color: #eff1f5; + min-height: 46px; + border: none; + box-shadow: none; + 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 75ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +headerbar .subtitle:backdrop, +headerbar .dim-label:backdrop, +headerbar row.expander image.expander-row-arrow:backdrop, +row.expander headerbar image.expander-row-arrow:backdrop, +headerbar row.property > box.header > box.title > .title:backdrop, +headerbar row label.subtitle:backdrop, +row headerbar label.subtitle:backdrop { + color: rgba(239, 241, 245, 0.5); +} + +headerbar .titlebar { + background-color: transparent; + box-shadow: none; +} + +headerbar headerbar + separator { + background-color: rgba(239, 241, 245, 0.12); +} + +headerbar > windowhandle > box { + padding: 0 6px; +} + +headerbar > windowhandle > box, +headerbar > windowhandle > box > box.start, +headerbar > windowhandle > box > box.end { + border-spacing: 6px; +} + +headerbar entry, +headerbar spinbutton, +headerbar splitbutton, +headerbar button, +headerbar menubutton, +headerbar stackswitcher, +headerbar separator:not(.sidebar) { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar .linked > menubutton, +headerbar entry > menubutton { + margin-top: 0; + margin-bottom: 0; +} + +headerbar button.suggested-action:disabled, +headerbar button.destructive-action:disabled { + background-color: rgba(239, 241, 245, 0.04); + color: rgba(239, 241, 245, 0.5); + opacity: 1; +} + +headerbar button.star { + min-height: 24px; + min-width: 24px; + padding: 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 225ms, color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +headerbar.selection-mode:backdrop { + color: rgba(36, 39, 58, 0.6); +} + +headerbar.selection-mode .subtitle:link { + color: rgba(36, 39, 58, 0.87); +} + +headerbar.selection-mode .selection-menu { + padding-left: 16px; + padding-right: 16px; +} + +headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +headerbar.default-decoration { + min-height: 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; + /* @if $window_button == 'mac' { */ + /* min-width: 16px; */ + /* min-height: 16px; */ + /* margin: 0 $space-size - 2px; */ + /* padding: 0; */ + /* } @else { */ + /* min-width: 22px; */ + /* min-height: 22px; */ + /* margin: 0 $space-size - 2px; */ + /* 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(138, 173, 244, 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 */ +} + +/************ + * Pathbars * + ************/ +.pathbar { + background-color: alpha(currentColor, 0.08); + border-radius: 12px; + padding: 0; +} + +.pathbar button { + margin: 0; +} + +headerbar .pathbar button { + margin: 0; +} + +/************** + * Tree Views * + **************/ +columnview.view, +treeview.view { + border-left-color: #4a4b5a; + border-top-color: #4a4b5a; +} + +columnview.view:hover, columnview.view:selected, +treeview.view:hover, +treeview.view:selected { + border-radius: 0; +} + +columnview.view:focus, +treeview.view:focus { + box-shadow: none; + outline: none; +} + +columnview.view.separator, +treeview.view.separator { + min-height: 5px; + color: rgba(239, 241, 245, 0.12); +} + +columnview.view:drop(active), +treeview.view:drop(active) { + box-shadow: none; +} + +columnview.view:drop(active).after, +treeview.view:drop(active).after { + border-top-style: none; +} + +columnview.view:drop(active).before, +treeview.view:drop(active).before { + border-bottom-style: none; +} + +columnview.view > dndtarget:drop(active), +treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: alpha(currentColor, 0.06); +} + +columnview.view > dndtarget:drop(active).after, +treeview.view > dndtarget:drop(active).after { + border-top-style: none; +} + +columnview.view > dndtarget:drop(active).before, +treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; +} + +columnview.view.expander, +treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: rgba(239, 241, 245, 0.7); +} + +columnview.view.expander:dir(rtl), +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +columnview.view.expander:hover, +treeview.view.expander:hover { + color: #eff1f5; +} + +columnview.view.expander:selected, +treeview.view.expander:selected { + color: #eff1f5; +} + +columnview.view.expander:selected:hover, +treeview.view.expander:selected:hover { + color: #eff1f5; +} + +columnview.view.expander:checked, +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +columnview.view.expander:disabled, +treeview.view.expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +columnview.view.progressbar, +treeview.view.progressbar { + border-bottom: 6px solid #8aadf4; + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.progressbar:selected:hover, +treeview.view.progressbar:selected:hover { + box-shadow: none; +} + +columnview.view.trough, +treeview.view.trough { + border-bottom: 6px solid rgba(239, 241, 245, 0.12); + box-shadow: none; + background-color: transparent; + background-image: none; +} + +columnview.view.trough:selected:hover, +treeview.view.trough:selected:hover { + box-shadow: none; +} + +columnview.view > header > button, +treeview.view > header > button { + padding: 2px 6px; + border-style: none solid solid none; + border-width: 0 1px 0 0; + border-color: transparent; + border-radius: 0; + background-clip: border-box; +} + +columnview.view > header > button:not(:focus):not(:hover):not(:active), +treeview.view > header > button:not(:focus):not(:hover):not(:active) { + color: rgba(239, 241, 245, 0.7); +} + +columnview.view > header > button, columnview.view > header > button:disabled, +treeview.view > header > button, +treeview.view > header > button:disabled { + background-color: transparent; +} + +columnview.view > header > button:last-child, +treeview.view > header > button:last-child { + border-right-style: none; +} + +columnview.view button.dnd, +columnview.view header.button.dnd, +treeview.view button.dnd, +treeview.view header.button.dnd { + padding: 2px 6px; + border-style: none solid solid; + border-width: 1px; + border-color: rgba(239, 241, 245, 0.12); + border-radius: 0; + box-shadow: none; + background-color: #313244; + background-clip: border-box; + color: #8aadf4; +} + +columnview.view acceleditor > label, +treeview.view acceleditor > label { + background-color: #8aadf4; +} + +stack.view treeview.view { + min-height: 34px; +} + +/********* + * 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 75ms cubic-bezier(0, 0, 0.2, 1); +} + +menubar > item { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 20px; + padding: 4px 8px; + color: rgba(239, 241, 245, 0.7); +} + +menubar > item:selected { + transition: none; + background-color: alpha(currentColor, 0.1); + color: #eff1f5; +} + +menubar > item:disabled { + color: rgba(239, 241, 245, 0.32); +} + +menubar > item label:disabled { + color: inherit; +} + +menubar > item popover.menu popover.menu { + margin-left: 9px; +} + +menubar > item popover.menu.background popover.menu.background > contents { + margin: 0; + border-radius: 12px; +} + +/********************** + * Popover Base Menus * + **********************/ +popover.menu box.inline-buttons { + color: #eff1f5; + padding: 0 6px; +} + +popover.menu box.inline-buttons button.image-button.model { + min-height: 28px; + min-width: 28px; + padding: 0; + border: none; + outline: none; + transition: none; +} + +popover.menu box.inline-buttons button.image-button.model:selected { + background: image(alpha(currentColor, 0.06)); +} + +popover.menu box.circular-buttons { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model { + padding: 6px; +} + +popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: alpha(currentColor, 0.06); +} + +popover.menu arrow.left, +popover.menu radio.left, +popover.menu check.left { + margin-left: 0; + margin-right: 0; +} + +popover.menu arrow.right, +popover.menu radio.right, +popover.menu check.right { + margin-left: 0; + margin-right: 0; +} + +popover.menu label.title { + font-weight: bold; + padding: 4px 26px; +} + +/************ + * Popovers * + ************/ +popover.background { + font: initial; +} + +popover.background, popover.background:backdrop { + background-color: transparent; +} + +popover > arrow, +popover > contents { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + padding: 6px; + background-color: #232634; + border-radius: 12px; + color: #eff1f5; + border: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +popover > arrow { + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +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: #232634; +} + +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; +} + +popover modelbutton { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + min-height: 22px; + min-width: 56px; + padding: 3px 9px; + color: #eff1f5; + font: initial; + border-radius: 12px; +} + +popover modelbutton:hover { + transition: none; + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; +} + +popover modelbutton:hover accelerator { + color: #8aadf4; +} + +popover modelbutton:hover accelerator:disabled { + color: rgba(239, 241, 245, 0.5); +} + +popover modelbutton:focus:not(:hover) { + transition: none; + box-shadow: none; + outline: none; +} + +popover modelbutton:disabled { + color: rgba(239, 241, 245, 0.5); +} + +popover modelbutton accelerator { + color: rgba(239, 241, 245, 0.5); + margin-left: 30px; +} + +popover modelbutton accelerator:disabled { + color: rgba(239, 241, 245, 0.12); +} + +popover modelbutton arrow.left { + -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); +} + +popover modelbutton arrow.right { + -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); +} + +.osd popover, popover.touch-selection, popover.magnifier { + background-color: transparent; +} + +magnifier { + background-color: #313244; +} + +/************* + * 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; + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); +} + +notebook > header > tabs > tab:hover:not(:checked):not(:selected) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; +} + +notebook > header > tabs > tab:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; +} + +notebook > header > tabs > tab:active { + background-color: alpha(currentColor, 0.12); + color: #eff1f5; + background-color: #313244; + color: #eff1f5; + box-shadow: none; +} + +notebook > header > tabs > tab:checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; + 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: #313244; + 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: 3px; +} + +notebook > header > tabs > tab > box { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + margin: -6px -12px; + padding: 6px 12px; +} + +notebook > header > tabs > tab > box:drop(active) { + background-color: rgba(239, 241, 245, 0.12); + color: #eff1f5; +} + +notebook > header > tabs > tab button.flat:last-child { + margin-left: 6px; + margin-right: -3px; +} + +notebook > header > tabs > tab button.flat:first-child { + margin-left: -3px; + margin-right: 6px; +} + +notebook > header > tabs > tab button.close-button { + min-width: 24px; + min-height: 24px; +} + +notebook > header.top > tabs, notebook > header.bottom > tabs { + padding-left: 0; + padding-right: 0; +} + +notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { + margin-left: 0; +} + +notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { + margin-right: 0; +} + +notebook > header.top > tabs > tab:not(:last-child), notebook > header.bottom > tabs > tab:not(:last-child) { + margin-right: 0; +} + +notebook > header.top > tabs tab.reorderable-page, notebook > header.bottom > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header.left > tabs, notebook > header.right > tabs { + padding-top: 0; + padding-bottom: 0; +} + +notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { + margin-top: 0; +} + +notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { + margin-bottom: 0; +} + +notebook > header.left > tabs > tab:not(:last-child), notebook > header.right > tabs > tab:not(:last-child) { + margin-bottom: 0; +} + +notebook > header.left > tabs tab.reorderable-page, notebook > header.right > tabs tab.reorderable-page { + border-style: solid; +} + +notebook > header > menubutton > button.image-button { + padding: 3px; + min-width: 24px; + min-height: 24px; + margin: 0 3px; +} + +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 12px; +} + +tabbar tab { + min-height: 24px; + min-width: 24px; + padding: 3px 6px; + border: none; + background-clip: padding-box; + font-weight: 500; + border-radius: 9px; + background-color: transparent; + color: rgba(239, 241, 245, 0.7); + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + color: rgba(239, 241, 245, 0.7); +} + +tabbar tab:hover:not(:selected) { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + box-shadow: none; + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; +} + +tabbar tab:disabled { + color: rgba(239, 241, 245, 0.32); + background-color: transparent; + color: rgba(239, 241, 245, 0.32); +} + +tabbar tab:active { + background-color: alpha(currentColor, 0.12); + color: #eff1f5; + box-shadow: none; + color: #eff1f5; +} + +tabbar tab:selected:not(:active) { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: rgba(239, 241, 245, 0.04); + color: #8aadf4; + 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; */ +} + +tabbar .box:backdrop { + background-color: #24273a; + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); +} + +tabbar .box:backdrop > scrolledwindow, +tabbar .box:backdrop > .start-action, +tabbar .box:backdrop > .end-action { + filter: none; + transition: none; +} + +tabbar tabbox { + padding: 0; + margin: 0; + min-height: 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(#8aadf4, 0.4) 10%, alpha(#8aadf4, 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(#8aadf4, 0.4) 10%, alpha(#8aadf4, 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, #313244, rgba(0, 0, 0, 0) 20px); +} + +tabbar undershoot.right { + background: linear-gradient(to left, #313244, rgba(0, 0, 0, 0) 20px); +} + +tabbar .needs-attention-left undershoot.left { + background: linear-gradient(to right, alpha(#8aadf4, 0.5), alpha(#8aadf4, 0.3) 1px, alpha(#8aadf4, 0) 20px); +} + +tabbar .needs-attention-right undershoot.right { + background: linear-gradient(to left, alpha(#8aadf4, 0.5), alpha(#8aadf4, 0.3) 1px, alpha(#8aadf4, 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(#8aadf4, 0.4) 10%, alpha(#8aadf4, 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(#8aadf4, 0.5); + transform: translateY(4px); +} + +tabthumbnail { + border-radius: 12px; + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 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: #8aadf4; + min-width: 12px; + min-height: 12px; + border-radius: 9px; + margin: 3px; + box-shadow: 0 1px 2px alpha(#8aadf4, 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; +} + +/************** + * Scrollbars * + **************/ +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0, 0, 0.2, 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; +} + +/********** + * Switch * + **********/ +switch { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + padding: 0; + border: none; + border-radius: 9999px; + background-color: rgba(239, 241, 245, 0.5); + background-clip: border-box; + font-size: 0; + color: transparent; +} + +switch:checked { + background-color: #8aadf4; +} + +switch:disabled { + opacity: 0.5; +} + +switch > slider { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 18px; + min-height: 18px; + margin: 3px; + border-radius: 9999px; + outline: none; + box-shadow: 0 0 0 0 transparent, 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); + 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; +} + +/************************* + * 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 75ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1); +} + +check:hover, +radio:hover { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.04); + background-color: rgba(239, 241, 245, 0.15); +} + +check:active, +radio:active { + box-shadow: 0 0 0 6px rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.2); +} + +check:disabled, +radio:disabled { + background-color: rgba(239, 241, 245, 0.04); +} + +check:checked, check:indeterminate, +radio:checked, +radio:indeterminate { + color: rgba(36, 39, 58, 0.6); + background-color: #8aadf4; +} + +check:checked:hover, check:indeterminate:hover, +radio:checked:hover, +radio:indeterminate:hover { + box-shadow: 0 0 0 6px rgba(138, 173, 244, 0.15); + background-color: #b9cef8; +} + +check:checked:active, check:indeterminate:active, +radio:checked:active, +radio:indeterminate:active { + box-shadow: 0 0 0 6px rgba(138, 173, 244, 0.2); + background-color: #8aadf4; +} + +check:checked:disabled, check:indeterminate:disabled, +radio:checked:disabled, +radio:indeterminate:disabled { + color: rgba(36, 39, 58, 0.6); + background-color: rgba(138, 173, 244, 0.35); +} + +popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { + transition: none; + box-shadow: none; + background-image: none; +} + +popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { + margin-left: -3px; + margin-right: 6px; +} + +popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.right:dir(ltr) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu radio { + transition: none; + margin: 0; + padding: 0; +} + +popover.menu check:dir(ltr), popover.menu radio:dir(ltr) { + margin-right: 6px; + margin-left: -3px; +} + +popover.menu check:dir(rtl), popover.menu radio:dir(rtl) { + margin-left: 6px; + margin-right: -3px; +} + +popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu check:checked:hover, popover.menu check:indeterminate:hover, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled, popover.menu radio:checked:hover, popover.menu radio:indeterminate:hover { + box-shadow: none; +} + + +check { + -gtk-icon-size: 20px; +} + + +check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); +} + + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/checkbox-mixed-symbolic@2.svg"))); +} + + +radio { + -gtk-icon-size: 20px; +} + + +radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-checked-symbolic.svg")), -gtk-recolor(url("assets/radio-checked-symbolic@2.svg"))); +} + + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/radio-mixed-symbolic@2.svg"))); +} + + +popover.menu check { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu check:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-checked-symbolic@2.svg"))); +} + + +popover.menu check:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-checkbox-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-checkbox-mixed-symbolic@2.svg"))); +} + + +popover.menu radio { + min-height: 16px; + min-width: 16px; + -gtk-icon-size: 16px; +} + + +popover.menu radio:checked { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-checked-symbolic.svg")), -gtk-recolor(url("assets/small-radio-checked-symbolic@2.svg"))); +} + + +popover.menu radio:indeterminate { + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/small-radio-mixed-symbolic.svg")), -gtk-recolor(url("assets/small-radio-mixed-symbolic@2.svg"))); +} + +check:not(:checked):active { + -gtk-icon-transform: rotate(90deg); +} + +treeview.view radio, +treeview.view check, +columnview.view radio, +columnview.view check { + padding: 0; + margin: 0; + transition: none; +} + +treeview.view radio, treeview.view radio:hover, treeview.view radio:disabled, treeview.view radio:checked:hover, treeview.view radio:indeterminate:hover, +treeview.view check, +treeview.view check:hover, +treeview.view check:disabled, +treeview.view check:checked:hover, +treeview.view check:indeterminate:hover, +columnview.view radio, +columnview.view radio:hover, +columnview.view radio:disabled, +columnview.view radio:checked:hover, +columnview.view radio:indeterminate:hover, +columnview.view check, +columnview.view check:hover, +columnview.view check:disabled, +columnview.view check:checked:hover, +columnview.view check:indeterminate:hover { + box-shadow: none; +} + +treeview.view:hover check, +treeview.view:hover radio, treeview.view:selected check, +treeview.view:selected radio, treeview.view:focus check, +treeview.view:focus radio, +columnview.view:hover check, +columnview.view:hover radio, +columnview.view:selected check, +columnview.view:selected radio, +columnview.view:focus check, +columnview.view:focus radio { + box-shadow: none; +} + +treeview.view:hover check:checked, +treeview.view:hover radio:checked, treeview.view:selected check:checked, +treeview.view:selected radio:checked, treeview.view:focus check:checked, +treeview.view:focus radio:checked, +columnview.view:hover check:checked, +columnview.view:hover radio:checked, +columnview.view:selected check:checked, +columnview.view:selected radio:checked, +columnview.view:focus check:checked, +columnview.view:focus radio:checked { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +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: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +checkbutton.selection-mode label:dir(ltr) { + margin-right: 6px; +} + +checkbutton.selection-mode label:dir(rtl) { + margin-left: 6px; +} + +/************ + * GtkScale * + ************/ +scale { + min-height: 2px; + min-width: 2px; +} + +scale.horizontal { + padding: 16px 12px; +} + +scale.vertical { + padding: 12px 16px; +} + +scale > trough { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + outline: none; + background-color: rgba(239, 241, 245, 0.3); +} + +scale > trough:disabled { + background-color: rgba(239, 241, 245, 0.12); +} + +scale > trough > highlight { + transition: background-image 75ms cubic-bezier(0, 0, 0.2, 1); + background-image: image(#8aadf4); +} + +scale > trough > highlight:disabled { + background-color: #24273a; + background-image: image(rgba(239, 241, 245, 0.32)); +} + +scale > trough > fill { + transition: background-color 75ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.3); +} + +scale > trough > fill:disabled { + background-color: transparent; +} + +scale > trough > slider { + min-height: 18px; + min-width: 18px; + margin: -8px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 9999px; + color: #8aadf4; + background-color: #313244; + box-shadow: inset 0 0 0 2px #8aadf4; +} + +scale > trough > slider:hover { + box-shadow: inset 0 0 0 2px #8aadf4, 0 0 0 8px rgba(239, 241, 245, 0.12); +} + +scale > trough > slider:active { + box-shadow: inset 0 0 0 4px #8aadf4, 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; +} + +/***************** + * 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: #8aadf4; +} + +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: #8aadf4; +} + +progressbar trough.empty progress { + all: unset; +} + +/************* + * 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: #df8e1d; +} + +levelbar block.high, levelbar block:not(.empty) { + background-color: #8aadf4; +} + +levelbar block.full { + background-color: #40a02b; +} + +levelbar block.empty { + background-color: rgba(239, 241, 245, 0.12); +} + +/**************** + * Print dialog * +*****************/ +window.dialog.print drawing { + color: #eff1f5; + background: none; + border: none; + padding: 0; +} + +window.dialog.print drawing paper { + padding: 0; + border: 1px solid rgba(239, 241, 245, 0.12); + background-color: #313244; + color: #eff1f5; +} + +window.dialog.print .dialog-action-box { + margin: 12px; +} + +/********** + * Frames * + **********/ +frame, +.frame { + border: 1px solid rgba(239, 241, 245, 0.12); +} + +frame > list, +.frame > list { + border: none; +} + +frame.view, +.frame.view { + border-radius: 12px; +} + +frame.flat, +.frame.flat { + border-style: none; +} + +frame { + border-radius: 12px; +} + +frame > label { + margin: 4px; +} + +frame.flat > border, statusbar frame > border { + border: none; +} + +actionbar { + box-shadow: none; +} + +actionbar > revealer > box { + padding: 6px; + border-spacing: 6px; + box-shadow: none; + /* background-color: $base; */ + 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; +} + +statusbar { + padding: 6px 18px; +} + +scrolledwindow viewport.frame { + border: none; +} + +stack scrolledwindow.frame viewport.frame list { + border: none; +} + +scrolledwindow > overshoot.top { + background-image: radial-gradient(farthest-side at top, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at top, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at bottom, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.left { + background-image: radial-gradient(farthest-side at left, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at left, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow > overshoot.right { + background-image: radial-gradient(farthest-side at right, alpha(currentColor, 0.12) 85%, alpha(currentColor, 0)), radial-gradient(farthest-side at right, alpha(currentColor, 0.05), alpha(currentColor, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow.undershoot-top > undershoot.top { + 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; +} + +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; +} + +/********* + * Lists * + *********/ +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 { + border-color: rgba(239, 241, 245, 0.12); + background-color: rgba(239, 241, 245, 0.04); + background-clip: padding-box; +} + +listview > row, +list > row { + padding: 6px; + background-clip: padding-box; +} + +listview > row.expander, +list > row.expander { + padding: 0px; +} + +listview > row.expander .row-header, +list > row.expander .row-header { + padding: 2px; +} + +listview.horizontal row.separator:not(:last-child), listview.separators.horizontal > row:not(.separator):not(:last-child), +list.horizontal row.separator:not(:last-child), +list.separators.horizontal > row:not(.separator):not(:last-child) { + border-left: 1px solid rgba(239, 241, 245, 0.12); +} + +listview:not(.horizontal) row.separator:not(:last-child), listview.separators:not(.horizontal) > row:not(.separator):not(:last-child), +list:not(.horizontal) row.separator:not(:last-child), +list.separators:not(.horizontal) > row:not(.separator):not(:last-child) { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +list.frame { + border-radius: 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; +} + +.nautilus-window .nautilus-grid-view child.activatable, +.nautilus-window .nautilus-list-view child.activatable, columnview.view > header > button, +treeview.view > header > button, row.activatable { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), font-weight 0; + outline: none; + box-shadow: none; + background-color: transparent; + background-image: radial-gradient(circle, transparent 10%, transparent 0%); + background-repeat: no-repeat; + background-position: center; + background-size: 1000% 1000%; +} + +.nautilus-window .nautilus-grid-view child.activatable:focus, +.nautilus-window .nautilus-list-view child.activatable:focus, columnview.view > header > button:focus, +treeview.view > header > button:focus, row.activatable:focus { + color: #eff1f5; + background-color: transparent; + box-shadow: none; + outline: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:hover, +.nautilus-window .nautilus-list-view child.activatable:hover, columnview.view > header > button:hover, +treeview.view > header > button:hover, .nautilus-window .nautilus-grid-view child.has-open-popup.activatable, +.nautilus-window .nautilus-list-view child.has-open-popup.activatable, columnview.view > header > button.has-open-popup, +treeview.view > header > button.has-open-popup, row.activatable:hover, row.activatable.has-open-popup { + color: #eff1f5; + background-color: alpha(currentColor, 0.05); + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:active, +.nautilus-window .nautilus-list-view child.activatable:active, columnview.view > header > button:active, +treeview.view > header > button:active, row.activatable:active { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, font-weight 0ms; + animation: ripple 225ms cubic-bezier(0, 0, 0.2, 1) forwards; + background-image: radial-gradient(circle, alpha(currentColor, 0.05) 10%, transparent 0%); + background-size: 0% 0%; + background-color: alpha(currentColor, 0.05); + color: #eff1f5; + box-shadow: none; +} + +.nautilus-window .nautilus-grid-view child.activatable:selected, +.nautilus-window .nautilus-list-view child.activatable:selected, columnview.view > header > button:selected, +treeview.view > header > button:selected, row.activatable:selected { + background-color: alpha(currentColor, 0.06); +} + +.nautilus-window .nautilus-grid-view child.activatable:selected:hover, +.nautilus-window .nautilus-list-view child.activatable:selected:hover, columnview.view > header > button:selected:hover, +treeview.view > header > button:selected:hover, row.activatable:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +button row.activatable:focus, button row.activatable:hover, button row.activatable:active { + box-shadow: none; + background: none; +} + +button:checked row.activatable { + color: rgba(36, 39, 58, 0.87); +} + +row:selected { + background-color: alpha(currentColor, 0.06); + color: #eff1f5; + box-shadow: none; +} + +row:selected:hover { + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus, row:selected:focus-visible:focus-within { + outline: none; + background-color: alpha(currentColor, 0.08); +} + +row:selected:focus:hover, row:selected:focus-visible:focus-within:hover { + background-color: alpha(currentColor, 0.16); +} + +row:selected button image, +row:selected button label { + color: inherit; +} + +row:selected:disabled { + color: rgba(239, 241, 245, 0.5); +} + +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ +} + +.rich-list > row { + padding: 9px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ +} + +.rich-list > row:last-child { + border-bottom: none; +} + +.rich-list > row > box { + border-spacing: 12px; +} + +row label.subtitle { + font-size: smaller; +} + +row > box.header { + margin-left: 12px; + margin-right: 12px; + border-spacing: 6px; + min-height: 50px; +} + +row > box.header > .icon:disabled { + filter: opacity(0.45); +} + +row > box.header > box.title { + margin-top: 6px; + margin-bottom: 6px; + border-spacing: 3px; + padding: 0; +} + +row > box.header > box.title, +row > box.header > box.title > .title, +row > box.header > box.title > .subtitle { + padding: 0; + font-weight: inherit; +} + +row > box.header > .prefixes, +row > box.header > .suffixes { + border-spacing: 6px; +} + +row > box.header > .icon:dir(ltr), +row > box.header > .prefixes:dir(ltr) { + margin-right: 6px; +} + +row > box.header > .icon:dir(rtl), +row > box.header > .prefixes:dir(rtl) { + margin-left: 6px; +} + +row.property > box.header > box.title > .subtitle { + font-size: inherit; + opacity: 1; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry:disabled text { + opacity: 0.45; +} + +row.entry:disabled .dim-label, row.entry:disabled row.expander image.expander-row-arrow, row.expander row.entry:disabled image.expander-row-arrow, row.entry:disabled row.property > box.header > box.title > .title, +row.entry:disabled .subtitle { + opacity: 1; +} + +row.entry .edit-icon, +row.entry .indicator { + min-width: 24px; + min-height: 24px; + padding: 5px; +} + +row.entry .edit-icon:disabled { + opacity: 0.5; +} + +row.entry .indicator { + opacity: 0.65; +} + +row.entry.monospace { + font-family: inherit; +} + +row.entry.monospace text { + font-family: monospace; +} + +row.spin:not(:selected).activatable.focused:hover, row.spin:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.spin spinbutton { + background: none; + border-spacing: 6px; + box-shadow: none; +} + +row.spin spinbutton, row.spin spinbutton:focus { + outline: none; +} + +row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child, row.spin spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque), +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child, +row.spin spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child { + min-width: 30px; + min-height: 30px; + margin: 10px 2px; + border: none; +} + +row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(ltr):last-child:disabled, row.spin:disabled spinbutton > button.image-button.up:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):last-child:dir(rtl):first-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(ltr):last-child:disabled, +row.spin:disabled spinbutton > button.image-button.down:not(.flat):not(.raised):not( +.suggested-action +):not(.destructive-action):not(.opaque):dir(rtl):first-child:disabled { + filter: none; +} + +row.entry:not(:selected).activatable.focused:hover, row.entry:not(:selected).activatable.focused:active, +row.spin:not(:selected).activatable.focused:hover, +row.spin:not(:selected).activatable.focused:active { + background-color: transparent; +} + +row.entry.error text > selection:focus-within, +row.spin.error text > selection:focus-within { + background-color: alpha(#d20f39, 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: #d20f39; + color: #eff1f5; +} + +row.entry.warning text > selection:focus-within, +row.spin.warning text > selection:focus-within { + background-color: alpha(#df8e1d, 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: #df8e1d; + color: #eff1f5; +} + +row.entry.success text > selection:focus-within, +row.spin.success text > selection:focus-within { + background-color: alpha(#40a02b, 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: #40a02b; + color: #eff1f5; +} + +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); +} + +list.content > row, list.content > row.expander row.header, +list.boxed-list > row, +list.boxed-list > row.expander row.header, row.expander list.nested > row { + border-bottom: 1px solid rgba(239, 241, 245, 0.12); +} + +list.content > row:not(:selected).activatable:hover, list.content > row.expander row.header:not(:selected).activatable:hover, +list.boxed-list > row:not(:selected).activatable:hover, +list.boxed-list > row.expander row.header:not(:selected).activatable:hover, row.expander list.nested > row:not(:selected).activatable:hover { + background-color: alpha(currentColor, 0.08); +} + +list.content > row:not(:selected).activatable:active, list.content > row.expander row.header:not(:selected).activatable:active, +list.boxed-list > row:not(:selected).activatable:active, +list.boxed-list > row.expander row.header:not(:selected).activatable:active, row.expander list.nested > row:not(:selected).activatable:active { + background-color: alpha(currentColor, 0.12); +} + +list.content > row:not(:selected).activatable.has-open-popup, list.content > row.expander row.header:not(:selected).activatable.has-open-popup, +list.boxed-list > row:not(:selected).activatable.has-open-popup, +list.boxed-list > row.expander row.header:not(:selected).activatable.has-open-popup, row.expander list.nested > row:not(:selected).activatable.has-open-popup { + background-color: alpha(currentColor, 0.03); +} + +row.expander { + background: none; + padding: 0px; +} + +row.expander > box > list { + background: none; + color: inherit; +} + +row.expander list.nested { + color: inherit; +} + +row.expander image.expander-row-arrow { + transition: -gtk-icon-transform 200ms cubic-bezier(0, 0, 0.2, 1); +} + +row.expander image.expander-row-arrow:dir(ltr) { + margin-left: 6px; +} + +row.expander image.expander-row-arrow:dir(rtl) { + margin-right: 6px; +} + +row.expander image.expander-row-arrow:dir(ltr) { + -gtk-icon-transform: rotate(0.5turn); +} + +row.expander image.expander-row-arrow:dir(rtl) { + -gtk-icon-transform: rotate(-0.5turn); +} + +row.expander image.expander-row-arrow:disabled { + filter: opacity(0.45); +} + +row.expander:checked image.expander-row-arrow { + -gtk-icon-transform: rotate(0turn); + opacity: 1; +} + +row.expander:checked image.expander-row-arrow:not(:disabled) { + color: #8aadf4; +} + +.osd row.expander:checked image.expander-row-arrow:not(:disabled) { + color: inherit; +} + +list.content > row.expander, +list.boxed-list > row.expander { + border: none; +} + +list.content > row:first-child, list.content > row:first-child.expander row.header, +list.boxed-list > row:first-child, +list.boxed-list > row:first-child.expander row.header { + border-top-left-radius: 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; +} + +columnview > listview > row { + padding: 0; +} + +columnview > listview > row > cell { + padding: 8px 6px; +} + +columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; +} + +columnview.column-separators > listview > row > cell { + border-left-color: rgba(239, 241, 245, 0.12); +} + +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; +} + +treeexpander { + border-spacing: 6px; +} + +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid alpha(currentColor, 0.06); +} + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #8aadf4; +} + +columnview row:not(:selected) cell editablelabel.editing text selection { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +/********************* + * App Notifications * + *********************/ +.app-notification { + margin: 6px; + border-spacing: 0; + padding: 0; + border: none; + background-image: none; +} + +.app-notification button.text-button:not(:disabled) { + color: #8aadf4; +} + +.app-notification > box > label { + margin-left: 9px; +} + +.app-notification.frame, +.app-notification border { + border: none; +} + +/************* + * Expanders * + *************/ +expander { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1); + min-width: 16px; + min-height: 16px; + color: rgba(239, 241, 245, 0.7); + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander:hover, expander:active { + color: #eff1f5; +} + +expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +expander:disabled { + color: rgba(239, 241, 245, 0.32); +} + +expander-widget > box > title { + border-radius: 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; +} + +/************ + * 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); +} + +/*********** + * Dialogs * + ***********/ +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; +} + +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; + /* box-shadow: inset 0 1px highlight($surface); */ + background-color: #24273a; + color: #eff1f5; +} + +window.dialog.message .titlebar:backdrop { + background-color: #292c3c; + 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 { + background-color: rgba(239, 241, 245, 0.08); + border: 0 solid transparent; + outline: 0 solid transparent; +} + +window.dialog.message .dialog-action-area > button:not(:last-child):hover { + background-color: rgba(239, 241, 245, 0.1); +} + +window.dialog.message .dialog-action-area > button.suggested-action:not(:disabled) { + background-color: #0a52e0; + color: #eff1f5; +} + +window.dialog.message .dialog-action-area > button.destructive-action:not(:disabled) { + background-color: #a20c2c; + color: #eff1f5; +} + +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; +} + +/******************** + * 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: #0a52e0; + color: #eff1f5; + /* color: $primary; */ +} + +window.messagedialog .response-area button.destructive { + background-color: #a20c2c; + color: #eff1f5; + /* color: $destructive; */ +} + +window.messagedialog .response-area separator { + background: none; + margin: 3px; +} + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + background-color: #313244; +} + +.sidebar listview.view, +.sidebar list { + background-color: transparent; + color: inherit; +} + +stacksidebar.sidebar:dir(ltr), stacksidebar.sidebar.left, stacksidebar.sidebar.left:dir(rtl) { + box-shadow: inset -1px 0 rgba(239, 241, 245, 0.12); +} + +stacksidebar.sidebar:dir(rtl), stacksidebar.sidebar.right, stacksidebar.sidebar.right:dir(ltr) { + box-shadow: inset 1px 0 rgba(239, 241, 245, 0.12); +} + +.sidebar-pane stacksidebar.sidebar, leaflet.unfolded > box > stacksidebar.sidebar { + box-shadow: none; +} + +stacksidebar list { + padding: 6px; + background-color: #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; +} + +separator.sidebar { + background-color: rgba(239, 241, 245, 0.12); + border-right: none; +} + +separator.sidebar.selection-mode, .selection-mode separator.sidebar { + background-color: rgba(255, 255, 255, 0.12); +} + +/********************** + * Navigation Sidebar * + **********************/ +.navigation-sidebar { + padding: 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 $space-size 0 $space-size; */ + 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: #8aadf4; +} + +.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: #8aadf4; + 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; +} + +/**************** + * File chooser * + ****************/ +filechooser paned > separator { + background: rgba(239, 241, 245, 0.12); +} + +filechooser paned > box #pathbarbox.view, +filechooser paned > box stack.view, +filechooser paned > box columnview.view, +filechooser paned > box gridview.view { + background-color: transparent; + color: #eff1f5; +} + +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 { + color: rgba(239, 241, 245, 0.7); +} + +placessidebar { + background-color: transparent; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon { + color: inherit; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar list.navigation-sidebar > row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label { + color: inherit; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar list.navigation-sidebar > row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +placessidebar list.navigation-sidebar > row button.sidebar-button { + /* @extend %button-on-indicator; */ +} + +placessidebar list.navigation-sidebar > row.sidebar-placeholder-row { + background-color: alpha(currentColor, 0.08); +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row { + color: #8aadf4; +} + +placessidebar list.navigation-sidebar > row.sidebar-new-bookmark-row image.sidebar-icon { + color: #8aadf4; +} + +placessidebar list.navigation-sidebar > row:drop(active) { + background-color: alpha(currentColor, 0.08); +} + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0, 0, 0.2, 1); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + border-spacing: 6px; +} + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#4a4b5a); + 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(#4a4b5a), image(#4a4b5a); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +/************ + * GtkVideo * + ************/ +video { + background: black; + border-radius: 12px; +} + +video image.osd { + min-width: 64px; + min-height: 64px; + border-radius: 9999px; + border: none; +} + +/************** + * GtkInfoBar * + **************/ +infobar > revealer > box { + padding: 6px; + border-spacing: 12px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + box-shadow: none; +} + +infobar.info > revealer > box, infobar.info:hover > revealer > box, infobar.info:backdrop > revealer > box { + background-color: #313244; + 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: #8aadf4; +} + +infobar.action > revealer > box, infobar.action:backdrop > revealer > box, infobar.question > revealer > box, infobar.question:backdrop > revealer > box { + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +infobar.action > revealer > box button, infobar.action > revealer > box button:hover, infobar.action > revealer > box button:focus, infobar.action > revealer > box button:active, infobar.action > revealer > box button:checked, infobar.action > revealer > box button.text-button:not(:disabled), infobar.action:backdrop > revealer > box button, infobar.action:backdrop > revealer > box button:hover, infobar.action:backdrop > revealer > box button:focus, infobar.action:backdrop > revealer > box button:active, infobar.action:backdrop > revealer > box button:checked, infobar.action:backdrop > revealer > box button.text-button:not(:disabled), infobar.question > revealer > box button, infobar.question > revealer > box button:hover, infobar.question > revealer > box button:focus, infobar.question > revealer > box button:active, infobar.question > revealer > box button:checked, infobar.question > revealer > box button.text-button:not(:disabled), infobar.question:backdrop > revealer > box button, infobar.question:backdrop > revealer > box button:hover, infobar.question:backdrop > revealer > box button:focus, infobar.question:backdrop > revealer > box button:active, infobar.question:backdrop > revealer > box button:checked, infobar.question:backdrop > revealer > box button.text-button:not(:disabled) { + color: rgba(36, 39, 58, 0.87); +} + +infobar.action > revealer > box *:link, infobar.action:backdrop > revealer > box *:link, infobar.question > revealer > box *:link, infobar.question:backdrop > revealer > box *:link { + color: rgba(36, 39, 58, 0.87); +} + +infobar.action:hover > revealer > box, infobar.question:hover > revealer > box { + background-color: #739df2; +} + +infobar.warning > revealer > box, infobar.warning:backdrop > revealer > box { + background-color: #df8e1d; + color: #eff1f5; +} + +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: #eff1f5; +} + +infobar.warning > revealer > box *:link, infobar.warning:backdrop > revealer > box *:link { + color: #eff1f5; +} + +infobar.warning:hover > revealer > box { + background-color: #c8801a; +} + +infobar.error > revealer > box, infobar.error:backdrop > revealer > box { + background-color: #d20f39; + color: #eff1f5; +} + +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: #eff1f5; +} + +infobar.error > revealer > box *:link, infobar.error:backdrop > revealer > box *:link { + color: #eff1f5; +} + +infobar.error:hover > revealer > box { + background-color: #ba0d33; +} + +/************ + * 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 2px 3px -1px rgba(0, 0, 0, 0.05), 0 4px 6px 0 rgba(0, 0, 0, 0.06), 0 1px 10px 0 rgba(0, 0, 0, 0.05); + border-radius: 12px; + margin: 2px 6px 8px 6px; +} + +tooltip > box { + border-spacing: 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 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 0 0 2px #8aadf4; +} + +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 2px 3px -2px rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 2px -1px rgba(0, 0, 0, 0.17); +} + +colorchooser .popover.osd { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + border-radius: 12px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.15), 0 4px 3px 0 rgba(0, 0, 0, 0.18), 0 1px 6px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; +} + +colorchooser .popover.osd:backdrop { + box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.2), 0 2px 2px -1px rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0 1px rgba(239, 241, 245, 0.1); +} + +/******** + * Misc * + ********/ +.content-view { + background-color: #24273a; +} + +/********************** + * Window Decorations * + **********************/ +window { + border: none; +} + +window.csd { + border-radius: 12px; + margin: 0; + transition: none; + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +window.csd:backdrop { + transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1); + box-shadow: 0 8px 6px -5px rgba(0, 0, 0, 0.2), 0 16px 15px 2px rgba(0, 0, 0, 0.14), 0 6px 18px 5px rgba(0, 0, 0, 0.12), 0 0 0 2px #8aadf4, 0 0 36px transparent; +} + +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 #4a4b5a; +} + +window.solid-csd:backdrop { + background-color: #24273a; +} + +window.ssd { + box-shadow: 0 0 0 1px rgba(239, 241, 245, 0.12); +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) { + min-height: 16px; + min-width: 16px; + padding: 9px 0; + margin-left: 0px; + margin-right: 0px; + /* min-height: 22px; */ + /* min-width: 22px; */ + /* padding: ($medium-size - 22px) / 2 0; */ + /* margin-left: $space-size - 7px; */ + /* margin-right: $space-size - 7px; */ +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + color: rgba(239, 241, 245, 0.7); +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:not(.suggested-action):not(.destructive-action) { + background: none; + box-shadow: none; +} + +windowcontrols > button.minimize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:not(.suggested-action):not(.destructive-action) > image { + padding: 1px; + background-color: alpha(currentColor, 0.1); +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +windowcontrols > button.minimize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:hover:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.15); +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +windowcontrols > button.minimize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:active:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:active:not(.suggested-action):not(.destructive-action) > image { + background-color: alpha(currentColor, 0.2); +} + +windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) { + color: transparent; +} + +windowcontrols > button.minimize:backdrop:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:backdrop:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:backdrop:not(.suggested-action):not(.destructive-action) > image { + background-color: #313244; +} + +windowcontrols > button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action), windowcontrols > button.close:backdrop:hover:not(.suggested-action):not(.destructive-action) { + color: #eff1f5; +} + +windowcontrols > button.minimize:backdrop:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.maximize:backdrop:hover:not(.suggested-action):not(.destructive-action) > image, windowcontrols > button.close:backdrop:hover:not(.suggested-action):not(.destructive-action) > image { + background-color: rgba(239, 241, 245, 0.3); +} + +/* $window-space: if($window_button == 'mac', $space-size * 1.5, $space-size); */ +windowcontrols { + border-spacing: 6px; +} + +windowcontrols:not(.empty).start:dir(ltr), windowcontrols:not(.empty).end:dir(rtl) { + margin-right: 6px; + margin-left: 6px; +} + +windowcontrols:not(.empty).start:dir(rtl), windowcontrols:not(.empty).end:dir(ltr) { + margin-left: 6px; + margin-right: 6px; +} + +windowcontrols > button:not(.suggested-action):not(.destructive-action) > image { + border-radius: 100%; + padding: 0; +} + + +.view:selected, iconview:selected, gridview > child:selected, columnview.view:selected, +treeview.view:selected, calendar:selected, calendar > grid > label.day-number:selected { + background-color: alpha(currentColor, 0.06); +} + +flowbox > flowboxchild:selected, calendar > grid > label.today { + color: #8aadf4; + background-color: rgba(138, 173, 244, 0.2); +} + +textview text selection:focus, textview text selection, label > selection, +entry > text > selection, spinbutton > text > selection, +entry headerbar popover.background entry > text > selection, +headerbar popover.background entry entry > text > selection, calendar > grid > label.today:selected { + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +/********************** + * Touch Copy & Paste * + **********************/ +cursor-handle { + color: #8aadf4; + -gtk-icon-source: -gtk-recolor(url("assets/cursor-handle-symbolic.svg")); +} + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { + padding-top: 6px; +} + +shortcuts-section { + margin: 20px; +} + +.shortcuts-search-results { + margin: 20px; + border-spacing: 24px; +} + +shortcut { + border-spacing: 6px; +} + +shortcut > .keycap { + min-width: 12px; + min-height: 26px; + margin-top: 2px; + padding-bottom: 2px; + padding-left: 8px; + padding-right: 8px; + border: solid 1px rgba(239, 241, 245, 0.12); + border-radius: 13px; + box-shadow: inset 0 -2px rgba(239, 241, 245, 0.12); + background-color: #292c3c; + color: #eff1f5; + font-size: smaller; +} + +:not(decoration):not(window):drop(active) { + caret-color: #8aadf4; +} + +/**************** + * 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: #8aadf4; + color: rgba(36, 39, 58, 0.87); +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):active { + color: #eff1f5; + background-color: alpha(currentColor, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +} + +stackswitcher.linked:not(.vertical) > button:not(.suggested-action):not(.destructive-action):checked { + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), border-image 225ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, background-color 0ms; + background-color: #8aadf4; + color: rgba(36, 39, 58, 0.87); + 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; +} + +/************* + * App Icons * + *************/ +.lowres-icon { + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 1px 6px rgba(0, 0, 0, 0.1); +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; +} + +popover.emoji-picker > contents { + padding: 0; +} + +.emoji-searchbar { + padding: 6px; + border-spacing: 6px; + border-bottom: 1px solid rgba(239, 241, 245, 0.12); + background: none; +} + +.emoji-searchbar entry text { + background: none; + box-shadow: none; +} + +.emoji-toolbar { + padding: 0; + border-spacing: 3px; + border-top: 1px solid rgba(239, 241, 245, 0.12); + background: none; +} + +button.emoji-section { + margin: 0; + padding: 6px; + border-radius: 12px; +} + +button.emoji-section:checked { + color: #8aadf4; +} + +popover.emoji-picker emoji { + font-size: x-large; + padding: 6px; + transition: all 75ms cubic-bezier(0, 0, 0.2, 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; +} + +.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 .sidebar-pane:dir(rtl), +.nautilus-window .sidebar-pane:dir(rtl) banner > revealer > widget, .nautilus-window .sidebar-pane.end:dir(ltr), +.nautilus-window .sidebar-pane.end:dir(ltr) banner > revealer > widget { + box-shadow: none; + border-left: none; +} + +.nautilus-window placesview label { + color: rgba(239, 241, 245, 0.7); +} + +.nautilus-window flap > separator { + background-color: transparent; +} + +.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: 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 .nautilus-grid-view gridview.view, +.nautilus-window .nautilus-list-view gridview.view { + margin: 10px 5px; + padding: 10px 5px; +} + +.nautilus-window .floating-bar { + min-height: 32px; + padding: 0; + margin: 6px; + border-style: none; + border-radius: 9px; + background-color: rgba(49, 50, 68, 0.95); + color: #8aadf4; + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.05), 0 2px 3px -1px rgba(0, 0, 0, 0.06), 0 1px 4px 0 rgba(0, 0, 0, 0.05); +} + +.nautilus-window .floating-bar button { + margin: 4px; + color: rgba(36, 39, 58, 0.87); +} + +.nautilus-window banner > revealer > widget { + background-color: rgba(49, 50, 68, 0.4); + color: #eff1f5; + border-radius: 9px; + margin: 9px; +} + +.nautilus-window banner > revealer > widget button { + background-color: rgba(138, 173, 244, 0.3); + color: rgba(36, 39, 58, 0.87); +} + +.nautilus-window banner > revealer > widget button:hover { + background-color: rgba(138, 173, 244, 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 { + /* background-color: if($variant == 'light', $grey-100, $titlebar-fill); */ + background-color: rgba(239, 241, 245, 0.04); + border-radius: 12px; + margin: 6px 0; +} + +#NautilusPathButton { + margin: 0 3px; + border-radius: 12px; +} + +#NautilusPathButton.current-dir { + color: #8aadf4; +} + +#NautilusPathButton.current-dir:hover, #NautilusPathButton.current-dir:active { + background: none; + box-shadow: none; +} + +#NautilusPathButton:first-child { + margin-left: 0; +} + +#NautilusViewCell clamp box { + margin: 0; + border-spacing: 0; +} + +#NautilusFileChooser gridview.view { + background-color: transparent; + margin: 10px 5px; + padding: 10px 5px; +} + +#NautilusFileChooser columnview.view, +row.activatable > cell { + background-color: transparent; + padding: 1px 10px; +} + +#NautilusProgressIndicator popover label { + color: rgba(239, 241, 245, 0.7); +} + +#NautilusProgressIndicator popover image { + color: rgba(239, 241, 245, 0.7); +} + +/* Nautilus Progress Indicator */ +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; +} + +.display-container.card { + background-color: #313244; +} + +.small .display-container.card { + border-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; +} + +.display-container .history-view { + background-color: transparent; +} + +.display-container #displayitem { + padding: 0 12px 8px 0; + font-size: 1.4em; + border-top: 1px solid rgba(239, 241, 245, 0.12); +} + +.math-buttons button { + font-size: 1.1em; + padding: 2px 6px; +} + +.math-buttons button.text-button { + padding-left: 16px; + padding-right: 16px; +} + +leaflet button.number-button { + background-color: rgba(239, 241, 245, 0.1); +} + +leaflet button.number-button:hover { + background-color: rgba(239, 241, 245, 0.2); +} + +leaflet button.number-button:active { + background-color: rgba(239, 241, 245, 0.3); +} + +label.primary-label, label.month-name, label.secondary-label { + font-size: 16pt; + font-weight: bold; + padding: 12px; +} + +label.primary-label, label.month-name { + color: #8aadf4; +} + +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 { + font-size: 10pt; +} + +calendar-view:selected { + color: #8aadf4; + 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(#8aadf4, 0.3); +} + +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: #313244; + 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: #313244; +} + +.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: #8aadf4; + color: rgba(36, 39, 58, 0.87); + font-weight: bold; +} + +datechooser button.day:selected dot, datechooser button.day.today:selected dot { + background-color: rgba(36, 39, 58, 0.87); +} + +datechooser button.day.today { + color: #8aadf4; +} + +datechooser button.day.today dot { + background-color: #8aadf4; +} + +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(#8aadf4, 0.8); + margin: 0 0 0 1px; + min-height: 3px; +} + +weekgrid:selected, weekgrid.dnd, +.week-header:selected, +.week-header.dnd { + background-color: alpha(#8aadf4, 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(#8aadf4, 0.1); +} + +monthcell:selected:hover { + background-color: alpha(#8aadf4, 0.2); +} + +monthcell:selected label.day-label { + font-weight: bold; +} + +monthcell:nth-child(7n + 1) { + border-left-width: 0; +} + +monthcell.today { + background-color: alpha(#8aadf4, 0.2); +} + +monthcell.today:hover { + background-color: alpha(#8aadf4, 0.3); + color: #8aadf4; +} + +monthcell.today:selected { + background-color: alpha(#8aadf4, 0.25); +} + +monthcell.today:selected:hover { + background-color: alpha(#8aadf4, 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 > popover > arrow { + background: none; + border: none; +} + +menubutton stack > box { + border-spacing: 6px; +} + +#TweakPreferencesPage.tweak-group label.subtitle { + color: rgba(239, 241, 245, 0.32); +} + +#TweakPreferencesPage label.dim-label { + color: rgba(239, 241, 245, 0.32); +} + +.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); +} + +.details-page { + margin: 24px 0px; +} + +.installed-overlay-box { + font-size: smaller; + background-color: #8aadf4; + border-radius: 0; + color: rgba(36, 39, 58, 0.87); + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); +} + +screenshot-carousel box.frame { + border-width: 1px 0; + border-radius: 0; +} + +screenshot-carousel button, +.featured-carousel button { + margin: 12px; +} + +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: #df8e1d; +} + +.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 75ms cubic-bezier(0, 0, 0.2, 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: #df8e1d; + color: #eff1f5; + border: 1px solid rgba(239, 241, 245, 0.12); +} + +.card.info { + background-color: #25283b; + color: #eff1f5; +} + +.card.warning { + background-color: #25283a; + 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, #8aadf4 2px, alpha(#8aadf4, 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: #28641b; + background-color: rgba(64, 160, 43, 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: #9b6314; + background-color: rgba(223, 142, 29, 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: #8b0a26; + background-color: rgba(210, 15, 57, 0.15); +} + +.eol-red { + font-weight: bold; + color: #d20f39; +} + +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: #d20f39; +} + +@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); +} + +@define-color weather_temp_chart_fill_color rgba(223, 142, 29, 0.5); +@define-color weather_temp_chart_stroke_color #b27117; +@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; +} + +#gnome-system-monitor.background.csd { + background-color: #24273a; +} + +.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: #8aadf4; +} + +.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); +} + +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: #8aadf4; +} + +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; +} + +/* Tagger */ +list.music-list { + margin: -40px 0; + background-color: transparent; +} + +/* Nicotine+ */ +notebook scrolledwindow treeview.treeview-spacing { + background-color: #24273a; +} + +.account-switcher-row label { + color: #eff1f5; +} + +.account-switcher-row label.dim-label { + color: rgba(239, 241, 245, 0.7); +} + +window.background.chromium { + background-color: rgba(239, 241, 245, 0.04); +} + +window.background.chromium headerbar.header-bar.titlebar { + padding: 0 12px; + background-color: #24273a; + color: #eff1f5; + border-radius: 12px 12px 0 0; + box-shadow: inset 0 1px 0 rgba(239, 241, 245, 0.1); +} + +window.background.chromium headerbar.header-bar.titlebar:backdrop { + background-color: #24273a; + color: rgba(239, 241, 245, 0.5); +} + +window.background.chromium headerbar.header-bar.titlebar button.titlebutton { + margin: 0 0px; +} + +.nautilus-window placessidebar > scrolledwindow { + background-color: #24273a; + color: #eff1f5; + border-radius: 0; + /* margin: 0 6px 0 0; */ +} + +.nautilus-window placessidebar > scrolledwindow .dim-label, .nautilus-window placessidebar > scrolledwindow row label.subtitle, row .nautilus-window 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 { + 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; +} + +calendar-view { + margin: 6px; +} + +.sidebar-pane .sidebar > scrolledwindow, +.sidebar-pane toolbarview > scrolledwindow, +.sidebar-pane navigation-view-page stack > scrolledwindow, .sidebar-pane, filechooser paned > box, placessidebar > scrolledwindow, agenda-view list.background, .tweak-titlebar-left, .tweak-titlebar-left:backdrop, leaflet.unfolded > box > scrolledwindow, leaflet.unfolded .contacts-contact-list > scrolledwindow, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow { + background-color: #181825; + background-color: #232634; + color: #eff1f5; + border-radius: 0; + margin: 0; +} + +.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, filechooser paned > box .dim-label, placessidebar > scrolledwindow .dim-label, agenda-view list.background .dim-label, .tweak-titlebar-left .dim-label, leaflet.unfolded > box > scrolledwindow .dim-label, leaflet.unfolded .contacts-contact-list > scrolledwindow .dim-label, .sidebar-pane row label.subtitle, row .sidebar-pane label.subtitle, filechooser paned > box row label.subtitle, row filechooser paned > box label.subtitle, placessidebar > scrolledwindow row label.subtitle, row placessidebar > scrolledwindow label.subtitle, agenda-view list.background row label.subtitle, row agenda-view list.background label.subtitle, .tweak-titlebar-left row label.subtitle, row .tweak-titlebar-left label.subtitle, leaflet.unfolded > box > scrolledwindow row label.subtitle, row leaflet.unfolded > box > scrolledwindow label.subtitle, leaflet.unfolded .contacts-contact-list > scrolledwindow row label.subtitle, row leaflet.unfolded .contacts-contact-list > scrolledwindow label.subtitle, .sidebar-pane row.property > box.header > box.title > .title, placessidebar > scrolledwindow row.property > box.header > box.title > .title, agenda-view list.background row.property > box.header > box.title > .title, .tweak-titlebar-left row.property > box.header > box.title > .title, leaflet.unfolded > box > scrolledwindow row.property > box.header > box.title > .title, leaflet.unfolded .contacts-contact-list > scrolledwindow row.property > box.header > box.title > .title, .sidebar-pane row.expander image.expander-row-arrow, row.expander .sidebar-pane image.expander-row-arrow, filechooser paned > box row.expander image.expander-row-arrow, row.expander filechooser paned > box image.expander-row-arrow, placessidebar > scrolledwindow row.expander image.expander-row-arrow, row.expander placessidebar > scrolledwindow image.expander-row-arrow, agenda-view list.background row.expander image.expander-row-arrow, row.expander agenda-view list.background image.expander-row-arrow, .tweak-titlebar-left row.expander image.expander-row-arrow, row.expander .tweak-titlebar-left image.expander-row-arrow, leaflet.unfolded > box > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded > box > scrolledwindow image.expander-row-arrow, leaflet.unfolded .contacts-contact-list > scrolledwindow row.expander image.expander-row-arrow, row.expander leaflet.unfolded .contacts-contact-list > scrolledwindow image.expander-row-arrow { + color: rgba(36, 39, 58, 0.38); +} + +.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, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar > range > trough > slider { + background-color: rgba(239, 241, 245, 0.5); +} + +.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, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:hover { + background-color: rgba(239, 241, 245, 0.32); +} + +.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, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:active { + background-color: rgba(239, 241, 245, 0.7); +} + +.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, leaflet.unfolded > box > scrolledwindow > scrollbar > range > trough > slider:disabled, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar > range > trough > slider:disabled { + background-color: rgba(239, 241, 245, 0.32); +} + +.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, 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 { + background-color: rgba(36, 39, 58, 0.38); +} + +.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, 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 { + background-color: rgba(36, 39, 58, 0.3); +} + +placessidebar list.navigation-sidebar, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar { + padding: 6px 0 6px 6px; + background: none; + color: rgba(239, 241, 245, 0.7); +} + +placessidebar list.navigation-sidebar > separator, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > separator, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > separator { + background-color: rgba(239, 241, 245, 0.12); + margin: 10px 15px; +} + +placessidebar list.navigation-sidebar > row, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row { + color: rgba(36, 39, 58, 0.6); + border-radius: 9px; + color: #eff1f5; + padding: 6px 0; +} + +placessidebar list.navigation-sidebar > row:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:hover, placessidebar list.navigation-sidebar > row:active, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:active, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:active, placessidebar list.navigation-sidebar > row:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:focus { + color: #d0defb; +} + +placessidebar list.navigation-sidebar > row:selected, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected { + background-color: alpha(currentColor, 0.08); + color: #8aadf4; + font-weight: 500; +} + +placessidebar list.navigation-sidebar > row:selected:hover, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:hover, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:hover, placessidebar list.navigation-sidebar > row:selected:focus, leaflet.unfolded .contacts-contact-list > scrolledwindow > viewport > .navigation-sidebar > row:selected:focus, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > .navigation-sidebar > row:selected:focus { + color: #b9cef8; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.top, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.top, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.top, filechooser paned > box scrolledwindow scrollbar.top, placessidebar > scrolledwindow > scrollbar.top, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.top, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.top, leaflet.unfolded > box > scrolledwindow > scrollbar.top, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.top, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.top { + border-bottom: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.bottom, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.bottom, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.bottom, filechooser paned > box scrolledwindow scrollbar.bottom, placessidebar > scrolledwindow > scrollbar.bottom, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.bottom, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.bottom, leaflet.unfolded > box > scrolledwindow > scrollbar.bottom, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.bottom, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.bottom { + border-top: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.left, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.left, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.left, filechooser paned > box scrolledwindow scrollbar.left, placessidebar > scrolledwindow > scrollbar.left, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.left, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.left, leaflet.unfolded > box > scrolledwindow > scrollbar.left, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.left, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.left { + border-right: none; +} + +.sidebar-pane .sidebar > scrolledwindow > scrollbar.right, +.sidebar-pane toolbarview > scrolledwindow > scrollbar.right, +.sidebar-pane navigation-view-page stack > scrolledwindow > scrollbar.right, filechooser paned > box scrolledwindow scrollbar.right, placessidebar > scrolledwindow > scrollbar.right, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.right, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.right, leaflet.unfolded > box > scrolledwindow > scrollbar.right, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.right, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.right { + border-left: none; +} + +.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), filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering), .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + border-color: transparent; + background-color: transparent; +} + +.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, filechooser paned > box scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, placessidebar > scrolledwindow > scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator:not(.dragging):not(.hovering) button, 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 { + border: none; +} + +.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, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.dragging, placessidebar > scrolledwindow > scrollbar.overlay-indicator.dragging, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.dragging, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.dragging, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.dragging, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.dragging, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.dragging, .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, filechooser paned > box scrolledwindow scrollbar.overlay-indicator.hovering, placessidebar > scrolledwindow > scrollbar.overlay-indicator.hovering, .nautilus-window .nautilus-grid-view scrolledwindow scrollbar.overlay-indicator.hovering, +.nautilus-window .nautilus-list-view scrolledwindow scrollbar.overlay-indicator.hovering, leaflet.unfolded > box > scrolledwindow > scrollbar.overlay-indicator.hovering, leaflet.unfolded .contacts-contact-list > scrolledwindow > scrollbar.overlay-indicator.hovering, .sidebar-pane toolbarview > stack > box > widget > widget > scrolledwindow > scrollbar.overlay-indicator.hovering { + background-color: transparent; +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-top > undershoot.top, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-top > undershoot.top { + border-radius: 12px 12px 0 0; + box-shadow: none; + background: linear-gradient(to bottom, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-bottom > undershoot.bottom, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-bottom > undershoot.bottom { + border-radius: 0 0 12px 12px; + box-shadow: none; + background: linear-gradient(to top, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(ltr) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-start:dir(rtl) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(ltr) > undershoot.right { + border-radius: 0 12px 12px 0; + box-shadow: none; + background: linear-gradient(to left, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +.nautilus-window .nautilus-grid-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left, +.nautilus-window .nautilus-list-view scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { + border-radius: 12px 0 0 12px; + box-shadow: none; + background: linear-gradient(to right, alpha(rgba(36, 39, 58, 0.2), 0.75), transparent 4px); +} + +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; +} + +.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 { + background-color: rgba(239, 241, 245, 0.08); + color: #eff1f5; + border: none; + box-shadow: none; + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 300ms cubic-bezier(0, 0, 0.2, 1), background-image 1200ms cubic-bezier(0, 0, 0.2, 1), outline 300ms cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(239, 241, 245, 0.04); +} + +.card.activatable:hover { + background-color: alpha(currentColor, 0.08); + color: #eff1f5; + outline: 0 solid transparent; +} + +.card.activatable:active { + color: #eff1f5; + background-color: alpha(currentColor, 0.12); + transition: all 75ms cubic-bezier(0, 0, 0.2, 1), background-size 0ms, background-image 0ms, border 0ms; +} + +toast { + margin: 12px; + margin-bottom: 24px; + border-radius: 9999px; + border-spacing: 6px; + padding: 6px; + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 10px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(239, 241, 245, 0.1); + background-color: #292c3c; + color: #eff1f5; + border: none; +} + +toast:dir(ltr) { + padding-left: 12px; +} + +toast:dir(rtl) { + padding-right: 12px; +} + +toast > label { + margin: 0 6px; +} + +viewswitcher { + min-height: 0; + padding: 3px; + margin: 6px 0; + 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; +} + +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; +} + +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; +} + +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: #8aadf4; +} + +indicatorbin.needs-attention > indicator > label { + color: rgba(36, 39, 58, 0.87); +} + +preferencespage > scrolledwindow > viewport > clamp > box { + margin: 24px 12px; + border-spacing: 24px; +} + +preferencesgroup > box background-preview widget.sidebar, +preferencesgroup > box widget.header-bar:not(.editable-area) { + background-color: #11111b; +} + +preferencesgroup > box, +preferencesgroup > box .labels { + border-spacing: 6px; +} + +preferencesgroup > box > box.header:not(.single-line) { + margin-bottom: 6px; +} + +preferencesgroup > box > box.single-line { + min-height: 34px; +} + +preferencesgroup > box button.background-preview-button.toggle { + padding: 0; + background: none; + box-shadow: none; + outline-color: transparent; + outline-width: 3px; + outline-offset: 3px; + outline-style: solid; +} + +preferencesgroup > box button.background-preview-button.toggle, +preferencesgroup > box button.background-preview-button.toggle > background-preview { + border-radius: 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: #8aadf4; +} + +preferencesgroup > box .cutout-button { + background-color: #313244; +} + +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-button:hover { + box-shadow: 0 0 0 3px alpha(currentColor, 0.08); +} + +preferencesgroup > box button.accent-button:checked { + box-shadow: 0 0 0 3px #8aadf4; +} + +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-button.blue { + --accent-bg-color: var(--accent-blue); +} + +preferencesgroup > box button.accent-button.teal { + --accent-bg-color: var(--accent-teal); +} + +preferencesgroup > box button.accent-button.green { + --accent-bg-color: var(--accent-green); +} + +preferencesgroup > box button.accent-button.yellow { + --accent-bg-color: var(--accent-yellow); +} + +preferencesgroup > box button.accent-button.orange { + --accent-bg-color: var(--accent-orange); +} + +preferencesgroup > box button.accent-button.red { + --accent-bg-color: var(--accent-red); +} + +preferencesgroup > box button.accent-button.pink { + --accent-bg-color: var(--accent-pink); +} + +preferencesgroup > box button.accent-button.purple { + --accent-bg-color: var(--accent-purple); +} + +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); +} + +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: #8aadf4; + 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; +} + +statuspage > scrolledwindow > viewport > box { + margin: 36px 12px; + border-spacing: 36px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box { + border-spacing: 12px; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 128px; + color: alpha(currentColor, 0.55); +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:disabled { + opacity: 0.35; +} + +statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box { + margin: 24px 12px; + border-spacing: 24px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon { + -gtk-icon-size: 96px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-child) { + margin-bottom: 12px; +} + +statuspage.compact > scrolledwindow > viewport > box > clamp > box > .title { + font-size: 18pt; +} + +flap > dimming, +leaflet > dimming, +navigation-view > dimming, +overlay-split-view > dimming { + background-color: rgba(36, 39, 58, 0.2); + background-image: none; +} + +flap > border, +leaflet > border, +navigation-view > border, +overlay-split-view > border { + background-color: transparent; + background-image: none; +} + +flap > shadow, +leaflet > shadow, +navigation-view > shadow, +overlay-split-view > shadow { + min-width: 56px; + min-height: 56px; +} + +flap > shadow.left, +leaflet > shadow.left, +navigation-view > shadow.left, +overlay-split-view > shadow.left { + background-image: linear-gradient(to right, alpha(rgba(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, +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); +} + +flap > shadow.up, +leaflet > shadow.up, +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); +} + +flap > shadow.down, +leaflet > shadow.down, +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); +} + +.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 { + /* box-shadow: inset 0 1px highlight($base-alt); */ + 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; + /* box-shadow: inset 0 1px highlight($background); */ +} + +.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); +} + +.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; +} + +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 #8aadf4; +} + +themeselector checkbutton.follow, +panelthemeselector checkbutton.follow { + background-image: linear-gradient(to bottom right, #eff1f5 50%, #292c3c 50%); +} + +themeselector checkbutton.light, +panelthemeselector checkbutton.light { + background-color: #eff1f5; +} + +themeselector checkbutton.dark, +panelthemeselector checkbutton.dark { + background-color: #292c3c; +} + +themeselector checkbutton.theme-selector radio, +panelthemeselector checkbutton.theme-selector radio { + -gtk-icon-source: none; + border: none; + background: none; + box-shadow: none; + min-height: 20px; + min-width: 20px; + padding: 0; +} + +themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:hover, +panelthemeselector checkbutton.theme-selector radio:active, +panelthemeselector checkbutton.theme-selector radio:checked { + background-color: transparent; +} + +themeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked { + -gtk-icon-size: 20px; + -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/checkbox-checked-symbolic.svg")), -gtk-recolor(url("assets/checkbox-checked-symbolic@2.svg"))); + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active, +panelthemeselector checkbutton.theme-selector radio:checked, +panelthemeselector checkbutton.theme-selector radio:checked:hover, +panelthemeselector checkbutton.theme-selector radio:checked:active { + box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1); +} + +themeswitcher { + padding: 6px; +} + +themeswitcher .check { + min-height: 20px; + min-width: 20px; + background: none; + padding: 0; + margin: 0; + border-radius: 9999px; + color: rgba(36, 39, 58, 0.87); + background-color: #8aadf4; +} + +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 #8aadf4; +} + +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; +} + +/* 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 #313244; +/* base background color of selections */ +@define-color theme_selected_bg_color #8aadf4; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color rgba(36, 39, 58, 0.87); +/* 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 #313244; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #8aadf4; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color rgba(36, 39, 58, 0.87); +/* insensitive color on backdrop windows */ +@define-color unfocused_insensitive_color rgba(239, 241, 245, 0.5); +/* widgets main borders color */ +@define-color borders rgba(239, 241, 245, 0.12); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(239, 241, 245, 0.12); +/* these are pretty self explicative */ +@define-color warning_color #df8e1d; +@define-color error_color #d20f39; +@define-color success_color #40a02b; +/* 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 #0a0a0e; +@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 #313244; +@define-color placeholder_text_color #b6b8c0; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #313244; +@define-color budgie_tasklist_indicator_color rgba(125, 127, 140, 0.7); +@define-color budgie_tasklist_indicator_color_active #8aadf4; +@define-color budgie_tasklist_indicator_color_active_window rgba(111, 137, 194, 0.816); +@define-color budgie_tasklist_indicator_color_attention #df8e1d; +@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 #8aadf4; +@define-color accent_fg_color rgba(36, 39, 58, 0.87); +@define-color accent_color #8aadf4; +@define-color destructive_bg_color #d20f39; +@define-color destructive_fg_color #eff1f5; +@define-color destructive_color #d20f39; +@define-color success_bg_color #40a02b; +@define-color success_fg_color #eff1f5; +@define-color success_color #40a02b; +@define-color warning_bg_color #df8e1d; +@define-color warning_fg_color #eff1f5; +@define-color warning_color #df8e1d; +@define-color error_bg_color #d20f39; +@define-color error_fg_color #eff1f5; +@define-color error_color #d20f39; +@define-color window_bg_color #24273a; +@define-color window_fg_color #eff1f5; +@define-color view_bg_color #313244; +@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 #313244; +@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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/thumbnail.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/thumbnail.png new file mode 100755 index 0000000..46efa74 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/gtk-4.0/thumbnail.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/index.theme b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/index.theme new file mode 100755 index 0000000..94ac6ec --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/index.theme @@ -0,0 +1,12 @@ +Type=X-GNOME-Metatheme +[Desktop Entry] +Name=Catppuccin-B-LB-Dark-Macchiato +Comment=An Flat Gtk+ theme based on Elegant Design +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Catppuccin-B-LB-Dark-Macchiato +MetacityTheme=Catppuccin-B-LB-Dark-Macchiato +IconTheme=Tela-circle-Dark +CursorTheme=Catppuccin-B-LB-cursors +ButtonLayout=close,minimize,maximize:menu diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/button.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/button.svg new file mode 100755 index 0000000..c2a738d --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/button.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/close.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/close.svg new file mode 100755 index 0000000..fb798d7 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/close.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/maximize.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/maximize.svg new file mode 100755 index 0000000..0c2f170 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/maximize.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/menu.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/menu.svg new file mode 100755 index 0000000..179ff4c --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/menu.svg @@ -0,0 +1,40 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/minimize.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/minimize.svg new file mode 100755 index 0000000..76fe7cb --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/minimize.svg @@ -0,0 +1,47 @@ + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/shade.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/shade.svg new file mode 100755 index 0000000..8213b03 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/shade.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/unmaximize.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/unmaximize.svg new file mode 100755 index 0000000..8d60a57 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/unmaximize.svg @@ -0,0 +1,67 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/unshade.svg b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/unshade.svg new file mode 100755 index 0000000..a161564 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/assets/unshade.svg @@ -0,0 +1,38 @@ + + + + + + diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/metacity-theme-3.xml b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/metacity-theme-3.xml new file mode 100755 index 0000000..250a8fa --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/thumbnail.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/thumbnail.png new file mode 100755 index 0000000..6d1abe6 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/metacity-1/thumbnail.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/plank/dock.theme b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/plank/dock.theme new file mode 100755 index 0000000..02cac34 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/plank/dock.theme @@ -0,0 +1,64 @@ +#This file based on: +#https://git.launchpad.net/plank/tree/data/themes/Default/dock.theme + +[PlankTheme] +#The roundness of the top corners. +TopRoundness=15 +#The roundness of the bottom corners. +BottomRoundness=15 +#The thickness (in pixels) of lines drawn. +LineWidth=1 +#The color (RGBA) of the outer stroke. +OuterStrokeColor=166;;173;;200;;50 +#The starting color (RGBA) of the fill gradient. +FillStartColor=36;;39;;58;;200 +#The ending color (RGBA) of the fill gradient. +FillEndColor=36;;39;;58;;200 +#The color (RGBA) of the inner stroke. +InnerStrokeColor=36;;39;;58;;100 + +[PlankDockTheme] +#The padding on the left/right dock edges, in tenths of a percent of IconSize. +HorizPadding=2 +#The padding on the top dock edge, in tenths of a percent of IconSize. +TopPadding=2 +#The padding on the bottom dock edge, in tenths of a percent of IconSize. +BottomPadding=1 +#The padding between items on the dock, in tenths of a percent of IconSize. +ItemPadding=2 +#The size of item indicators, in tenths of a percent of IconSize. +IndicatorSize=5 +#The size of the icon-shadow behind every item, in tenths of a percent of IconSize. +IconShadowSize=0 +#The height (in percent of IconSize) to bounce an icon when the application sets urgent. +UrgentBounceHeight=1.6666666666666667 +#The height (in percent of IconSize) to bounce an icon when launching an application. +LaunchBounceHeight=0.625 +#The opacity value (0 to 1) to fade the dock to when hiding it. +FadeOpacity=1 +#The amount of time (in ms) for click animations. +ClickTime=0 +#The amount of time (in ms) to bounce an urgent icon. +UrgentBounceTime=600 +#The amount of time (in ms) to bounce an icon when launching an application. +LaunchBounceTime=600 +#The amount of time (in ms) for active window indicator animations. +ActiveTime=150 +#The amount of time (in ms) to slide icons into/out of the dock. +SlideTime=300 +#The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). +FadeTime=250 +#The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). +HideTime=250 +#The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. +GlowSize=30 +#The total time (in ms) to show the hidden-dock urgent glow. +GlowTime=10000 +#The time (in ms) of each pulse of the hidden-dock urgent glow. +GlowPulseTime=2000 +#The hue-shift (-180 to 180) of the urgent indicator color. +UrgentHueShift=150 +#The time (in ms) to move an item to its new position or its addition/removal to/from the dock. +ItemMoveTime=450 +#Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. +CascadeHide=true diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-active.png new file mode 100755 index 0000000..be7251b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-inactive.png new file mode 100755 index 0000000..e3db184 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-left-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-left-active.png new file mode 100755 index 0000000..5fc9bf5 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-left-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-left-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-left-inactive.png new file mode 100755 index 0000000..777b601 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-left-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-right-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-right-active.png new file mode 100755 index 0000000..b6ba2ee Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-right-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-right-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-right-inactive.png new file mode 100755 index 0000000..b207611 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/bottom-right-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-active.png new file mode 100755 index 0000000..4120b17 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-inactive.png new file mode 100755 index 0000000..86ed20a Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-prelight.png new file mode 100755 index 0000000..d2587bf Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-pressed.png new file mode 100755 index 0000000..acb6bd8 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/close-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-active.png new file mode 100755 index 0000000..5f6fff5 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-inactive.png new file mode 100755 index 0000000..29030db Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-prelight.png new file mode 100755 index 0000000..202db93 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-pressed.png new file mode 100755 index 0000000..26120e5 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/hide-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/left-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/left-active.png new file mode 100755 index 0000000..2e10acd Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/left-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/left-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/left-inactive.png new file mode 100755 index 0000000..935ed88 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/left-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-active.png new file mode 100755 index 0000000..f98b9f4 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-inactive.png new file mode 100755 index 0000000..0f8bd18 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-prelight.png new file mode 100755 index 0000000..91e75d4 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-pressed.png new file mode 100755 index 0000000..4bad637 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-active.png new file mode 100755 index 0000000..79bb36b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-inactive.png new file mode 100755 index 0000000..6312f7b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-prelight.png new file mode 100755 index 0000000..de495a5 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-pressed.png new file mode 100755 index 0000000..a37bd19 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/maximize-toggled-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-active.png new file mode 100755 index 0000000..52d70f6 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-inactive.png new file mode 100755 index 0000000..751fa93 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-prelight.png new file mode 100755 index 0000000..ba24390 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-pressed.png new file mode 100755 index 0000000..321c5ff Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/menu-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/right-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/right-active.png new file mode 100755 index 0000000..d214db8 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/right-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/right-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/right-inactive.png new file mode 100755 index 0000000..935ed88 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/right-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-active.png new file mode 100755 index 0000000..13def8a Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-inactive.png new file mode 100755 index 0000000..3e94219 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-prelight.png new file mode 100755 index 0000000..9cb871b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-pressed.png new file mode 100755 index 0000000..01349f1 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-active.png new file mode 100755 index 0000000..b7c86af Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-inactive.png new file mode 100755 index 0000000..06d7937 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-prelight.png new file mode 100755 index 0000000..7abb369 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-pressed.png new file mode 100755 index 0000000..91d7b17 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/shade-toggled-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-active.png new file mode 100755 index 0000000..c90ad0f Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-inactive.png new file mode 100755 index 0000000..ae6d8e7 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-prelight.png new file mode 100755 index 0000000..fe1d51c Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-pressed.png new file mode 100755 index 0000000..23261e4 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-active.png new file mode 100755 index 0000000..d075e24 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-inactive.png new file mode 100755 index 0000000..265d267 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-prelight.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-prelight.png new file mode 100755 index 0000000..e1a9654 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-prelight.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-pressed.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-pressed.png new file mode 100755 index 0000000..e86b79b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/stick-toggled-pressed.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/themerc b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/themerc new file mode 100755 index 0000000..22732f3 --- /dev/null +++ b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/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/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-1-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-1-active.png new file mode 100755 index 0000000..cf4a6d2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-1-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-1-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-1-inactive.png new file mode 100755 index 0000000..a95292b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-1-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-2-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-2-active.png new file mode 100755 index 0000000..cf4a6d2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-2-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-2-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-2-inactive.png new file mode 100755 index 0000000..a95292b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-2-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-3-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-3-active.png new file mode 100755 index 0000000..cf4a6d2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-3-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-3-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-3-inactive.png new file mode 100755 index 0000000..a95292b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-3-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-4-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-4-active.png new file mode 100755 index 0000000..cf4a6d2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-4-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-4-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-4-inactive.png new file mode 100755 index 0000000..a95292b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-4-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-5-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-5-active.png new file mode 100755 index 0000000..cf4a6d2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-5-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-5-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-5-inactive.png new file mode 100755 index 0000000..a95292b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/title-5-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-left-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-left-active.png new file mode 100755 index 0000000..50a5d6b Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-left-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-left-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-left-inactive.png new file mode 100755 index 0000000..1b875f2 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-left-inactive.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-right-active.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-right-active.png new file mode 100755 index 0000000..12a5098 Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-right-active.png differ diff --git a/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-right-inactive.png b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-right-inactive.png new file mode 100755 index 0000000..e8ee49e Binary files /dev/null and b/desktop/home/hyprland/Catppuccin-B-LB-Dark-Macchiato/xfwm4/top-right-inactive.png differ diff --git a/desktop/home/hyprland/default.nix b/desktop/home/hyprland/default.nix new file mode 100755 index 0000000..cf1656c --- /dev/null +++ b/desktop/home/hyprland/default.nix @@ -0,0 +1,377 @@ +{ config, lib, pkgs, inputs, ... }: + +{ + + # Move needed files + home.file.".config/hypr/mocha.conf".text = builtins.readFile ./mocha.conf; + home.file.".config/hypr/gamemode.sh".text = builtins.readFile ./gamemode.sh; + home.file.".config/hypr/power.sh".text = builtins.readFile ./power.sh; + home.file.".config/hypr/xdph.conf".text = builtins.readFile ./xdph.conf; + home.file.".config/hypr/wallpapers" = { + source = ./wallpapers; + }; + home.file.".themes/Catppuccin-B-LB-Dark-Macchiato" = { + source = ./Catppuccin-B-LB-Dark-Macchiato; + }; + home.file.".themes/Catppuccin-B-LB-Dark-Macchiato-hdpi" = { + source = ./Catppuccin-B-LB-Dark-Macchiato-hdpi; + }; + home.file.".themes/Catppuccin-B-LB-Dark-Macchiato-xhdpi" = { + source = ./Catppuccin-B-LB-Dark-Macchiato-xhdpi; + }; + + home.packages = with pkgs; [ + aquamarine + xdg-desktop-portal-hyprland + xdg-desktop-portal-gtk + polkit_gnome + qt5.qtwayland + qt6.qtwayland + qt5.qtbase + qt6.qtbase + hyprland-qt-support + hyprlang + hyprwayland-scanner + hyprgraphics + hyprutils + hyprtoolkit + hyprshutdown + hypridle + hyprpicker + hyprshade + hyprsysteminfo + hyprcursor + pwvucontrol + overskride + udiskie + pfetch + lavat + audacious + cmatrix + nwg-look + hyprpwcenter + brightnessctl + gtk-engine-murrine + sassc + gnome-themes-extra + playerctl + eog + gnome-text-editor + ]; + + # Catppuccin! + catppuccin = { + enable = true; + flavor = "mocha"; + accent = "blue"; + cursors = { + enable = true; + flavor = "mocha"; + accent = "dark"; + }; + gtk.icon = { + enable = true; + flavor = "mocha"; + accent = "lavender"; + }; + hyprland = { + enable = true; + flavor = "mocha"; + accent = "lavender"; + }; + }; + + # Dark color scheme + gtk = { + enable = true; + colorScheme = "dark"; + gtk3.extraConfig.Settings = ''gtk-application-prefer-dark-themes=1''; + gtk4.extraConfig.Settings = ''gtk-application-prefer-dark-themes=1''; + }; + + home.sessionVariables.NIXOS_OZONE_WL = "1"; # Hint for Electron apps + wayland.windowManager.hyprland = { + enable = true; + xwayland.enable = true; + systemd.enable = false; + settings = { + "$mainMod" = "SUPER"; + source = [ + "mocha.conf" + ]; + monitor = [ + "eDP-1, 1920x1080@60.02, 0x0, 1, bitdepth, 10" + ]; + exec-once = [ + "dbus-update-activation-environment --systemd WAYLAND_DISPLAY XDG_CURRENT_DESKTOP" + "systemctl --user import-environment WAYLAND_DISPLAY XDG_CURRENT_DESKTOP" + "${pkgs.polkit_gnome}/libexec/polkit-gnome-authentication-agent-1" + "dconf write /org/gnome/desktop/interface/cursor-theme Catppuccin Mocha Dark" + "udiskie" + "dunst" + "hyprpaper" + "hypridle" + "hyprsunset" + "wl-paste --type text --watch cliphist store # Stores only text data" # Stores only text data + "wl-paste --type image --watch cliphist store" # Stores only image data + "waybar" + ]; + env = [ + "XCURSOR_THEME,Adwaita" + "XCURSOR_SIZE,24" + "HYPRCURSOR_THEME,Catppuccin Mocha Dark" + "HYPRCURSOR_SIZE,22" + "GTK_THEME,Catppuccin-B-LB-Dark-Macchiato" + "HYPRLAND_TRACE=1" + "GDK_BACKEND,wayland,x11,*" + "QT_QPA_PLATFORM,wayland;xcb" + "SDL_VIDEODRIVER,wayland" + "CLUTTER_BACKEND,wayland" + "XDG_CURRENT_DESKTOP,Hyprland" + "XDG_SESSION_TYPE,wayland" + "XDG_SESSION_DESKTOP,Hyprland" + "QT_AUTO_SCREEN_SCALE_FACTOR,1" + "QT_QPA_PLATFORM,wayland;xcb" + "QT_WAYLAND_DISABLE_WINDOWDECORATION,1" + "QT_QPA_PLATFORMTHEME,qt5ct" + "QT_QPA_PLATFORMTHEME=hyprqt6engine" + ]; + ecosystem = { + enforce_permissions = true; + }; + permision = [ + "/nix/store/[a-z0-9]{32}-grim-[0-9.]*/bin/grim, screencopy, allow" + "/nix/store/[a-z0-9]{32}-xdg-desktop-portal-hyprland-[0-9.]*/libexec/.xdg-desktop-portal-hyprland-wrapped, screencopy, allow" + # /usr/(bin|local/bin)/hyprpm, plugin, allow; # Uncomment For Plugins + ]; + general = { + gaps_in = 4; + gaps_out = 8; + border_size = 1; + "col.active_border" = "$overlay1"; + "col.inactive_border" = "$overlay0"; + resize_on_border = true; + allow_tearing = true; + layout = "dwindle"; + }; + decoration = { + rounding = 12; + rounding_power = 4; + active_opacity = 1.0; + inactive_opacity = 1.0; + shadow = { + enabled = true; + range = 3; + render_power = 2; + color = "rgba(1a1a1aee)"; + }; + blur = { + enabled = true; + size = 4; + passes = 1; + vibrancy = 0.2; + }; + }; + animations = { + enabled = true; + # Curves + bezier = [ + "expressiveFastSpatial, 0.42, 1.67, 0.21, 0.90" + "expressiveSlowSpatial, 0.39, 1.29, 0.35, 0.98" + "expressiveDefaultSpatial, 0.38, 1.21, 0.22, 1.00" + "emphasizedDecel, 0.05, 0.7, 0.1, 1" + "emphasizedAccel, 0.3, 0, 0.8, 0.15" + "standardDecel, 0, 0, 0, 1" + "menu_decel, 0.1, 1, 0, 1" + "menu_accel, 0.52, 0.03, 0.72, 0.08" + "stall, 1, -0.1, 0.7, 0.85" + ]; + animation = [ + # windows + "windowsIn, 1, 3, emphasizedDecel, popin 80%" + "fadeIn, 1, 3, emphasizedDecel" + "windowsOut, 1, 2, emphasizedDecel, popin 90%" + "fadeOut, 1, 2, emphasizedDecel" + "windowsMove, 1, 3, emphasizedDecel, slide" + "border, 1, 10, emphasizedDecel" + # layers + "layersIn, 1, 2.7, emphasizedDecel, popin 93%" + "layersOut, 1, 2.4, menu_accel, popin 94%" + # fade + "fadeLayersIn, 1, 0.5, menu_decel" + "fadeLayersOut, 1, 2.7, stall" + # workspaces + "workspaces, 1, 7, menu_decel, slide" + # specialWorkspace + "specialWorkspaceIn, 1, 2.8, emphasizedDecel, slidevert" + "specialWorkspaceOut, 1, 1.2, emphasizedAccel, slidevert" + # zoom + "zoomFactor, 1, 3, standardDecel" + ]; + }; + dwindle = { + pseudotile = true; + preserve_split = true; + }; + master = { + new_status = "master"; + }; + misc = { + force_default_wallpaper = -1; + disable_hyprland_logo = false; + vfr = true; + }; + input = { + kb_layout = "pl"; + follow_mouse = 1; + sensitivity = 0; + touchpad = { + natural_scroll = true; + }; + }; + gesture = [ + "3, horizontal, workspace" + ]; + device = { + name = "epic-mouse-v1"; + sensitivity = -0.5; + }; + bind = [ + "$mainMod, RETURN, exec, kitty" + "$mainMod, Q, exec, kitty" + "$mainMod SHIFT, Q, killactive" + "$mainMod, M, exec, command -v hyprshutdown >/dev/null 2>&1 && hyprshutdown || hyprctl dispatch exit" + "$mainMod, E, exec, nautilus" + "$mainMod, V, togglefloating" + "$mainMod, D, exec, rofi -show drun" + "$mainMod, O, pseudo" # dwindle + "$mainMod, J, layoutmsg, togglesplit" # dwindle + "$mainMod, F1, exec, sh $HOME/.config/hypr/gamemode.sh" # Game Mode + "$mainMod SHIFT, F, exec, librewolf" # You can replace with your desired browser + "$mainMod SHIFT, D, exec, mullvad-browser" + "$mainMod, H, exec, cliphist list | rofi -dmenu -display-columns 2 | cliphist decode | wl-copy" # Clipboard History + "$mainMod SHIFT, P, exec, sh $HOME/.config/hypr/power.sh" # Power Menu + "$mainMod, B, exec, overskride" # Bluetooth control + "$mainMod, P, exec, pwvucontrol" # Volume control + + # Move focus with mainMod + arrow keys + "$mainMod, left, movefocus, l" + "$mainMod, right, movefocus, r" + "$mainMod, up, movefocus, u" + "$mainMod, down, movefocus, d" + + # Switch workspaces with mainMod + [0-9] + "$mainMod, 1, workspace, 1" + "$mainMod, 2, workspace, 2" + "$mainMod, 3, workspace, 3" + "$mainMod, 4, workspace, 4" + "$mainMod, 5, workspace, 5" + "$mainMod, 6, workspace, 6" + "$mainMod, 7, workspace, 7" + "$mainMod, 8, workspace, 8" + "$mainMod, 9, workspace, 9" + "$mainMod, 0, workspace, 10" + + # Move active window to a workspace with mainMod + SHIFT + [0-9] + "$mainMod SHIFT, 1, movetoworkspace, 1" + "$mainMod SHIFT, 2, movetoworkspace, 2" + "$mainMod SHIFT, 3, movetoworkspace, 3" + "$mainMod SHIFT, 4, movetoworkspace, 4" + "$mainMod SHIFT, 5, movetoworkspace, 5" + "$mainMod SHIFT, 6, movetoworkspace, 6" + "$mainMod SHIFT, 7, movetoworkspace, 7" + "$mainMod SHIFT, 8, movetoworkspace, 8" + "$mainMod SHIFT, 9, movetoworkspace, 9" + "$mainMod SHIFT, 0, movetoworkspace, 10" + + # Example special workspace (scratchpad) + "$mainMod, S, togglespecialworkspace, magic" + "$mainMod SHIFT, S, movetoworkspace, special:magic" + + # Scroll through existing workspaces with mainMod + scroll + "$mainMod, mouse_down, workspace, e+1" + "$mainMod, mouse_up, workspace, e-1" + ]; + bindm = [ + # Move/resize windows with mainMod + LMB/RMB and dragging + "$mainMod, mouse:272, movewindow" + "$mainMod, mouse:273, resizewindow" + ]; + bindel = [ + # Laptop multimedia keys for volume and LCD brightness + ",XF86AudioRaiseVolume, exec, wpctl set-volume -l 1 @DEFAULT_AUDIO_SINK@ 5%+" + ",XF86AudioLowerVolume, exec, wpctl set-volume @DEFAULT_AUDIO_SINK@ 5%-" + ",XF86AudioMute, exec, wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle" + ",XF86AudioMicMute, exec, wpctl set-mute @DEFAULT_AUDIO_SOURCE@ toggle" + ",XF86MonBrightnessUp, exec, brightnessctl -e4 -n2 set 5%+" + ",XF86MonBrightnessDown, exec, brightnessctl -e4 -n2 set 5%-" + # Requires playerctl + ", XF86AudioNext, exec, playerctl next" + ", XF86AudioPause, exec, playerctl play-pause" + ", XF86AudioPlay, exec, playerctl play-pause" + ", XF86AudioPrev, exec, playerctl previous" + ]; + workspace = [ + "1, monitor:eDP-1, persistent:true" + "10, monitor:eDP-1, persistent:true" + ]; + windowrule = [ + { + name = "floating size"; + match = { + class = ".*"; + }; + float = false; + size = "800x500"; + # This shit wont work no matter what i give up + } + { + name = "tearing"; + match = { + class = "cs2"; + }; + immediate = true; + } + { + # Ignore maximizing requests from apps + name = "suppress-maximize-events"; + match = { class = ".*"; }; + suppress_event = "maximize"; + } + { + # Dragging issue fixes for XWayland + name = "fix-xwayland-drags"; + match = { + class = "^$"; + title = "^$"; + xwayland = true; + float = true; + fullscreen = false; + pin = false; + }; + no_focus = true; + } + { + name = "move-hyprland-run"; + match = { + class = "hyprland-run"; + }; + move = "20 monitor_h-120"; + float = "yes"; + } + { + name = "xwayland-video-bridge-fixes"; + match = { + class = "xwaylandvideobridge"; + }; + no_initial_focus = true; + no_focus = true; + no_anim = true; + no_blur = true; + max_size = 1; + opacity = 0.0; + } + ]; + }; + }; +} diff --git a/desktop/home/hyprland/gamemode.sh b/desktop/home/hyprland/gamemode.sh new file mode 100755 index 0000000..d52a3d1 --- /dev/null +++ b/desktop/home/hyprland/gamemode.sh @@ -0,0 +1,21 @@ +#!/usr/bin/env sh +HYPRGAMEMODE=$(hyprctl getoption animations:enabled | awk 'NR==1{print $2}') +if [ "$HYPRGAMEMODE" = 1 ] ; then + hyprctl --batch "\ + keyword animations:enabled 0;\ + keyword animation borderangle,0; \ + keyword decoration:shadow:enabled 0;\ + keyword decoration:blur:enabled 0;\ + keyword decoration:fullscreen_opacity 1;\ + keyword general:gaps_in 0;\ + keyword general:gaps_out 0;\ + keyword general:border_size 1;\ + keyword decoration:rounding 0" + hyprctl notify 1 5000 "rgb(40a02b)" "Gamemode [ON]" + exit +else + hyprctl notify 1 5000 "rgb(d20f39)" "Gamemode [OFF]" + hyprctl reload + exit 0 +fi +exit 1 diff --git a/desktop/home/hyprland/mocha.conf b/desktop/home/hyprland/mocha.conf new file mode 100755 index 0000000..8ccb56a --- /dev/null +++ b/desktop/home/hyprland/mocha.conf @@ -0,0 +1,78 @@ + +$rosewater = rgb(f5e0dc) +$rosewaterAlpha = f5e0dc + +$flamingo = rgb(f2cdcd) +$flamingoAlpha = f2cdcd + +$pink = rgb(f5c2e7) +$pinkAlpha = f5c2e7 + +$mauve = rgb(cba6f7) +$mauveAlpha = cba6f7 + +$red = rgb(f38ba8) +$redAlpha = f38ba8 + +$maroon = rgb(eba0ac) +$maroonAlpha = eba0ac + +$peach = rgb(fab387) +$peachAlpha = fab387 + +$yellow = rgb(f9e2af) +$yellowAlpha = f9e2af + +$green = rgb(a6e3a1) +$greenAlpha = a6e3a1 + +$teal = rgb(94e2d5) +$tealAlpha = 94e2d5 + +$sky = rgb(89dceb) +$skyAlpha = 89dceb + +$sapphire = rgb(74c7ec) +$sapphireAlpha = 74c7ec + +$blue = rgb(89b4fa) +$blueAlpha = 89b4fa + +$lavender = rgb(b4befe) +$lavenderAlpha = b4befe + +$text = rgb(cdd6f4) +$textAlpha = cdd6f4 + +$subtext1 = rgb(bac2de) +$subtext1Alpha = bac2de + +$subtext0 = rgb(a6adc8) +$subtext0Alpha = a6adc8 + +$overlay2 = rgb(9399b2) +$overlay2Alpha = 9399b2 + +$overlay1 = rgb(7f849c) +$overlay1Alpha = 7f849c + +$overlay0 = rgb(6c7086) +$overlay0Alpha = 6c7086 + +$surface2 = rgb(585b70) +$surface2Alpha = 585b70 + +$surface1 = rgb(45475a) +$surface1Alpha = 45475a + +$surface0 = rgb(313244) +$surface0Alpha = 313244 + +$base = rgb(1e1e2e) +$baseAlpha = 1e1e2e + +$mantle = rgb(181825) +$mantleAlpha = 181825 + +$crust = rgb(11111b) +$crustAlpha = 11111b diff --git a/desktop/home/hyprland/power.sh b/desktop/home/hyprland/power.sh new file mode 100755 index 0000000..ba121c8 --- /dev/null +++ b/desktop/home/hyprland/power.sh @@ -0,0 +1,64 @@ +#!/usr/bin/env sh + +rofi_command="rofi" + +# Buttons +lock="󰌾 Lock" +logout="󰿅 Log out" +suspend="󰤄 Suspend" +shutdown=" Power off" +reboot="󰜉 Reboot" + +# countdown +countdown() { + for sec in $(seq $1 -1 1); do + dunstify -t 1000 --replace=699 "Taking action in : $sec" + sleep 1 + done +} + +# do actions +dolock() { + hyprlock +} + +dologout() { + countdown 3 + hyprctl dispatch exit +} + +dosuspend() { + systemctl suspend +} + +doshutdown() { + countdown 3 + hyprshutdown -t 'Shutting down...' --post-cmd 'systemctl shutdown' +} + +doreboot() { + countdown 3 + hyprshutdown -t 'Restarting...' --post-cmd 'systemctl reboot' +} + +# Variable passed to rofi +options="$shutdown\n$reboot\n$suspend\n$lock\n$logout" + +chosen="$(echo -e "$options" | $rofi_command -p 'Power' -dmenu -selected-row 0)" +case $chosen in + $lock) + dolock + ;; + $logout) + dologout + ;; + $suspend) + dosuspend + ;; + $shutdown) + doshutdown + ;; + $reboot) + doreboot + ;; +esac diff --git a/desktop/home/hyprland/wallpapers/android-black-4k.png b/desktop/home/hyprland/wallpapers/android-black-4k.png new file mode 100755 index 0000000..f5af993 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/android-black-4k.png differ diff --git a/desktop/home/hyprland/wallpapers/apple-colors-small-4k.png b/desktop/home/hyprland/wallpapers/apple-colors-small-4k.png new file mode 100755 index 0000000..0963bcc Binary files /dev/null and b/desktop/home/hyprland/wallpapers/apple-colors-small-4k.png differ diff --git a/desktop/home/hyprland/wallpapers/arch-black-4k.png b/desktop/home/hyprland/wallpapers/arch-black-4k.png new file mode 100755 index 0000000..010c483 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/arch-black-4k.png differ diff --git a/desktop/home/hyprland/wallpapers/buttons.png b/desktop/home/hyprland/wallpapers/buttons.png new file mode 100755 index 0000000..de4cce8 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/buttons.png differ diff --git a/desktop/home/hyprland/wallpapers/cat-sound.png b/desktop/home/hyprland/wallpapers/cat-sound.png new file mode 100755 index 0000000..32a9a3c Binary files /dev/null and b/desktop/home/hyprland/wallpapers/cat-sound.png differ diff --git a/desktop/home/hyprland/wallpapers/cat_pacman.png b/desktop/home/hyprland/wallpapers/cat_pacman.png new file mode 100755 index 0000000..5a33ce1 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/cat_pacman.png differ diff --git a/desktop/home/hyprland/wallpapers/catppuccin_triangle.png b/desktop/home/hyprland/wallpapers/catppuccin_triangle.png new file mode 100755 index 0000000..5f43327 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/catppuccin_triangle.png differ diff --git a/desktop/home/hyprland/wallpapers/cats.png b/desktop/home/hyprland/wallpapers/cats.png new file mode 100755 index 0000000..0437cc9 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/cats.png differ diff --git a/desktop/home/hyprland/wallpapers/dark-cat-rosewater.png b/desktop/home/hyprland/wallpapers/dark-cat-rosewater.png new file mode 100755 index 0000000..e17332e Binary files /dev/null and b/desktop/home/hyprland/wallpapers/dark-cat-rosewater.png differ diff --git a/desktop/home/hyprland/wallpapers/dark-cat.png b/desktop/home/hyprland/wallpapers/dark-cat.png new file mode 100755 index 0000000..9e6b91b Binary files /dev/null and b/desktop/home/hyprland/wallpapers/dark-cat.png differ diff --git a/desktop/home/hyprland/wallpapers/debian-black-4k.png b/desktop/home/hyprland/wallpapers/debian-black-4k.png new file mode 100755 index 0000000..ff66dad Binary files /dev/null and b/desktop/home/hyprland/wallpapers/debian-black-4k.png differ diff --git a/desktop/home/hyprland/wallpapers/fedora-black-4k.png b/desktop/home/hyprland/wallpapers/fedora-black-4k.png new file mode 100755 index 0000000..9e53774 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/fedora-black-4k.png differ diff --git a/desktop/home/hyprland/wallpapers/freebsd-black-4k.png b/desktop/home/hyprland/wallpapers/freebsd-black-4k.png new file mode 100755 index 0000000..48a0bd1 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/freebsd-black-4k.png differ diff --git a/desktop/home/hyprland/wallpapers/hashtags-new.png b/desktop/home/hyprland/wallpapers/hashtags-new.png new file mode 100755 index 0000000..9ab14da Binary files /dev/null and b/desktop/home/hyprland/wallpapers/hashtags-new.png differ diff --git a/desktop/home/hyprland/wallpapers/heart.jpg b/desktop/home/hyprland/wallpapers/heart.jpg new file mode 100755 index 0000000..e1531df Binary files /dev/null and b/desktop/home/hyprland/wallpapers/heart.jpg differ diff --git a/desktop/home/hyprland/wallpapers/hearts.png b/desktop/home/hyprland/wallpapers/hearts.png new file mode 100755 index 0000000..6c07ab4 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/hearts.png differ diff --git a/desktop/home/hyprland/wallpapers/mandelbrot_full_blue.png b/desktop/home/hyprland/wallpapers/mandelbrot_full_blue.png new file mode 100755 index 0000000..e389adf Binary files /dev/null and b/desktop/home/hyprland/wallpapers/mandelbrot_full_blue.png differ diff --git a/desktop/home/hyprland/wallpapers/mxlinux-black-4k.png b/desktop/home/hyprland/wallpapers/mxlinux-black-4k.png new file mode 100755 index 0000000..6da0e72 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/mxlinux-black-4k.png differ diff --git a/desktop/home/hyprland/wallpapers/nix-black-4k.png b/desktop/home/hyprland/wallpapers/nix-black-4k.png new file mode 100755 index 0000000..c1f20a2 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/nix-black-4k.png differ diff --git a/desktop/home/hyprland/wallpapers/raspberry-black-4k.png b/desktop/home/hyprland/wallpapers/raspberry-black-4k.png new file mode 100755 index 0000000..d6e417b Binary files /dev/null and b/desktop/home/hyprland/wallpapers/raspberry-black-4k.png differ diff --git a/desktop/home/hyprland/wallpapers/romb.png b/desktop/home/hyprland/wallpapers/romb.png new file mode 100755 index 0000000..f69c1ed Binary files /dev/null and b/desktop/home/hyprland/wallpapers/romb.png differ diff --git a/desktop/home/hyprland/wallpapers/tetris.png b/desktop/home/hyprland/wallpapers/tetris.png new file mode 100755 index 0000000..0d09679 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/tetris.png differ diff --git a/desktop/home/hyprland/wallpapers/unicat.png b/desktop/home/hyprland/wallpapers/unicat.png new file mode 100755 index 0000000..ef1852d Binary files /dev/null and b/desktop/home/hyprland/wallpapers/unicat.png differ diff --git a/desktop/home/hyprland/wallpapers/void-black-4k.png b/desktop/home/hyprland/wallpapers/void-black-4k.png new file mode 100755 index 0000000..eabb4ce Binary files /dev/null and b/desktop/home/hyprland/wallpapers/void-black-4k.png differ diff --git a/desktop/home/hyprland/wallpapers/windows-black.png b/desktop/home/hyprland/wallpapers/windows-black.png new file mode 100755 index 0000000..55c9746 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/windows-black.png differ diff --git a/desktop/home/hyprland/wallpapers/windows-error.jpg b/desktop/home/hyprland/wallpapers/windows-error.jpg new file mode 100755 index 0000000..04b0588 Binary files /dev/null and b/desktop/home/hyprland/wallpapers/windows-error.jpg differ diff --git a/desktop/home/hyprland/xdph.conf b/desktop/home/hyprland/xdph.conf new file mode 100755 index 0000000..8f96054 --- /dev/null +++ b/desktop/home/hyprland/xdph.conf @@ -0,0 +1,4 @@ +screencopy { + max_fps = 0 + allow_token_by_default = true +} diff --git a/desktop/home/hyprlock/default.nix b/desktop/home/hyprlock/default.nix new file mode 100755 index 0000000..87253ac --- /dev/null +++ b/desktop/home/hyprlock/default.nix @@ -0,0 +1,17 @@ +{ config, lib, ... }: + +{ + + # Catppuccin + catppuccin.hyprlock = { + enable = true; + flavor = "mocha"; + accent = "lavender"; + }; + + programs.hyprlock = { + enable = true; + }; + + # TODO: Customize it more +} diff --git a/desktop/home/hyprpaper/default.nix b/desktop/home/hyprpaper/default.nix new file mode 100755 index 0000000..0e46cd0 --- /dev/null +++ b/desktop/home/hyprpaper/default.nix @@ -0,0 +1,23 @@ +{ config, libs, pkgs, ... }: + +{ + + home.packages = [ + pkgs.hyprpaper + ]; + + services.hyprpaper = { + enable = true; + settings = { + wallpaper = [ + { + monitor = "eDP-1"; + path = "$HOME/.config/hypr/wallpapers/nix-black-4k.png"; + fit_mode = "full"; + timeout = 60; + } + ]; + }; + }; + +} diff --git a/desktop/home/hyprsunset/default.nix b/desktop/home/hyprsunset/default.nix new file mode 100755 index 0000000..8a727b2 --- /dev/null +++ b/desktop/home/hyprsunset/default.nix @@ -0,0 +1,24 @@ +{ config, lib, ... }: + +{ + + services.hyprsunset = { + enable = true; + settings = { + max-gamma = 150; + + profile = [ + { + time = "7:00"; + identity = true; + } + { + time = "22:00"; + temperature = 6000; + gamma = 0.75; + } + ]; + }; + }; + +} diff --git a/desktop/home/kitty/default.nix b/desktop/home/kitty/default.nix new file mode 100755 index 0000000..12c43ee --- /dev/null +++ b/desktop/home/kitty/default.nix @@ -0,0 +1,15 @@ +{ config, lib, ... }: + +{ + programs.kitty = { + enable = true; + shellIntegration.enableZshIntegration = true; + }; + + # Catppuccin <3 + catppuccin.kitty = { + enable = true; + flavor = "mocha"; + }; + +} diff --git a/desktop/home/lf/default.nix b/desktop/home/lf/default.nix new file mode 100755 index 0000000..b9c5ce0 --- /dev/null +++ b/desktop/home/lf/default.nix @@ -0,0 +1,10 @@ +{ config, lib, ... }: + +{ + + programs.lf = { + enable = true; + # More to be added + }; + +} diff --git a/desktop/home/librewolf/default.nix b/desktop/home/librewolf/default.nix new file mode 100755 index 0000000..831b7b6 --- /dev/null +++ b/desktop/home/librewolf/default.nix @@ -0,0 +1,15 @@ +{ config, lib, ... }: + +{ + programs.librewolf = { + enable = true; + }; + + catppuccin.librewolf = { + enable = true; + flavor = "mocha"; + accent = "lavender"; + force = true; + }; + +} diff --git a/desktop/home/mullvad/default.nix b/desktop/home/mullvad/default.nix new file mode 100755 index 0000000..cc651b2 --- /dev/null +++ b/desktop/home/mullvad/default.nix @@ -0,0 +1,13 @@ +{ config, lib, ... }: + +{ + programs.mullvad-vpn = { + enable = true; + settings = { + autoConnect = true; + enableSystemNotifications = true; + startMinimized = false; + }; + }; + +} diff --git a/desktop/home/neovim/default.nix b/desktop/home/neovim/default.nix new file mode 100755 index 0000000..d3af7b3 --- /dev/null +++ b/desktop/home/neovim/default.nix @@ -0,0 +1,17 @@ +{ config, lib, inputs, pkgs, ...}: + +{ + + programs.nixvim = { + enable = true; + extraPlugins = with pkgs.vimPlugins; [ + vim-nix + ]; + }; + + # Catppuccin + catppuccin.nvim = { + enable = true; + flavor = "mocha"; + }; +} diff --git a/desktop/home/rofi/catppuccin-default.rasi b/desktop/home/rofi/catppuccin-default.rasi new file mode 100755 index 0000000..f4168f5 --- /dev/null +++ b/desktop/home/rofi/catppuccin-default.rasi @@ -0,0 +1,173 @@ +// @import "catppuccin-latte" +// @import "catppuccin-frappe" +// @import "catppuccin-macchiato" +@import "catppuccin-mocha" + +* { + 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: 1px ; + cursor: pointer; + spacing: 5px ; + border: 0; +} +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; +} +element-icon { + background-color: transparent; + size: 1.0000em ; + cursor: inherit; + text-color: inherit; +} +window { + padding: 5; + background-color: @background; + border: 1; +} +mainbox { + padding: 0; + border: 0; +} +message { + padding: 1px ; + border-color: @separatorcolor; + border: 2px dash 0px 0px ; +} +textbox { + text-color: @foreground; +} +listview { + padding: 2px 0px 0px ; + scrollbar: true; + border-color: @separatorcolor; + spacing: 2px ; + fixed-height: 0; + border: 2px dash 0px 0px ; +} +scrollbar { + width: 4px ; + padding: 0; + handle-width: 8px ; + border: 0; + handle-color: @normal-foreground; +} +sidebar { + border-color: @separatorcolor; + border: 2px dash 0px 0px ; +} +button { + cursor: pointer; + spacing: 0; + 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: 1px ; + spacing: 0px ; + text-color: @normal-foreground; + children: [ "prompt","textbox-prompt-colon","entry","num-filtered-rows","textbox-num-sep","num-rows","case-indicator" ]; +} +case-indicator { + spacing: 0; + text-color: @normal-foreground; +} +entry { + text-color: @normal-foreground; + cursor: text; + spacing: 0; + placeholder-color: Gray; + placeholder: "Type to filter"; +} +prompt { + 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/desktop/home/rofi/catppuccin-mocha.rasi b/desktop/home/rofi/catppuccin-mocha.rasi new file mode 100755 index 0000000..733b6c6 --- /dev/null +++ b/desktop/home/rofi/catppuccin-mocha.rasi @@ -0,0 +1,28 @@ +* { + 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/desktop/home/rofi/default.nix b/desktop/home/rofi/default.nix new file mode 100755 index 0000000..5dab822 --- /dev/null +++ b/desktop/home/rofi/default.nix @@ -0,0 +1,24 @@ +{ config, libs, pkgs, ... }: + +{ + + # Catppuccin theme + home.file.".config/rofi/catppuccin-mocha.rasi".text = builtins.readFile ./catppuccin-mocha.rasi; + home.file.".config/rofi/catppuccin-default.rasi".text = builtins.readFile ./catppuccin-default.rasi; + + programs.rofi = { + enable = true; + package = pkgs.rofi; + modes = [ + "drun" + "run" + "window" + "ssh" + ]; + extraConfig = { + import = "catppuccin-mocha"; + show-icons = false; + }; + }; + +} diff --git a/desktop/home/udiskie/default.nix b/desktop/home/udiskie/default.nix new file mode 100755 index 0000000..de3e529 --- /dev/null +++ b/desktop/home/udiskie/default.nix @@ -0,0 +1,15 @@ +{ config, lib, ... }: + +{ + services.udiskie = { + enable = true; + settings = { + # workaround for + # https://github.com/nix-community/home-manager/issues/632 + program_options = { + # replace with your favorite file manager + file_manager = "${pkgs.nemo-with-extensions}/bin/nemo"; + }; + }; + }; +} diff --git a/desktop/home/waybar/config.nix b/desktop/home/waybar/config.nix new file mode 100755 index 0000000..95fb9ee --- /dev/null +++ b/desktop/home/waybar/config.nix @@ -0,0 +1,213 @@ +{ config, lib, pkgs, ... }: + +{ + programs.waybar.settings.main = { + layer = "top"; + position = "top"; + spacing = "4"; + + # List of modules + + modules-left = [ + "custom/nixicon" + "hyprland/workspaces" + "hyprland/window" + ]; + modules-center = [ + "clock" + "privacy" + ]; + modules-right = [ + "network" + "wireplumber" + "cpu" + "memory" + "disk" + "temperature" + "backlight" + "battery" + "custom/dunst" + "tray" + "custom/power" + ]; + + # Modules configuration + + # Modules left: + + "custom/nixicon" = { + format = ""; + tooltip = false; + }; + "hyprland/workspaces" = { + active-only = false; + hide-active = false; + sort-by = "number"; + disable-scroll = true; + all-outputs = true; + warp-on-scroll = false; + format = "{id}"; + }; + "hyprland/window" = { + format = "{title}"; + max-length = 70; # Increase if you got a bigger display + icon = true; + icon-size = 20; + }; + # Modules center: + clock = { + interval = "1"; + format = "  {:%H:%M:%S %d %b} "; + format-alt = "  {:%A, %B %d, %Y %R} "; + timezone = "Europe/Warsaw"; + tooltip-format = "<tt><big>{calendar}</big></tt>"; + calendar = { + mode = "month"; + mode-mon-col = 3; + weeks-pos = "right"; + on-scroll = 1; + format = { + months = "<span color='#eff1f5'><b>{}</b></span>"; + days = "<span color='#e6e9ef'><b>{}</b></span>"; + weeks = "<span color='#9ca0b0'><b>W{}</b></span>"; + weekdays = "<span color='#7287fd'><b>{}</b></span>"; + today = "<span color='#e64553'><b><u>{}</u></b></span>"; + }; + }; + actions = { + on-click-right = "mode"; + on-scroll-up = "shift_up"; + on-scroll-down = "shift_down"; + }; + }; + privacy = { + icon-spacing = 4; + icon-size = 18; + expand = true; + transition-duration = 250; + modules = [ + { + type = "screenshare"; + tooltip = true; + tooltip-icon-size = 24; + } + { + type = "audio-out"; + tooltip = true; + tooltip-icon-size = 24; + } + { + type = "audio-in"; + tooltip = true; + tooltip-icon-size = 24; + } + ]; + }; + + # Modules right: + + network = { + interval = 10; + format-wifi = " "; + format-ethernet = ""; + tooltip = true; + tooltip-format = "{essid}"; + format-linked = "(No IP) "; + format-disconnected = "Disconnected ⚠"; + on-click = "nm-connection-editor"; + }; + wireplumber = { + format = "{volume}% {icon}"; + format-muted = ""; + on-click = "pwvucontrol"; + format-icons = ["" "" ""]; + }; + "wireplumber#source" = { + node-type = "Audio/Source"; + format = "{volume}% 󰍬"; + format-muted = "󰍭"; + on-click = "pwvucontrol"; + scroll-step = 5; + }; + cpu = { + interval = 5; + format = "{usage}% "; + tooltip = true; + on-click = "kitty btop"; + }; + memory = { + interval = 5; + format = "{used}GB/{avail}GB "; + on-click = "kitty btop"; + }; + disk = { + interval = 10; + format = "󱛟 {percentage_used}%"; + path = "/"; + }; + temperature = { + interval = 5; + thermal-zone = 2; + hwon-path = "/sys/class/hwmon2/temp1_input"; + critical-threshold = 80; + format = "{temperatureC}°C {icon}"; + format-critical = "{temperatureC}°C {icon}"; + format-icons = ["" "" ""]; + }; + backlight = { + interval = 5; + device = "acpi_video1"; + format = "{percent}% {icon}"; + format-icons = ["" "" "" "" "" "" "" "" ""]; + }; + battery = { + interval = 1; + format = "{capacity}% {icon}"; + format-full = "{capacity}% {icon}"; + format-charging = "{capacity}% "; + format-plugged = "{capacity}% "; + format-alt = "{time} {icon}"; + format-icons = ["" "" "" "" ""]; + }; + + # Credits to GGORG0 on Github for the dunst module + "custom/dunst" = { + exec = + lib.getExe' + (pkgs.writeShellScriptBin "dunst" '' + set -euo pipefail + + ENABLED="" + DISABLED="" + DISABLED_UNREAD="" + + ${lib.getExe' pkgs.dbus "dbus-monitor"} path='/org/freedesktop/Notifications',interface='org.freedesktop.DBus.Properties',member='PropertiesChanged' --profile | + while read -r _; do + PAUSED="$(${lib.getExe' pkgs.dunst "dunstctl"} is-paused)" + if [ "$PAUSED" == 'false' ]; then + TEXT="$ENABLED" + else + TEXT="$DISABLED" + COUNT="$(${lib.getExe' pkgs.dunst "dunstctl"} count waiting)" + if [ "$COUNT" != '0' ]; then + TEXT="$COUNT $DISABLED_UNREAD" + fi + fi + printf '{"text": "%s"}\n' "$TEXT" + done + '') "dunst"; + return-type = "json"; + on-click = "${lib.getExe' pkgs.dunst "dunstctl"} set-paused toggle"; + }; + tray = { + icon-size = 15; + spacing = 10; + show-passive-items = true; + }; + "custom/power" = { + format = "⏻"; + tooltip = false; + on-click = "sh $HOME/.config/hypr/power.sh"; + }; + }; +} diff --git a/desktop/home/waybar/default.nix b/desktop/home/waybar/default.nix new file mode 100755 index 0000000..302a5de --- /dev/null +++ b/desktop/home/waybar/default.nix @@ -0,0 +1,11 @@ +{ config, lib, ... }: + +{ + imports = [ + ./config.nix + ./style.nix + ]; + + programs.waybar.enable = true; + +} diff --git a/desktop/home/waybar/style.nix b/desktop/home/waybar/style.nix new file mode 100755 index 0000000..4acd5de --- /dev/null +++ b/desktop/home/waybar/style.nix @@ -0,0 +1,153 @@ +{ config, ... }: + +{ + + programs.waybar.style = " + + /* + * Catppuccin Mocha theme from Github + * Maintainer: rubyowo + */ + @define-color rosewater #f5e0dc; + @define-color flamingo #f2cdcd; + @define-color pink #f5c2e7; + @define-color mauve #cba6f7; + @define-color red #f38ba8; + @define-color maroon #eba0ac; + @define-color peach #fab387; + @define-color yellow #f9e2af; + @define-color green #a6e3a1; + @define-color teal #94e2d5; + @define-color sky #89dceb; + @define-color sapphire #74c7ec; + @define-color blue #89b4fa; + @define-color lavender #b4befe; + @define-color text #cdd6f4; + @define-color subtext1 #bac2de; + @define-color subtext0 #a6adc8; + @define-color overlay2 #9399b2; + @define-color overlay1 #7f849c; + @define-color overlay0 #6c7086; + @define-color surface2 #585b70; + @define-color surface1 #45475a; + @define-color surface0 #313244; + @define-color base #1e1e2e; + @define-color mantle #181825; + @define-color crust #11111b; + + * { + /* `otf-font-awesome` is required to be installed for icons */ + font-family: JetBrainsMono Nerd Font; + font-size: 15px; + } + + window#waybar { + color: @text; + background-color: transparent; + transition-property: background-color; + transition-duration: .7s; + } + + window#waybar.hidden { + opacity: 0; + } + + #workspaces { + color: @subtext0; + background-color: @surface0; + border-radius: 1rem; + margin: 0.3rem; + padding: 0.3rem; + } + + #workspaces:hover { + color: @subtext0; + background-color: @surface0; + border-radius: 1rem; + margin: 0.3rem; + padding: 0.3rem; + } + + #workspaces button { + color: @subtext0; + background-color: @surface0; + border-radius: 2rem; + margin: 0; + padding: 0.25rem; + transition: color 0.5s, background-color 0.5s; + } + + #workspaces button:hover { + color: @subtext1; + background: @surface1; + box-shadow: none; + text-shadow: none; + border: none; + border-radius: 2rem; + margin: 0; + padding: 0.25rem; + } + + #workspaces button.focused, #workspaces button.active { + color: @subtext1; + background-color: @surface1; + } + + #window { + color: @subtext0; + background-color: @surface0; + border-radius: 1rem; + margin: 0.3rem 0 0.3rem 0; + padding: 0 0.5rem 0 0.5rem; + } + + #custom-nixicon, + #clock, + #privacy, + #network, + #wireplumber, + #cpu, + #memory, + #disk, + #temperature, + #backlight, + #battery, + #custom-dunst, + #tray, + #custom-power { + color: @subtext0; + background-color: @surface0; + margin: 0.3rem 0.1rem 0.3rem 0.1rem; + padding: 0.3rem 1rem 0.3rem 1rem; + border-radius: 1rem; + } + + /* If workspaces is the leftmost module, omit left margin */ + .modules-left > widget:first-child > #workspaces { + margin-left: 0.5rem; + } + + /* If workspaces is the rightmost module, omit right margin */ + .modules-right > widget:last-child > #workspaces { + margin-right: 0.5rem; + } + + #custom-nixicon { + margin: 0.3rem 0 0.3rem 0.5rem; + padding: 0 0.5rem 0 0.5rem; + } + + #clock { + padding: 0.3rem; + } + + #custom-dunst { + padding-right: 1.4rem; + } + + #custom-power { + margin-right: 0.5rem; + padding-right: 1.2rem; + } + "; +} diff --git a/desktop/home/zsh/default.nix b/desktop/home/zsh/default.nix new file mode 100755 index 0000000..4c81fda --- /dev/null +++ b/desktop/home/zsh/default.nix @@ -0,0 +1,29 @@ +{ config, lib, pkgs, ...}: + +{ + # Zsh + programs.zsh = { + enable = true; + enableCompletion = true; + autosuggestion.enable = true; + syntaxHighlighting.enable = true; + shellAliases = { + switch = "sudo nixos-rebuild switch"; + update = "sudo nixos-rebuild switch --upgrade"; + }; + oh-my-zsh = { + enable = true; + plugins = [ "sudo" ]; + theme = "agnoster"; + }; + initContent = '' + pfetch + ''; + }; + + # Catppuccin + catppuccin.zsh-syntax-highlighting = { + enable = true; + flavor = "mocha"; + }; +} diff --git a/desktop/ly/default.nix b/desktop/ly/default.nix new file mode 100755 index 0000000..131cbb7 --- /dev/null +++ b/desktop/ly/default.nix @@ -0,0 +1,11 @@ +{ config, lib, pkgs, ... }: + +{ + services.displayManager.ly = { + enable = true; + x11Support = true; + settings = { + "session_log" = ".ly-session.log"; + }; + }; +} diff --git a/flake.lock b/flake.lock new file mode 100755 index 0000000..716dd54 --- /dev/null +++ b/flake.lock @@ -0,0 +1,226 @@ +{ + "nodes": { + "catppuccin": { + "inputs": { + "nixpkgs": "nixpkgs" + }, + "locked": { + "lastModified": 1775213373, + "narHash": "sha256-wJHsijC2l/E+ovmlpPGha8pXA6RHSwHWmBV97gvkmyI=", + "owner": "catppuccin", + "repo": "nix", + "rev": "ba73719e673e7c2d89ac2f8df0bc0d48983e4907", + "type": "github" + }, + "original": { + "owner": "catppuccin", + "repo": "nix", + "type": "github" + } + }, + "durdraw-nix": { + "inputs": { + "git-hooks": "git-hooks", + "nixpkgs": [ + "nixpkgs" + ] + }, + "locked": { + "lastModified": 1775367879, + "narHash": "sha256-/Ca0dH+6hrbLTNHZ4Nabt9mOQKLuL5ie/uBCwqRd03c=", + "owner": "Daaboulex", + "repo": "durdraw-nix", + "rev": "92218776ea0f5724bdb321116e224976c1859967", + "type": "github" + }, + "original": { + "owner": "Daaboulex", + "repo": "durdraw-nix", + "type": "github" + } + }, + "flake-compat": { + "flake": false, + "locked": { + "lastModified": 1767039857, + "narHash": "sha256-vNpUSpF5Nuw8xvDLj2KCwwksIbjua2LZCqhV1LNRDns=", + "owner": "NixOS", + "repo": "flake-compat", + "rev": "5edf11c44bc78a0d334f6334cdaf7d60d732daab", + "type": "github" + }, + "original": { + "owner": "NixOS", + "repo": "flake-compat", + "type": "github" + } + }, + "flake-parts": { + "inputs": { + "nixpkgs-lib": [ + "nixvim", + "nixpkgs" + ] + }, + "locked": { + "lastModified": 1772408722, + "narHash": "sha256-rHuJtdcOjK7rAHpHphUb1iCvgkU3GpfvicLMwwnfMT0=", + "owner": "hercules-ci", + "repo": "flake-parts", + "rev": "f20dc5d9b8027381c474144ecabc9034d6a839a3", + "type": "github" + }, + "original": { + "owner": "hercules-ci", + "repo": "flake-parts", + "type": "github" + } + }, + "git-hooks": { + "inputs": { + "flake-compat": "flake-compat", + "gitignore": "gitignore", + "nixpkgs": [ + "durdraw-nix", + "nixpkgs" + ] + }, + "locked": { + "lastModified": 1775036584, + "narHash": "sha256-zW0lyy7ZNNT/x8JhzFHBsP2IPx7ATZIPai4FJj12BgU=", + "owner": "cachix", + "repo": "git-hooks.nix", + "rev": "4e0eb042b67d863b1b34b3f64d52ceb9cd926735", + "type": "github" + }, + "original": { + "owner": "cachix", + "repo": "git-hooks.nix", + "type": "github" + } + }, + "gitignore": { + "inputs": { + "nixpkgs": [ + "durdraw-nix", + "git-hooks", + "nixpkgs" + ] + }, + "locked": { + "lastModified": 1709087332, + "narHash": "sha256-HG2cCnktfHsKV0s4XW83gU3F57gaTljL9KNSuG6bnQs=", + "owner": "hercules-ci", + "repo": "gitignore.nix", + "rev": "637db329424fd7e46cf4185293b9cc8c88c95394", + "type": "github" + }, + "original": { + "owner": "hercules-ci", + "repo": "gitignore.nix", + "type": "github" + } + }, + "home-manager": { + "inputs": { + "nixpkgs": [ + "nixpkgs" + ] + }, + "locked": { + "lastModified": 1775556024, + "narHash": "sha256-j1u/859OVS54rGlsvFqJdwKPEnFYCI+4pyfTiSfv1Xc=", + "owner": "nix-community", + "repo": "home-manager", + "rev": "4bdfeff1d9b7473e6e58f73f5809576e8a69e406", + "type": "github" + }, + "original": { + "owner": "nix-community", + "ref": "master", + "repo": "home-manager", + "type": "github" + } + }, + "nixpkgs": { + "locked": { + "lastModified": 1775036866, + "narHash": "sha256-ZojAnPuCdy657PbTq5V0Y+AHKhZAIwSIT2cb8UgAz/U=", + "owner": "NixOS", + "repo": "nixpkgs", + "rev": "6201e203d09599479a3b3450ed24fa81537ebc4e", + "type": "github" + }, + "original": { + "owner": "NixOS", + "ref": "nixos-unstable", + "repo": "nixpkgs", + "type": "github" + } + }, + "nixpkgs_2": { + "locked": { + "lastModified": 1775423009, + "narHash": "sha256-vPKLpjhIVWdDrfiUM8atW6YkIggCEKdSAlJPzzhkQlw=", + "owner": "NixOS", + "repo": "nixpkgs", + "rev": "68d8aa3d661f0e6bd5862291b5bb263b2a6595c9", + "type": "github" + }, + "original": { + "owner": "NixOS", + "ref": "nixos-unstable", + "repo": "nixpkgs", + "type": "github" + } + }, + "nixvim": { + "inputs": { + "flake-parts": "flake-parts", + "nixpkgs": [ + "nixpkgs" + ], + "systems": "systems" + }, + "locked": { + "lastModified": 1775837497, + "narHash": "sha256-L17VI03w/wVXvc1SK7EI1muLqHxD3+esYPPzgQvvdOE=", + "owner": "nix-community", + "repo": "nixvim", + "rev": "a587a96a48c705609bfd2ad23f9ae5961eb0d373", + "type": "github" + }, + "original": { + "owner": "nix-community", + "repo": "nixvim", + "type": "github" + } + }, + "root": { + "inputs": { + "catppuccin": "catppuccin", + "durdraw-nix": "durdraw-nix", + "home-manager": "home-manager", + "nixpkgs": "nixpkgs_2", + "nixvim": "nixvim" + } + }, + "systems": { + "locked": { + "lastModified": 1681028828, + "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=", + "owner": "nix-systems", + "repo": "default", + "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e", + "type": "github" + }, + "original": { + "owner": "nix-systems", + "repo": "default", + "type": "github" + } + } + }, + "root": "root", + "version": 7 +} diff --git a/flake.nix b/flake.nix new file mode 100755 index 0000000..06e02e7 --- /dev/null +++ b/flake.nix @@ -0,0 +1,58 @@ +{ + inputs = { + nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable"; + home-manager = { + url = "github:nix-community/home-manager/master"; + inputs.nixpkgs.follows = "nixpkgs"; + }; + durdraw-nix = { + url = "github:Daaboulex/durdraw-nix"; + inputs.nixpkgs.follows = "nixpkgs"; + }; + catppuccin = { + url = "github:catppuccin/nix"; + }; + nixvim = { + url = "github:nix-community/nixvim"; + inputs.nixpkgs.follows = "nixpkgs"; + }; + }; + outputs = + { + self, + nixpkgs, + home-manager, + durdraw-nix, + catppuccin, + nixvim, + ... + }@inputs: + { + nixosConfigurations.cln = nixpkgs.lib.nixosSystem { + system = "x86_64-linux"; + modules = [ + ./configuration.nix + home-manager.nixosModules.default + catppuccin.nixosModules.catppuccin + ( { pkgs, ... }: { + nixpkgs.overlays = [ durdraw-nix.overlays.default ]; + environment.systemPackages = with pkgs; [ durdraw ]; + }) + { + home-manager = { + useGlobalPkgs = true; + useUserPackages = true; + users.cln = { + imports = [ + ./home.nix + catppuccin.homeModules.catppuccin + nixvim.homeModules.nixvim + ]; + }; + }; + } + ]; + }; + }; +} + diff --git a/hardware-configuration.nix b/hardware-configuration.nix new file mode 100755 index 0000000..6fa4e18 --- /dev/null +++ b/hardware-configuration.nix @@ -0,0 +1,33 @@ +# Do not modify this file! It was generated by ‘nixos-generate-config’ +# and may be overwritten by future invocations. Please make changes +# to /etc/nixos/configuration.nix instead. +{ config, lib, pkgs, modulesPath, ... }: + +{ + imports = + [ (modulesPath + "/installer/scan/not-detected.nix") + ]; + + boot.initrd.availableKernelModules = [ "xhci_pci" "nvme" "usb_storage" "sd_mod" "dm-snapshot" "cryptd" ]; + boot.initrd.kernelModules = [ ]; + boot.kernelModules = [ "kvm-intel" ]; + boot.extraModulePackages = [ ]; + + fileSystems."/" = + { device = "/dev/disk/by-label/ROOT"; + fsType = "xfs"; + }; + + boot.initrd.luks.devices."ROOT".device = "/dev/disk/by-label/ROOT"; + + fileSystems."/boot" = + { device = "/dev/disk/by-label/BOOT"; + fsType = "vfat"; + options = [ "fmask=0077" "dmask=0077" "umask=0077" ]; + }; + + swapDevices = [ ]; + + nixpkgs.hostPlatform = lib.mkDefault "x86_64-linux"; + hardware.cpu.intel.updateMicrocode = lib.mkDefault config.hardware.enableRedistributableFirmware; +} diff --git a/home.nix b/home.nix new file mode 100755 index 0000000..e9fc4d6 --- /dev/null +++ b/home.nix @@ -0,0 +1,21 @@ +{ config, pkgs, ... }: + +{ + imports = [ + ./desktop/home + ]; + home.username = "cln"; + home.homeDirectory = "/home/cln"; + programs.home-manager.enable = true; + + # This value determines the Home Manager release that your + # configuration is compatible with. This helps avoid breakage + # when a new Home Manager release introduces backwards + # incompatible changes. + # + # You can update Home Manager without changing this value. See + # the Home Manager release notes for a list of state version + # changes in each release. + home.stateVersion = "26.05"; +} + diff --git a/networks/default.nix b/networks/default.nix new file mode 100755 index 0000000..efd8c24 --- /dev/null +++ b/networks/default.nix @@ -0,0 +1,29 @@ +{ config, lib, pkgs, ... }: + +{ + + environment.systemPackages = with pkgs; [ + networkmanagerapplet + ]; + + networking.networkmanager = { + enable = true; + dns = "none"; + }; + + networking = { + nameservers = [ + "194.242.2.4" + "194.242.2.2" + "1.1.1.1" + "1.0.0.1" + ]; + useDHCP = false; + dhcpcd.enable = false; + firewall.enable = true; + firewall.allowedTCPPorts = [ 80 443 ]; + firewall.allowedUDPPorts = [ ]; + hostName = "cln"; + }; + +} diff --git a/virtualisation/default.nix b/virtualisation/default.nix new file mode 100644 index 0000000..9fb1de4 --- /dev/null +++ b/virtualisation/default.nix @@ -0,0 +1,16 @@ +{ config, lib, ... }: + +{ + programs.virt-manager = { + enable = true; + }; + + virtualisation.libvirtd = { + enable = true; + }; + + virtualisation.spiceUSBRedirection = { + enable = true; + }; + +}