diff --git a/configurations/desktop/configuration.nix b/configurations/desktop/configuration.nix index 500c0236..6a764b4a 100644 --- a/configurations/desktop/configuration.nix +++ b/configurations/desktop/configuration.nix @@ -13,6 +13,7 @@ ./../../modules/nixos/cspark-desktop-gnome/module.nix ./../../modules/nixos/cspark-desktop-sway/module.nix ./../../modules/nixos/cspark-desktop-niri/module.nix + ./../../modules/nixos/cspark-desktop-exwm/module.nix inputs.home-manager.nixosModules.default ]; @@ -28,9 +29,10 @@ # Custom desktop environments # cspark-desktop-plasma.enable = true; - cspark-desktop-gnome.enable = true; + # cspark-desktop-gnome.enable = true; # cspark-desktop-sway.enable = true; # cspark-desktop-niri.enable = true; + cspark-desktop-exwm.enable = true; # My audio interface has issues after coming out from suspend/hibernate, this will reset it to fix it when necessary. systemd.services.audiointerface-reset-unbind = { diff --git a/configurations/desktop/home.nix b/configurations/desktop/home.nix index fd9065e3..705205bd 100644 --- a/configurations/desktop/home.nix +++ b/configurations/desktop/home.nix @@ -9,6 +9,7 @@ ./../../modules/nixos/cspark-desktop-gnome/home.nix ./../../modules/nixos/cspark-desktop-sway/home.nix ./../../modules/nixos/cspark-desktop-niri/home.nix + ./../../modules/nixos/cspark-desktop-exwm/home.nix ]; # KDE Connect @@ -17,9 +18,10 @@ # Custom Desktop Configurations # cspark-desktop-plasma-config-1.enable = true; - cspark-desktop-gnome-config-1.enable = true; + # cspark-desktop-gnome-config-1.enable = true; # cspark-desktop-sway-config-1.enable = true; # cspark-desktop-niri-config-1.enable = true; + cspark-desktop-exwm-config-1.enable = true; # Home Manager is pretty good at managing dotfiles. The primary way to manage # plain files is through 'home.file'. diff --git a/flake.lock b/flake.lock index caad77ba..d1b12c62 100644 --- a/flake.lock +++ b/flake.lock @@ -40,11 +40,11 @@ ] }, "locked": { - "lastModified": 1731968878, - "narHash": "sha256-+hTCwETOE9N8voTAaF+IzdUZz28Ws3LDpH90FWADrEE=", + "lastModified": 1733769654, + "narHash": "sha256-aVvYDt8eitZVF6fdOrSoIzYRkQ5Gh6kfRvqkiaDRLL0=", "owner": "nix-community", "repo": "home-manager", - "rev": "a42fa14b53ceab66274a21da480c9f8e06204173", + "rev": "e952e94955dcc6fa2120c1430789fc41363f5237", "type": "github" }, "original": { @@ -53,6 +53,24 @@ "type": "github" } }, + "musnix": { + "inputs": { + "nixpkgs": "nixpkgs" + }, + "locked": { + "lastModified": 1733444216, + "narHash": "sha256-Xs+HcLsnMy6Z1FpHr0ULsGMc1mI6ESq1dTBAYwlpuVY=", + "owner": "musnix", + "repo": "musnix", + "rev": "a38011b5b96624b7f6527c0bc6df530a263297ad", + "type": "github" + }, + "original": { + "owner": "musnix", + "repo": "musnix", + "type": "github" + } + }, "niri": { "inputs": { "niri-stable": "niri-stable", @@ -65,11 +83,11 @@ "xwayland-satellite-unstable": "xwayland-satellite-unstable" }, "locked": { - "lastModified": 1731864204, - "narHash": "sha256-tybmmftvUGkrXiUQ6n6fYO1zykjorxnjeSFwtXsGYi8=", + "lastModified": 1733826408, + "narHash": "sha256-9OOlIYIQA9mO8ZCiGYV0elyh9NwI1iHvSlZDYNQx3V0=", "owner": "sodiboo", "repo": "niri-flake", - "rev": "a2a4236663b89d17afcb336a16d8700c26f58220", + "rev": "2f95cc0bda721e25816a114d9d8619f0b95af256", "type": "github" }, "original": { @@ -81,16 +99,16 @@ "niri-stable": { "flake": false, "locked": { - "lastModified": 1731164272, - "narHash": "sha256-ea15x8+AAm90aeU1zNWXzX7ZfenzQRUgORyjOdn4Uoc=", + "lastModified": 1731483594, + "narHash": "sha256-Qjf7alRbPPERfiZsM9EMKX+HwjESky1tieh5PJIkLwE=", "owner": "YaLTeR", "repo": "niri", - "rev": "9d8f640503819ff1905c9040d3c7910a50400bbd", + "rev": "75c79116a7e40cbc0e110ce0cdd500e896458679", "type": "github" }, "original": { "owner": "YaLTeR", - "ref": "v0.1.10", + "ref": "v0.1.10.1", "repo": "niri", "type": "github" } @@ -98,11 +116,11 @@ "niri-unstable": { "flake": false, "locked": { - "lastModified": 1731575130, - "narHash": "sha256-V+bIsYXshtdMv7Ycw1Y/xVfKdWVywXuqHHII7FgV6dg=", + "lastModified": 1733739952, + "narHash": "sha256-LU4gFrPdB29qzZKJaEoIj87m7N+XaOoFu7POuiiIKhg=", "owner": "YaLTeR", "repo": "niri", - "rev": "1a0612cbfd0abee0796efa86470226686ae78f21", + "rev": "40fa82275cc092d313a9a60d01a2b4e3e8e3f7d3", "type": "github" }, "original": { @@ -115,15 +133,15 @@ "inputs": { "flake-parts": "flake-parts", "flake-root": "flake-root", - "nixpkgs": "nixpkgs", + "nixpkgs": "nixpkgs_2", "treefmt-nix": "treefmt-nix" }, "locked": { - "lastModified": 1731645784, - "narHash": "sha256-VBmrvzXm+jtvl9CKBvGjcMWfBx/FCtsbn/7D4//Ru2k=", + "lastModified": 1732760430, + "narHash": "sha256-HC+kuzNIL5q87s5ISeJQk3Dv8pqg8U8wDyRSBrpFeFY=", "owner": "nix-community", "repo": "nixd", - "rev": "0f3c0c730e5cb9414f3b269dc9b36062a0e5236e", + "rev": "f12e2f77094ac73c1b1101390c02ec5bcf69ad46", "type": "github" }, "original": { @@ -134,16 +152,16 @@ }, "nixpkgs": { "locked": { - "lastModified": 1730831018, - "narHash": "sha256-2S0HwIFRxYp+afuoFORcZA9TjryAf512GmE0MTfEOPU=", + "lastModified": 1732837521, + "narHash": "sha256-jNRNr49UiuIwaarqijgdTR2qLPifxsVhlJrKzQ8XUIE=", "owner": "NixOS", "repo": "nixpkgs", - "rev": "8c4dc69b9732f6bbe826b5fbb32184987520ff26", + "rev": "970e93b9f82e2a0f3675757eb0bfc73297cc6370", "type": "github" }, "original": { "owner": "NixOS", - "ref": "nixpkgs-unstable", + "ref": "nixos-unstable", "repo": "nixpkgs", "type": "github" } @@ -168,11 +186,11 @@ }, "nixpkgs-stable": { "locked": { - "lastModified": 1731797254, - "narHash": "sha256-df3dJApLPhd11AlueuoN0Q4fHo/hagP75LlM5K1sz9g=", + "lastModified": 1733730953, + "narHash": "sha256-dlK7n82FEyZlHH7BFHQAM5tua+lQO1Iv7aAtglc1O5s=", "owner": "NixOS", "repo": "nixpkgs", - "rev": "e8c38b73aeb218e27163376a2d617e61a2ad9b59", + "rev": "7109b680d161993918b0a126f38bc39763e5a709", "type": "github" }, "original": { @@ -184,11 +202,11 @@ }, "nixpkgs-stable_2": { "locked": { - "lastModified": 1732053737, - "narHash": "sha256-A+F7WSHR29wIynmzbXMwgUb9rkNAeYwlN15Xm3vZjKk=", + "lastModified": 1733842502, + "narHash": "sha256-XbMLD1CxUx/nqoxKkz+jT35oU3vjryFjoHagsJZB/3U=", "owner": "nixos", "repo": "nixpkgs", - "rev": "32754128c4ef529c567d216a783cb6fdd95ff196", + "rev": "0bc6de0ceb83474fc4975d9dc1422a98c015eecf", "type": "github" }, "original": { @@ -200,11 +218,27 @@ }, "nixpkgs_2": { "locked": { - "lastModified": 1731676054, - "narHash": "sha256-OZiZ3m8SCMfh3B6bfGC/Bm4x3qc1m2SVEAlkV6iY7Yg=", + "lastModified": 1732617236, + "narHash": "sha256-PYkz6U0bSEaEB1al7O1XsqVNeSNS+s3NVclJw7YC43w=", + "owner": "NixOS", + "repo": "nixpkgs", + "rev": "af51545ec9a44eadf3fe3547610a5cdd882bc34e", + "type": "github" + }, + "original": { + "owner": "NixOS", + "ref": "nixpkgs-unstable", + "repo": "nixpkgs", + "type": "github" + } + }, + "nixpkgs_3": { + "locked": { + "lastModified": 1733759999, + "narHash": "sha256-463SNPWmz46iLzJKRzO3Q2b0Aurff3U1n0nYItxq7jU=", "owner": "nixos", "repo": "nixpkgs", - "rev": "5e4fbfb6b3de1aa2872b76d49fafc942626e2add", + "rev": "a73246e2eef4c6ed172979932bc80e1404ba2d56", "type": "github" }, "original": { @@ -217,9 +251,10 @@ "root": { "inputs": { "home-manager": "home-manager", + "musnix": "musnix", "niri": "niri", "nixd": "nixd", - "nixpkgs": "nixpkgs_2", + "nixpkgs": "nixpkgs_3", "nixpkgs-stable": "nixpkgs-stable_2" } }, @@ -264,11 +299,11 @@ "xwayland-satellite-unstable": { "flake": false, "locked": { - "lastModified": 1731123454, - "narHash": "sha256-W1UUok7DPi4IXCYtc273FbVH1ifuCIcl+oO6CDqt8Dk=", + "lastModified": 1732233710, + "narHash": "sha256-gWf9dX6DVx0ssK2G3yrFG9yMT9UU0mDwyD51z/Q6FTA=", "owner": "Supreeeme", "repo": "xwayland-satellite", - "rev": "3e6f892d20d918479e67d1e6c90c4be824a9d4ab", + "rev": "02f30546264ff8407cbb39528b3a3cc3045e53c1", "type": "github" }, "original": { diff --git a/flake.nix b/flake.nix index c527b73f..c4c5a9df 100644 --- a/flake.nix +++ b/flake.nix @@ -1,24 +1,28 @@ { - description = "Nixos config flake"; + description = "Nixos config flake"; - inputs = { - nixpkgs.url = "github:nixos/nixpkgs/nixos-unstable"; - nixpkgs-stable.url = "github:nixos/nixpkgs/release-24.05"; + inputs = { + nixpkgs.url = "github:nixos/nixpkgs/nixos-unstable"; + nixpkgs-stable.url = "github:nixos/nixpkgs/release-24.05"; - home-manager = { - url = "github:nix-community/home-manager"; - inputs.nixpkgs.follows = "nixpkgs"; - }; + home-manager = { + url = "github:nix-community/home-manager"; + inputs.nixpkgs.follows = "nixpkgs"; + }; - niri = { - url = "github:sodiboo/niri-flake"; - inputs.nixpkgs.follows = "nixpkgs"; - }; + niri = { + url = "github:sodiboo/niri-flake"; + inputs.nixpkgs.follows = "nixpkgs"; + }; nixd = { url = "github:nix-community/nixd"; }; + musnix = { + url = "github:musnix/musnix"; + }; + #xwayland-satellite-flake = { # url = "github:cspark-development/xwayland-satellite-flake"; #}; @@ -30,15 +34,16 @@ desktop = nixpkgs.lib.nixosSystem { specialArgs = {inherit inputs;}; modules = [ - ./global.nix - ./configurations/desktop/configuration.nix + inputs.musnix.nixosModules.musnix + ./global.nix + ./configurations/desktop/configuration.nix ]; }; laptop = nixpkgs.lib.nixosSystem { specialArgs = {inherit inputs;}; modules = [ ./global.nix - ./configurations/laptop/configuration.nix + ./configurations/laptop/configuration.nix ]; }; }; diff --git a/global-home.nix b/global-home.nix index b760b867..a4b09824 100644 --- a/global-home.nix +++ b/global-home.nix @@ -32,7 +32,7 @@ in # # overrides. You can do that directly here, just don't forget the # # parentheses. Maybe you want to install Nerd Fonts with a limited number of # # fonts? - # (nerdfonts.override { fonts = [ "FantasqueSansMono" ]; }) + # (nerd-fonts.override { fonts = [ "FantasqueSansMono" ]; }) # # You can also create simple shell scripts directly inside your # # configuration. For example, this adds a command 'my-hello' to your @@ -123,6 +123,7 @@ fi qbittorrent krita gimp + obs-studio mpdcron @@ -340,6 +341,9 @@ fi cd = "source z-nvim"; # Now will use z (zoxide) as the default cd command instead zi = "source zi-nvim"; cdi = "source zi-nvim"; + + # A smarter, better "cp" + cp2 = "rsync -ah --info=progress2"; }; }; diff --git a/global.nix b/global.nix index 83c07475..f76fc204 100644 --- a/global.nix +++ b/global.nix @@ -11,6 +11,10 @@ boot.extraModulePackages = with config.boot.kernelPackages; [ usbip ]; boot.kernelModules = [ "usbip_host" ]; + # Enable musnix, a module for real-time audio. + musnix.enable = false; + musnix.kernel.realtime = true; # Realtime kernel + services.flatpak.enable = true; environment.systemPackages = let @@ -23,9 +27,13 @@ with pkgs; [ nix-index git + wget + ntfs3g # Programming Stuff, language servers etc gcc + cmake + libtool swift swiftPackages.Foundation swiftpm @@ -144,9 +152,10 @@ ]; }; - fonts.packages = with pkgs; [ - nerdfonts - ]; + # TODO: Fix + #fonts.packages = with pkgs; [ + # nerdfonts + #]; users.groups.plugdev = {}; # Define a user account. Don't forget to set a password with ‘passwd’. diff --git a/modules/nixos/cspark-desktop-exwm/home.nix b/modules/nixos/cspark-desktop-exwm/home.nix new file mode 100644 index 00000000..d189da18 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/home.nix @@ -0,0 +1,56 @@ +{ lib, config, pkgs, modulesPath, inputs, ... }: + +let + cfg = config.cspark-desktop-exwm-config-1; +in +{ +# imports = +# [ +# inputs.niri.homeModules.niri +# ]; + + options.cspark-desktop-exwm-config-1 = { + enable + = lib.mkEnableOption "Enable Custom EXWM Desktop Setup 1"; + }; + + config = lib.mkIf cfg.enable { + # Config Files (typically $HOME/.config) + xdg.configFile = { + "vesktop/themes".source = ./resources/home-manager/.config/vesktop/themes; + "networkmanager-dmenu/config.ini".source = ./resources/home-manager/.config/networkmanager-dmenu/config.ini; + }; + + services.udiskie.enable = true; + services.udiskie.tray = "never"; + + # Automatically executed on exwm startup + home.packages = with pkgs; [ + (writeShellScriptBin "exwm-autostart" + '' + kdeconnect-indicator & + '') + ]; + + home.sessionVariables = { + QT_QPA_PLATFORMTHEME = "qt6ct"; + SDL_VIDEODRIVER = "x11,windows"; + _JAVA_AWT_WM_NONREPARENTING = "1"; + SSH_ASKPASS_REQUIRE = "force"; + SSH_ASKPASS = "/run/current-system/sw/bin/lxqt-openssh-askpass"; + }; + #programs.bash = { + # initExtra = '' + # export DISPLAY=":0" + # ''; + #}; + + # Start sway after login if on TTY1 (Default Linux TTY upon boot/login) + #programs.bash.profileExtra = '' + # if [[ $(tty) == "/dev/tty1" ]]; then + # niri-session + # exit + # fi + # ''; + }; +} diff --git a/modules/nixos/cspark-desktop-exwm/module.nix b/modules/nixos/cspark-desktop-exwm/module.nix new file mode 100644 index 00000000..ebe19818 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/module.nix @@ -0,0 +1,135 @@ +{ lib, config, pkgs, modulesPath, inputs, ... }: + +let + cfg = config.cspark-desktop-exwm; +in +{ + + options.cspark-desktop-exwm = { + enable + = lib.mkEnableOption "Enable Custom EXWM Desktop Setup"; + }; + + config = lib.mkIf cfg.enable { + services.libinput.enable = true; + + services.xserver = { + enable = true; + + # Remove/disable xterm, we are using Foot. + desktopManager.xterm.enable = false; + excludePackages = with pkgs; [ xterm ]; + + windowManager.exwm.enable = true; + + displayManager.startx.enable = true; + }; + + + environment.systemPackages = with pkgs; [ + gtk3 # Includes gtk-launch which is used by counsel-linux-app inside emacs + emacs-gtk + light # GNU/Linux application to control backlights + + lxqt.pcmanfm-qt # File Manager + lxqt.lxqt-archiver # Archiver + qt6Packages.qt6ct # Manage QT6 Themes + libsForQt5.qt5ct # Manage QT5 Themes + lxappearance # Manage GTK Themes + kdePackages.polkit-kde-agent-1 # Polkit Prompt for password prompts etc + lxqt.lxqt-openssh-askpass # GUI to query passwords on behalf of SSH agents + pavucontrol # Audio control + + (writeShellScriptBin "exwm-start-session" + '' + export SDL_VIDEODRIVER="x11,windows" + export _JAVA_AWT_WM_NONREPARENTING="1" + export SSH_ASKPASS_REQUIRE="force" + export SSH_ASKPASS="/run/current-system/sw/bin/lxqt-openssh-askpass" + + emacs + '') + ]; + # The minimal login manager I'm using for niri + services.greetd = { + enable = true; + settings = { + default_session = { + command = "${pkgs.greetd.tuigreet}/bin/tuigreet --time --remember-session"; + user = "greeter"; + }; + }; + }; + + # XDG Portal Integration (For file chooser/screensharing etc) + xdg.portal.enable = true; + xdg.portal.extraPortals = with pkgs; [ xdg-desktop-portal-gnome xdg-desktop-portal-gtk ]; + # Whether to enable Qt configuration, including theming. + qt.enable = true; + # Enable polkit + security.polkit.enable = true; + # For udiskie + services.udisks2.enable = true; + + # Whether to enable GNOME Keyring daemon, a service designed to take care of the user’s security credentials, such as user names and passwords. + services.gnome.gnome-keyring.enable = true; + + # GTK themes are not applied in Wayland applications / Window Decorations missing / Cursor looks different + programs.dconf.enable = true; + + # Enable CUPS to print documents. + services.printing.enable = true; + + # Enable sound with pipewire. + # sound.enable = true; Deprecated option + hardware.pulseaudio.enable = false; + security.rtkit.enable = true; + services.pipewire = { + enable = true; + alsa.enable = true; + alsa.support32Bit = true; + pulse.enable = true; + # If you want to use JACK applications, uncomment this + jack.enable = true; + + # use the example session manager (no others are packaged yet so this is enabled by default, + # no need to redefine it in your config for now) + #media-session.enable = true; + }; + + security.sudo = { + extraRules = [ + { + commands = [ + { + command = "/run/current-system/sw/bin/light"; + options = [ "NOPASSWD" ]; + } + ]; + groups = [ "wheel" ]; + } + ]; + }; + + programs.ssh = { + enableAskPassword = true; + askPassword = "/run/current-system/sw/bin/lxqt-openssh-askpass"; + }; + + environment.sessionVariables = { + QT_QPA_PLATFORMTHEME = "qt6ct"; + SDL_VIDEODRIVER = "x11,windows"; + _JAVA_AWT_WM_NONREPARENTING = "1"; + SSH_ASKPASS_REQUIRE = "force"; + SSH_ASKPASS = "/run/current-system/sw/bin/lxqt-openssh-askpass"; + }; + environment.variables = { + QT_QPA_PLATFORMTHEME = "qt6ct"; + SDL_VIDEODRIVER = "x11,windows"; + _JAVA_AWT_WM_NONREPARENTING = "1"; + SSH_ASKPASS_REQUIRE = "force"; + SSH_ASKPASS = lib.mkForce "/run/current-system/sw/bin/lxqt-openssh-askpass"; + }; + + }; +} diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/foot/foot.ini b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/foot/foot.ini new file mode 100644 index 00000000..dd329433 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/foot/foot.ini @@ -0,0 +1,24 @@ +# -*- conf -*- +font=HackNerdFontMono-Regular:size=13 +shell=bash -c 'nvim +terminal && bash' + +# Gruvbox - Light +[colors] +background=fbf1c7 +foreground=3c3836 +regular0=fbf1c7 +regular1=cc241d +regular2=98971a +regular3=d79921 +regular4=458588 +regular5=b16286 +regular6=689d6a +regular7=7c6f64 +bright0=928374 +bright1=9d0006 +bright2=79740e +bright3=b57614 +bright4=076678 +bright5=8f3f71 +bright6=427b58 +bright7=3c3836 diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/mako/config b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/mako/config new file mode 100644 index 00000000..a0df20c6 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/mako/config @@ -0,0 +1,24 @@ +sort=-time +layer=overlay +background-color=#f9f5d7 +text-color=#3c3836 +width=300 +height=110 +border-size=4 +border-color=#d79921 +border-radius=0 +icons=0 +max-icon-size=64 +default-timeout=5000 +ignore-timeout=1 +font=Hack Nerd Font Mono 12 + +[urgency=low] +border-color=#d79921 + +[urgency=normal] +border-color=#d79921 + +[urgency=high] +border-color=#d79921 +default-timeout=0 \ No newline at end of file diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/networkmanager-dmenu/config.ini b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/networkmanager-dmenu/config.ini new file mode 100644 index 00000000..70107298 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/networkmanager-dmenu/config.ini @@ -0,0 +1,49 @@ +[dmenu] +compact = True +dmenu_command = wmenu -N f9f5d7 -n 3c3836 -S 8f3f71 -s fbf1c7 -f "Hack Nerd Font Mono 14" +# # Note that dmenu_command can contain arguments as well like: +# # `dmenu_command = rofi -dmenu -i -theme nmdm` +# # `dmenu_command = rofi -dmenu -width 30 -i` +# # `dmenu_command = dmenu -i -l 25 -b -nb #909090 -nf #303030` +# # `dmenu_command = fuzzel --dmenu` +# # `dmenu_command = wofi --dmenu` +# active_chars = == +# highlight = # (Default: False) use highlighting instead of active_chars (only applicable to Rofi / Wofi) +# highlight_fg = # (Default: None) foreground color of active connection (only applicable to Wofi) +# highlight_bg = # (Default: None) background color of active connection (only applicable to Wofi) +# highlight_bold = # (Default: True) make active connection bold (only applicable to Wofi) +# compact = # (Default: False). Remove extra spacing from display +# pinentry = # (Default: None) e.g. `pinentry-gtk` +# wifi_chars = +# wifi_chars = ▂▄▆█ +# wifi_icons = +# wifi_icons = 󰤯󰤟󰤢󰤥󰤨 +# format = +# format = {name} {sec} {bars} +# # Available variables are: +# # * {name} - Access point name +# # * {sec} - Security type +# # * {signal} - Signal strength on a scale of 0-100 +# # * {bars} - Bar-based display of signal strength (see wifi_chars) +# # * {icon} - Icon-based display of signal strength (see wifi_icons) +# # * {max_len_name} and {max_len_sec} are the maximum lengths of {name} / {sec} +# # respectively and may be useful for formatting. +# list_saved = # (Default: False) list saved connections + +[dmenu_passphrase] +# # Uses the -password flag for Rofi, -x for bemenu. For dmenu, sets -nb and +# # -nf to the same color or uses -P if the dmenu password patch is applied +# # https://tools.suckless.org/dmenu/patches/password/ +# obscure = True +# obscure_color = #222222 + +[pinentry] +# description = (Default: Get network password) +# prompt = (Default: Password:) + +[editor] +# terminal = +# gui_if_available = (Default: True) + +[nmdm] +# rescan_delay = # (seconds to wait after a wifi rescan before redisplaying the results) \ No newline at end of file diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/niri/config.kdl b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/niri/config.kdl new file mode 100644 index 00000000..fb5ad31d --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/niri/config.kdl @@ -0,0 +1,494 @@ +// This config is in the KDL format: https://kdl.dev +// "/-" comments out the following node. +// Check the wiki for a full description of the configuration: +// https://github.com/YaLTeR/niri/wiki/Configuration:-Overview + +// Input device configuration. +// Find the full list of options on the wiki: +// https://github.com/YaLTeR/niri/wiki/Configuration:-Input +input { + keyboard { + xkb { + // You can set rules, model, layout, variant and options. + // For more information, see xkeyboard-config(7). + + // For example: + layout "gb" + // options "grp:win_space_toggle,compose:ralt,ctrl:nocaps" + } + } + + // Next sections include libinput settings. + // Omitting settings disables them, or leaves them at their default values. + touchpad { + tap + // dwt + // dwtp + natural-scroll + // accel-speed 0.2 + // accel-profile "flat" + } + + mouse { + // natural-scroll + // accel-speed 0.2 + accel-profile "flat" + } + + // Uncomment this to make the mouse warp to the center of newly focused windows. + warp-mouse-to-focus + + // Focus windows and outputs automatically when moving the mouse into them. + // focus-follows-mouse +} + +// You can configure outputs by their name, which you can find +// by running `niri msg outputs` while inside a niri instance. +// The built-in laptop monitor is usually called "eDP-1". +// Find more information on the wiki: +// https://github.com/YaLTeR/niri/wiki/Configuration:-Outputs +// Remember to uncomment the node by removing "/-"! + + +// Desktop monitor configuration +output "DP-2" { + // Uncomment this line to disable this output. + // off + + // Resolution and, optionally, refresh rate of the output. + // The format is "x" or "x@". + // If the refresh rate is omitted, niri will pick the highest refresh rate + // for the resolution. + // If the mode is omitted altogether or is invalid, niri will pick one automatically. + // Run `niri msg outputs` while inside a niri instance to list all outputs and their modes. + mode "1920x1080@60.000" + + // Scale is a floating-point number, but at the moment only integer values work. + scale 1.0 + + // Transform allows to rotate the output counter-clockwise, valid values are: + // normal, 90, 180, 270, flipped, flipped-90, flipped-180 and flipped-270. + transform "normal" + + // Position of the output in the global coordinate space. + // This affects directional monitor actions like "focus-monitor-left", and cursor movement. + // The cursor can only move between directly adjacent outputs. + // Output scale and rotation has to be taken into account for positioning: + // outputs are sized in logical, or scaled, pixels. + // For example, a 3840×2160 output with scale 2.0 will have a logical size of 1920×1080, + // so to put another output directly adjacent to it on the right, set its x to 1920. + // If the position is unset or results in an overlap, the output is instead placed + // automatically. + position x=0 y=0 +} +output "HDMI-A-1" { + // Uncomment this line to disable this output. + // off + + // Resolution and, optionally, refresh rate of the output. + // The format is "x" or "x@". + // If the refresh rate is omitted, niri will pick the highest refresh rate + // for the resolution. + // If the mode is omitted altogether or is invalid, niri will pick one automatically. + // Run `niri msg outputs` while inside a niri instance to list all outputs and their modes. + mode "1920x1080@60.000" + + // Scale is a floating-point number, but at the moment only integer values work. + scale 1.0 + + // Transform allows to rotate the output counter-clockwise, valid values are: + // normal, 90, 180, 270, flipped, flipped-90, flipped-180 and flipped-270. + transform "normal" + + // Position of the output in the global coordinate space. + // This affects directional monitor actions like "focus-monitor-left", and cursor movement. + // The cursor can only move between directly adjacent outputs. + // Output scale and rotation has to be taken into account for positioning: + // outputs are sized in logical, or scaled, pixels. + // For example, a 3840×2160 output with scale 2.0 will have a logical size of 1920×1080, + // so to put another output directly adjacent to it on the right, set its x to 1920. + // If the position is unset or results in an overlap, the output is instead placed + // automatically. + position x=1920 y=0 +} + +// Settings that influence how windows are positioned and sized. +// Find more information on the wiki: +// https://github.com/YaLTeR/niri/wiki/Configuration:-Layout +layout { + // Set gaps around windows in logical pixels. + gaps 10 + + // When to center a column when changing focus, options are: + // - "never", default behavior, focusing an off-screen column will keep at the left + // or right edge of the screen. + // - "always", the focused column will always be centered. + // - "on-overflow", focusing a column will center it if it doesn't fit + // together with the previously focused column. + center-focused-column "never" + + // You can customize the widths that "switch-preset-column-width" (Mod+R) toggles between. + preset-column-widths { + // Proportion sets the width as a fraction of the output width, taking gaps into account. + // For example, you can perfectly fit four windows sized "proportion 0.25" on an output. + // The default preset widths are 1/3, 1/2 and 2/3 of the output. + proportion 0.33333 + proportion 0.5 + proportion 0.66667 + + // Fixed sets the width in logical pixels exactly. + // fixed 1920 + } + + // You can change the default width of the new windows. + default-column-width { proportion 0.5; } + // If you leave the brackets empty, the windows themselves will decide their initial width. + // default-column-width {} + + // By default focus ring and border are rendered as a solid background rectangle + // behind windows. That is, they will show up through semitransparent windows. + // This is because windows using client-side decorations can have an arbitrary shape. + // + // If you don't like that, you should uncomment `prefer-no-csd` below. + // Niri will draw focus ring and border *around* windows that agree to omit their + // client-side decorations. + // + // Alternatively, you can override it with a window rule called + // `draw-border-with-background`. + + // You can change how the focus ring looks. + focus-ring { + // Uncomment this line to disable the focus ring. + off + + // How many logical pixels the ring extends out from the windows. + width 4 + + // Colors can be set in a variety of ways: + // - CSS named colors: "red" + // - RGB hex: "#rgb", "#rgba", "#rrggbb", "#rrggbbaa" + // - CSS-like notation: "rgb(255, 127, 0)", rgba(), hsl() and a few others. + + // Color of the ring on the active monitor. + active-color "#d79921" + + // Color of the ring on inactive monitors. + inactive-color "#282828" + + // You can also use gradients. They take precedence over solid colors. + // Gradients are rendered the same as CSS linear-gradient(angle, from, to). + // The angle is the same as in linear-gradient, and is optional, + // defaulting to 180 (top-to-bottom gradient). + // You can use any CSS linear-gradient tool on the web to set these up. + // + // active-gradient from="#80c8ff" to="#bbddff" angle=45 + + // You can also color the gradient relative to the entire view + // of the workspace, rather than relative to just the window itself. + // To do that, set relative-to="workspace-view". + // + // inactive-gradient from="#505050" to="#808080" angle=45 relative-to="workspace-view" + } + + // You can also add a border. It's similar to the focus ring, but always visible. + border { + // The settings are the same as for the focus ring. + // If you enable the border, you probably want to disable the focus ring. + // off + + width 4 + active-color "#d79921" + inactive-color "#282828" + + // active-gradient from="#ffbb66" to="#ffc880" angle=45 relative-to="workspace-view" + // inactive-gradient from="#505050" to="#808080" angle=45 relative-to="workspace-view" + } + + // Struts shrink the area occupied by windows, similarly to layer-shell panels. + // You can think of them as a kind of outer gaps. They are set in logical pixels. + // Left and right struts will cause the next window to the side to always be visible. + // Top and bottom struts will simply add outer gaps in addition to the area occupied by + // layer-shell panels and regular gaps. + struts { + // left 64 + // right 64 + // top 64 + // bottom 64 + } +} + +// Add lines like this to spawn processes at startup. +// Note that running niri as a session supports xdg-desktop-autostart, +// which may be more convenient to use. +// spawn-at-startup "foot" "-e" "man foot" +spawn-at-startup "niri-autostart" + +// Uncomment this line to ask the clients to omit their client-side decorations if possible. +// If the client will specifically ask for CSD, the request will be honored. +// Additionally, clients will be informed that they are tiled, removing some rounded corners. +prefer-no-csd + +// You can change the path where screenshots are saved. +// A ~ at the front will be expanded to the home directory. +// The path is formatted with strftime(3) to give you the screenshot date and time. +screenshot-path "~/Pictures/Screenshots/Screenshot from %Y-%m-%d %H-%M-%S.png" + +// You can also set this to null to disable saving screenshots to disk. +// screenshot-path null + +// Animation settings. +// The wiki explains how to configure individual animations: +// https://github.com/YaLTeR/niri/wiki/Configuration:-Animations +animations { + // Uncomment to turn off all animations. + // off + + // Slow down all animations by this factor. Values below 1 speed them up instead. + // slowdown 3.0 +} + +// Window rules let you adjust behavior for individual windows. +// Find more information on the wiki: +// https://github.com/YaLTeR/niri/wiki/Configuration:-Window-Rules + +// Work around WezTerm's initial configure bug +// by setting an empty default-column-width. +window-rule { + // This regular expression is intentionally made as specific as possible, + // since this is the default config, and we want no false positives. + // You can get away with just app-id="wezterm" if you want. + match app-id=r#"^org\.wezfurlong\.wezterm$"# + default-column-width {} +} + +// Example: block out two password managers from screen capture. +// (This example rule is commented out with a "/-" in front.) +/-window-rule { + match app-id=r#"^org\.keepassxc\.KeePassXC$"# + match app-id=r#"^org\.gnome\.World\.Secrets$"# + + block-out-from "screen-capture" + + // Use this instead if you want them visible on third-party screenshot tools. + // block-out-from "screencast" +} + +binds { + // Keys consist of modifiers separated by + signs, followed by an XKB key name + // in the end. To find an XKB name for a particular key, you may use a program + // like wev. + // + // "Mod" is a special modifier equal to Super when running on a TTY, and to Alt + // when running as a winit window. + // + // Most actions that you can bind here can also be invoked programmatically with + // `niri msg action do-something`. + + // Mod-Shift-/, which is usually the same as Mod-?, + // shows a list of important hotkeys. + Alt+Shift+Slash { show-hotkey-overlay; } + + // Suggested binds for running programs: terminal, app launcher, screen locker. + Alt+Return { spawn "foot"; } + Alt+D { spawn "fuzzel-xwayland"; } + Super+L { spawn "swaylock"; } + Ctrl+Alt+P { spawn "fuzzel-pass"; } + + // You can also use a shell: + // Alt+T { spawn "bash" "-c" "notify-send hello && exec alacritty"; } + + // Example volume keys mappings for PipeWire & WirePlumber. + // The allow-when-locked=true property makes them work even when the session is locked. + XF86AudioRaiseVolume allow-when-locked=true { spawn "wpctl" "set-volume" "@DEFAULT_AUDIO_SINK@" "0.1+"; } + XF86AudioLowerVolume allow-when-locked=true { spawn "wpctl" "set-volume" "@DEFAULT_AUDIO_SINK@" "0.1-"; } + XF86AudioMute allow-when-locked=true { spawn "wpctl" "set-mute" "@DEFAULT_AUDIO_SINK@" "toggle"; } + XF86AudioMicMute allow-when-locked=true { spawn "wpctl" "set-mute" "@DEFAULT_AUDIO_SOURCE@" "toggle"; } + + Alt+W { close-window; } + + Alt+Left { focus-column-left; } + Alt+Down { focus-window-down; } + Alt+Up { focus-window-up; } + Alt+Right { focus-column-right; } + Alt+H { focus-column-left; } + Alt+Ctrl+J { focus-window-down; } + Alt+Ctrl+K { focus-window-up; } + Alt+L { focus-column-right; } + + Alt+Shift+Left { move-column-left; } + Alt+Shift+Down { move-window-down; } + Alt+Shift+Up { move-window-up; } + Alt+Shift+Right { move-column-right; } + Alt+Shift+H { move-column-left; } + Alt+Shift+Ctrl+J { move-window-down; } + Alt+Shift+Ctrl+K { move-window-up; } + Alt+Shift+L { move-column-right; } + + // Alternative commands that move across workspaces when reaching + // the first or last window in a column. + // Alt+J { focus-window-or-workspace-down; } + // Alt+K { focus-window-or-workspace-up; } + // Alt+Ctrl+J { move-window-down-or-to-workspace-down; } + // Alt+Ctrl+K { move-window-up-or-to-workspace-up; } + + // Alt+Home { focus-column-first; } + // Alt+End { focus-column-last; } + // Alt+Ctrl+Home { move-column-to-first; } + // Alt+Ctrl+End { move-column-to-last; } + + // Alt+Shift+Left { focus-monitor-left; } + // Alt+Shift+Down { focus-monitor-down; } + // Alt+Shift+Up { focus-monitor-up; } + // Alt+Shift+Right { focus-monitor-right; } + Alt+O { focus-monitor-left; } + // Alt+Shift+J { focus-monitor-down; } + // Alt+Shift+K { focus-monitor-up; } + Alt+P { focus-monitor-right; } + + // Alt+Shift+Ctrl+Left { move-column-to-monitor-left; } + // Alt+Shift+Ctrl+Down { move-column-to-monitor-down; } + // Alt+Shift+Ctrl+Up { move-column-to-monitor-up; } + // Alt+Shift+Ctrl+Right { move-column-to-monitor-right; } + Alt+Shift+O { move-column-to-monitor-left; } + // Alt+Shift+Ctrl+J { move-column-to-monitor-down; } + // Alt+Shift+Ctrl+K { move-column-to-monitor-up; } + Alt+Shift+P { move-column-to-monitor-right; } + + // Alternatively, there are commands to move just a single window: + // Alt+Shift+Ctrl+Left { move-window-to-monitor-left; } + // ... + + // And you can also move a whole workspace to another monitor: + // Alt+Shift+Ctrl+Left { move-workspace-to-monitor-left; } + // ... + + Alt+J { focus-workspace-down; } + Alt+K { focus-workspace-up; } + // Alt+U { focus-workspace-down; } + // Alt+I { focus-workspace-up; } + Alt+Shift+J { move-column-to-workspace-down; } + Alt+Shift+K { move-column-to-workspace-up; } + // Alt+Ctrl+U { move-column-to-workspace-down; } + // Alt+Ctrl+I { move-column-to-workspace-up; } + + // Alternatively, there are commands to move just a single window: + // Alt+Ctrl+Page_Down { move-window-to-workspace-down; } + // ... + + // Alt+Shift+Page_Down { move-workspace-down; } + // Alt+Shift+Page_Up { move-workspace-up; } + // Alt+Shift+U { move-workspace-down; } + // Alt+Shift+I { move-workspace-up; } + + // You can bind mouse wheel scroll ticks using the following syntax. + // These binds will change direction based on the natural-scroll setting. + // + // To avoid scrolling through workspaces really fast, you can use + // the cooldown-ms property. The bind will be rate-limited to this value. + // You can set a cooldown on any bind, but it's most useful for the wheel. + Alt+WheelScrollDown cooldown-ms=150 { focus-workspace-down; } + Alt+WheelScrollUp cooldown-ms=150 { focus-workspace-up; } + Alt+Shift+WheelScrollDown cooldown-ms=150 { move-column-to-workspace-down; } + Alt+Shift+WheelScrollUp cooldown-ms=150 { move-column-to-workspace-up; } + + Alt+WheelScrollRight { focus-column-right; } + Alt+WheelScrollLeft { focus-column-left; } + Alt+Shift+WheelScrollRight { move-column-right; } + Alt+Shift+WheelScrollLeft { move-column-left; } + + // Usually scrolling up and down with Shift in applications results in + // horizontal scrolling; these binds replicate that. + // Alt+Shift+WheelScrollDown { focus-column-right; } + // Alt+Shift+WheelScrollUp { focus-column-left; } + // Alt+Ctrl+Shift+WheelScrollDown { move-column-right; } + // Alt+Ctrl+Shift+WheelScrollUp { move-column-left; } + + // Similarly, you can bind touchpad scroll "ticks". + // Touchpad scrolling is continuous, so for these binds it is split into + // discrete intervals. + // These binds are also affected by touchpad's natural-scroll, so these + // example binds are "inverted", since we have natural-scroll enabled for + // touchpads by default. + // Alt+TouchpadScrollDown { spawn "wpctl" "set-volume" "@DEFAULT_AUDIO_SINK@" "0.02+"; } + // Alt+TouchpadScrollUp { spawn "wpctl" "set-volume" "@DEFAULT_AUDIO_SINK@" "0.02-"; } + + // You can refer to workspaces by index. However, keep in mind that + // niri is a dynamic workspace system, so these commands are kind of + // "best effort". Trying to refer to a workspace index bigger than + // the current workspace count will instead refer to the bottommost + // (empty) workspace. + // + // For example, with 2 workspaces + 1 empty, indices 3, 4, 5 and so on + // will all refer to the 3rd workspace. + Alt+1 { focus-workspace 1; } + Alt+2 { focus-workspace 2; } + Alt+3 { focus-workspace 3; } + Alt+4 { focus-workspace 4; } + Alt+5 { focus-workspace 5; } + Alt+6 { focus-workspace 6; } + Alt+7 { focus-workspace 7; } + Alt+8 { focus-workspace 8; } + Alt+9 { focus-workspace 9; } + Alt+Shift+1 { move-column-to-workspace 1; } + Alt+Shift+2 { move-column-to-workspace 2; } + Alt+Shift+3 { move-column-to-workspace 3; } + Alt+Shift+4 { move-column-to-workspace 4; } + Alt+Shift+5 { move-column-to-workspace 5; } + Alt+Shift+6 { move-column-to-workspace 6; } + Alt+Shift+7 { move-column-to-workspace 7; } + Alt+Shift+8 { move-column-to-workspace 8; } + Alt+Shift+9 { move-column-to-workspace 9; } + + // Alternatively, there are commands to move just a single window: + // Alt+Ctrl+1 { move-window-to-workspace 1; } + + // Switches focus between the current and the previous workspace. + // Alt+Tab { focus-workspace-previous; } + + // Alt+Comma { consume-window-into-column; } + // Alt+Period { expel-window-from-column; } + + // There are also commands that consume or expel a single window to the side. + // Alt+BracketLeft { consume-or-expel-window-left; } + // Alt+BracketRight { consume-or-expel-window-right; } + + // Alt+R { switch-preset-column-width; } + // Alt+Shift+R { reset-window-height; } + Alt+F { maximize-column; } + Alt+Shift+F { fullscreen-window; } + Alt+C { center-column; } + + // Finer width adjustments. + // This command can also: + // * set width in pixels: "1000" + // * adjust width in pixels: "-5" or "+5" + // * set width as a percentage of screen width: "25%" + // * adjust width as a percentage of screen width: "-10%" or "+10%" + // Pixel sizes use logical, or scaled, pixels. I.e. on an output with scale 2.0, + // set-column-width "100" will make the column occupy 200 physical screen pixels. + Alt+Minus { set-column-width "-10%"; } + Alt+Equal { set-column-width "+10%"; } + + // Finer height adjustments when in column with other windows. + Alt+Shift+Minus { set-window-height "-10%"; } + Alt+Shift+Equal { set-window-height "+10%"; } + + // Actions to switch layouts. + // Note: if you uncomment these, make sure you do NOT have + // a matching layout switch hotkey configured in xkb options above. + // Having both at once on the same hotkey will break the switching, + // since it will switch twice upon pressing the hotkey (once by xkb, once by niri). + // Alt+Space { switch-layout "next"; } + // Alt+Shift+Space { switch-layout "prev"; } + + Print { screenshot; } + Alt+Print { screenshot-screen; } + Alt+Shift+Print { screenshot-window; } + + // The quit action will show a confirmation dialog to avoid accidental exits. + Alt+Shift+E { quit; } + + // Powers off the monitors. To turn them back on, do any input like + // moving the mouse or pressing any other key. + // Alt+Shift+P { power-off-monitors; } +} diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/vesktop/themes/gruvbox-light.theme.css b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/vesktop/themes/gruvbox-light.theme.css new file mode 100644 index 00000000..27388601 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/vesktop/themes/gruvbox-light.theme.css @@ -0,0 +1,2571 @@ +/** + * @name Gruvbox Light Soft + * @author shved.#8772 + ctank + * @authorId 833767278969225266 + * @version 0.1 + * @description Gruvbox port based on Catppuccin theme + * @website https://github.com/shvedes +**/ + +button[class*=emojiButtonNormal] > div > div { + filter: grayscale(0.8) hue-rotate(-50deg) brightness(0.8) opacity(100%) !important; +} + +.container-1QtPKm, .input-125oad { + border-radius: 14px; + cursor: pointer; + background-color: #665c54 !important; +} + +[data-popout-root], +html { + --brand-experiment: #d79921; + --brand-experiment-330: #1d2021; + --brand-experiment-360: #1d2021; + --brand-experiment-400: #665c54; + --brand-experiment-430: #1d2021; + --brand-experiment-460: #1d2021; + --brand-experiment-500: #504945; + --brand-experiment-530: #ebdbb2; + --brand-experiment-560: #665c54; + --brand-experiment-600: #bdae93; + --brand-experiment-630: #a89984; + --brand-experiment-660: #83a598; + --brand-experiment-700: #83a598; + --brand-experiment-730: #83a598; + --brand-experiment-760: #83a598; + --brand-experiment-800: #83a598; + --brand-experiment-830: #83a598; + --brand-experiment-860: #83a598; + --brand-experiment-900: #83a598; +} + +.theme-dark, +.theme-light { + --brand-260: #d79921; + --brand-500: #d79921; + --brand-560: #fbf1c7; + --primary-300: #f9f5d7; + --header-primary: #282828; + --header-secondary: #282828; + --text-normal: #282828; + --text-muted: #bdae93; + --text-link: #83a598; + --text-link-low-saturation: #728E83; + --text-positive: #d79921; + --text-warning: #cc241d; + --text-danger: #d79921; + --text-brand: #d79921; + --background-primary: #fbf1c7; + --background-secondary: #f2e5bc; + --background-secondary-alt: #f2e5bc; + --background-tertiary: #f2e5bc; + --background-accent: #AE7D1B; + --background-floating: #fbf1c7; + --background-nested-floating: #d5c4a1; + --background-mobile-primary: #fbf1c7; + --background-modifier-hover: rgba(168, 153, 132, 0.15); + --background-modifier-selected: rgba(189, 174, 147, 0.2); + --background-modifier-accent: rgba(146, 131, 116, 0.26); + --background-modifier-active: rgba(29, 32, 33, 0.17); + --info-warning-background: rgba(215, 153, 33, 0.15); + --info-warning-foreground: #d79921; + --info-warning-text: #d79921; + --info-danger-background: rgba(251, 73, 52, 0.15); + --info-danger-foreground: #fb4934; + --info-danger-text: #fb4934; + --info-help-background: rgba(215, 153, 33, 0.10); + --info-help-foreground: rgba(215, 153, 33); + --info-help-text: #1d2021; + --status-positive-background: #d79921; + --status-positive-text: #fbf1c7; + --status-warning-background: #d79921; + --status-warning-text: #32302F; + --status-danger-background: #d79921; + --status-danger-text: #fbf1c7; + --status-danger: #fb4934; + --status-positive: #b8bb26; + --status-warning: #9D6A1C; + --black-500: #fbf1c7; + --green-360: #b8bb26; + --primary-400: #a89984; + --white-500: #282828; + --guild-boosting-pink: #d3869b; + --premium-perk-yellow: #fabd2f; + --premium-perk-purple: #b16286; + --premium-perk-dark-blue: #076678; + --premium-perk-light-blue: #83a598; + --premium-perk-blue: #458588; + --premium-perk-green: #b8bb26; + --premium-perk-pink: #d3869b; + --premium-perk-orange: #fe8019; + --button-danger-background: #d79921; + --button-danger-background-hover: #fabd2f; + --button-danger-background-active: #282828; + --button-danger-background-disabled: rgba(250, 189, 47, 0.40); + --button-positive-background: #d79921; + --button-positive-background-hover: #fabd2f; + --button-positive-background-active: #282828; + --button-positive-background-disabled: rgba(250, 189, 47, 0.40); + --button-secondary-background: #d5c4a1; + --button-secondary-background-hover: #665c54; + --button-secondary-background-active: #a89984; + --button-secondary-background-disabled: #928374; + --button-outline-danger-text: #fb4934; + --button-outline-danger-border: #fb4934; + --button-outline-danger-background: transparent; + --button-outline-danger-background-hover: #fb4934; + --button-outline-danger-text-hover: #fbf1c7; + --button-outline-danger-border-hover: #fb4934; + --button-outline-danger-background-active: #FF7E6F; + --button-outline-danger-text-active: #fb4934; + --button-outline-danger-border-active: #fb4934; + --button-outline-positive-text: #32302f; + --button-outline-positive-border: #d79921; + --button-outline-positive-background: transparent; + --button-outline-positive-background-hover: #d79921; + --button-outline-positive-text-hover: #fbf1c7; + --button-outline-positive-border-hover: #d79921; + --button-outline-positive-background-active: #FFCC57; + --button-outline-positive-text-active: #fbf1c7; + --button-outline-positive-border-active: #d79921; + --button-outline-brand-text: #32302f; + --button-outline-brand-border: #d79921; + --button-outline-brand-background: transparent; + --button-outline-brand-background-hover: #fabd2f; + --button-outline-brand-text-hover: #fbf1c7; + --button-outline-brand-border-hover: #fabd2f; + --button-outline-brand-background-active: #FFCC57; + --button-outline-brand-text-active: #fbf1c7; + --button-outline-brand-border-active: #fabd2f; + --button-outline-primary-text: #32302f; + --button-outline-primary-border: #d79921; + --button-outline-primary-background: transparent; + --button-outline-primary-background-hover: #fabd2f; + --button-outline-primary-text-hover: #fbf1c7; + --button-outline-primary-border-hover: #fabd2f; + --button-outline-primary-background-active: #FFCC57; + --button-outline-primary-text-active: #fbf1c7; + --button-outline-primary-border-active: #fabd2f; + --modal-background: #fbf1c7; + --scrollbar-thin-thumb: #d5c4a1; + --scrollbar-thin-track: transparent; + --scrollbar-auto-thumb: #d5c4a1; + --scrollbar-auto-track: transparent; + --scrollbar-auto-scrollbar-color-thumb: #d5c4a1; + --scrollbar-auto-scrollbar-color-track: #d5c4a1; + --input-background: #f2e5bc; + --input-placeholder-text: #bdae93; + --control-brand-foreground: #d79921; + --mention-foreground: #ebdbb2; + --mention-background: rgba(168, 153, 132, 0.3); + --background-mentioned: rgba(215, 153, 33, 0.1); + --background-mentioned-hover: rgba(215, 153, 33, 0.2); + --background-message-hover: rgba(80, 73, 69, 0.25); + --background-message-highlight: rgba(80, 73, 69, 0.4); + --channels-default: #32302f; + --channel-icon: #ebdbb2; + --channel-text-area-placeholder: #1d2021; + + /* message input bar */ + --channeltextarea-background: #f2e5bc; + + --textbox-markdown-syntax: #928374; + --deprecated-card-bg: #f2e5bc; + --deprecated-card-editable-bg: #f2e5bc; + --deprecated-text-input-bg: #f9f5d7; + --deprecated-text-input-border: #665c54; + --focus-primary: #8ec07c; + --interactive-normal: #a89984; + --interactive-muted: rgba(168, 153, 132, 0.3); + --interactive-hover: #d5c4a1; + --interactive-active: #fbf1c7; + + --primary-200: #ebdbb2; +} +.theme-dark [class*=disabledPointerEvents], +.theme-light [class*=disabledPointerEvents] { + --background-floating: #fbf1c7; + --background-tertiary: #fbf1c7; +} +.theme-dark [class*=disabledPointerEvents] svg[class|=activityIcon], +.theme-light [class*=disabledPointerEvents] svg[class|=activityIcon] { + color: #d79921; +} + +::selection { + background-color: #665c54; +} + +[class*=staffBadge-] { + background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23232634'%3E%3Cpath d='m5.92127 6.03526s.22115-.33086.31286-.47743c.09172-.14657-.23743-.49286-.36514-.60257-.12772-.10971-.32914-.05486-.32914-.05486-1.60715.71229-2.41115 2.17372-2.52086 2.466-.10972.29229.27943.61115.56657.76715.132.072.342-.08743.47143-.20572l.04371-.04457.06772-.06857.00085-.00086 4.37229 4.35517.59743-.5975 1.09801-1.098-4.32173-4.43224z'/%3E%3Cpath d='m16.2505 10.6294.2306-.2194 2.0717 2.052c.0146.0129.03.018.0437.018.0395 0 .072-.036.072-.036s2.2937-2.2757 2.3015-2.2834c.0677-.0669 0-.1037 0-.1037l-1.7692-1.78119-.0026.00258-.2425-.23743.1354-.13029.2897.03343-.0548-.384.0728-.07371-.1088-.55372c-.378-.53571-1.4135-1.39371-1.4135-1.39371l-.5417-.09772-.0548.07286-.408-.06086.0394.348.0257.02572-.1209.12171-.6685-.654s-3.8795-2.10686-4.086-2.20457c-.1166-.054-.2023-.09-.2846-.09-.0634 0-.1251.02143-.1963.072-.1646.11571-.0677.34886-.0677.34886l2.412 4.45714.4826.47829-.1509.15085-.0557.05572-.3857-.05315.0591.38229-.1114.11143-.0197-.01972c-.018-.018-.0429-.02742-.0669-.02742s-.048.00942-.0668.02742c-.0369.03686-.0369.09686 0 .13372l.0197.01971-.0532.054-.0137-.01457c-.0188-.018-.0428-.02743-.0668-.02743-.0249 0-.0489.00943-.0669.02743-.0368.03686-.0368.09686 0 .13372l.0146.01457-1.0149 1.02004-.0231-.0232c-.0189-.018-.0429-.0274-.0669-.0274s-.048.0094-.0668.0274c-.0369.0369-.0369.0969 0 .1337l.024.0232-.054.054-.018-.0172c-.018-.0188-.0429-.0283-.066-.0283-.0249 0-.0489.0095-.0677.0283-.036.0369-.036.096 0 .1329l.018.018-.132.1337-.018.1697.0694.0712-.0017.0008-.084.0857-5.47632 5.4755-.07114-.0592-.22714.0326-.12858.1303-.00857-.0086c-.01885-.0189-.04285-.0283-.06685-.0283s-.04886.0094-.06686.0283c-.03686.0369-.03686.096 0 .1329l.01028.0102-.05314.0549-.00514-.0051c-.018-.0189-.04286-.0283-.06686-.0283s-.048.0094-.06686.0283c-.036.0368-.036.096 0 .1328l.006.0069-1.002 1.0191-.02057-.0206c-.01885-.0188-.042-.0274-.06685-.0274-.024 0-.048.0086-.06686.0274-.03686.0369-.03686.0969 0 .1338l.02228.0214-.05314.054-.01628-.0163c-.01886-.018-.04286-.0274-.06772-.0274-.02314 0-.048.0094-.066.0274-.03686.0369-.03686.0969 0 .1337l.01714.018-.07457.0763-.38828-.0694.02914.4337-.12257.1251.10628.5846s.16286.5091.498.8469c.32486.3274.82029.4842.84172.5005l.55971.0977.138-.1354.38572.0626-.06343-.3814.11743-.1149.054.054c.018.018.042.0274.066.0274s.04885-.0094.06685-.0274c.03686-.0377.03686-.0969 0-.1337l-.05314-.0532.05486-.0531.04628.0463c.018.0188.04286.0283.06686.0283s.048-.0095.06686-.0283c.03686-.0369.03686-.096 0-.1329l-.04543-.0463 1.01743-1.0037.04457.0446c.018.0189.04286.0274.06686.0274s.048-.0085.06685-.0274c.036-.0369.036-.0969 0-.1337l-.04371-.0429.054-.054.03771.0377c.018.018.042.0275.066.0275.02486 0 .04886-.0095.06686-.0275.03686-.0368.03686-.0968 0-.1337l-.03686-.0368.114-.1115.04115-.2442-.06086-.0609.00086-.0009.11057-.1097 5.43946-5.4411-.0026-.0052.1063.1098.1706-.0189.1534-.1543.0248.0249c.0189.018.0429.0274.0669.0274s.0489-.0094.0669-.0274c.0368-.0369.0368-.0969 0-.1337l-.0249-.0249.054-.0531.0189.0188c.018.018.042.0274.0668.0274.024 0 .048-.0094.066-.0274.0369-.0368.0369-.0968 0-.1337l-.0188-.0197 1.0165-1.0183.0266.0266c.018.018.042.0274.066.0274.0249 0 .0489-.0094.0669-.0274.0368-.0369.0368-.0969 0-.1337l-.0266-.0266.054-.054.0206.0214c.0188.018.0428.0274.0668.0274s.048-.0094.0669-.0274c.0368-.0377.0368-.0968 0-.1337l-.0206-.0214.1131-.1132.378.0592z'/%3E%3Cpath d='m17.0057 16.7793-2.4111-1.8274-.4294-.4423-1.6637 1.6637.4183.3995 1.5711 2.3562 2.1188 2.3203 2.4421-2.2783z'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=permissionCheckmark-] { + background-image: url("data:image/svg+xml,%3Csvg height='18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3Cpath d='m14.25 14.25h-10.5v-10.5h7.5v-1.5h-7.5c-.8325 0-1.5.6675-1.5 1.5v10.5c0 .8284271.67157288 1.5 1.5 1.5h10.5c.8284271 0 1.5-.6715729 1.5-1.5v-6h-1.5zm-7.5675-6.94-1.0575 1.065 3.375 3.375 7.5-7.5-1.0575-1.065-6.4425 6.4425z' fill='%23b8bb26'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=removeKeybind-] { + background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath d="M0 0h18v18H0"/%3E%3Cpath fill="%23232634" d="M14.25 4.8075L13.1925 3.75 9 7.9425 4.8075 3.75 3.75 4.8075 7.9425 9 3.75 13.1925 4.8075 14.25 9 10.0575l4.1925 4.1925 1.0575-1.0575L10.0575 9"/%3E%3C/g%3E%3C/svg%3E') !important; +} + +[class*=removeGame-] { + background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m14.25 4.808-1.057-1.058-4.193 4.192-4.192-4.192-1.058 1.058 4.192 4.192-4.192 4.193 1.058 1.057 4.192-4.193 4.193 4.193 1.057-1.057-4.193-4.193z' fill-rule='nonzero' fill='%23cc241d'/%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=emojiRemove-] { + background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m14.25 4.808-1.057-1.058-4.193 4.192-4.192-4.192-1.058 1.058 4.192 4.192-4.192 4.193 1.058 1.057 4.192-4.193 4.193 4.193 1.057-1.057-4.193-4.193z' fill-rule='nonzero' fill='%23cc241d'/%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=lockIcon-] { + content: url("data:image/svg+xml,%3Csvg height='14' viewBox='0 0 10 14' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m553 515h-6v-1c0-1.654 1.346-3 3-3s3 1.346 3 3zm-4 6h2v-4h-2zm1-12c-2.762 0-5 2.238-5 5v1 4 2c0 1.104.896 2 2 2h6c1.104 0 2-.896 2-2v-2-4-1c0-2.762-2.238-5-5-5z' fill='%23b8bb26' fill-rule='evenodd' transform='translate(-545 -509)'/%3E%3C/svg%3E") !important; +} + +.theme-dark svg[class*=noItemsIcon-], +.theme-light svg[class*=noItemsIcon-] { + background-color: #665c54; +} + +.theme-dark svg[class*=tier1ProfilePerk-], +.theme-light svg[class*=tier1ProfilePerk-] { + color: #83a598 !important; +} + +.theme-dark svg[class*=tier1BoostPerk-], +.theme-light svg[class*=tier1BoostPerk-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=tier1CustomEmojiPerk-], +.theme-light svg[class*=tier1CustomEmojiPerk-] { + color: #fe8019 !important; +} + +.theme-dark svg[class*=tier1UploadPerk-], +.theme-light svg[class*=tier1UploadPerk-] { + color: #babbf1 !important; +} + +.theme-dark svg[class*=tier1StreamPerk-], +.theme-light svg[class*=tier1StreamPerk-] { + color: #b8bb26 !important; +} + +.theme-dark svg[class*=guildBoostingIcon-], +.theme-light svg[class*=guildBoostingIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=guildSubscriptionSlotIcon-], +.theme-light svg[class*=guildSubscriptionSlotIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=guildSubscriberCountIcon-], +.theme-light svg[class*=guildSubscriberCountIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=gemWithLabel-], +.theme-light svg[class*=gemWithLabel-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=gemWithoutLabel-], +.theme-light svg[class*=gemWithoutLabel-] { + color: #838ba7 !important; +} + +.theme-dark svg[class*=memberBadgeIcon-], +.theme-light svg[class*=memberBadgeIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=stickerIcon-], +.theme-light svg[class*=stickerIcon-] { + color: #ca9ee6 !important; +} + +.theme-dark svg[class*=audioQualityIcon-], +.theme-light svg[class*=audioQualityIcon-] { + color: #85c1dc !important; +} + +.theme-dark svg[class*=uploadSizeIcon-], +.theme-light svg[class*=uploadSizeIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=threadIcon-], +.theme-light svg[class*=threadIcon-] { + color: #81c8be !important; +} + +.theme-dark svg[class*=premiumIcon-], +.theme-light svg[class*=premiumIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=gameIcon-], +.theme-light svg[class*=gameIcon-] { + color: #282828 !important; +} + +.theme-dark svg[class*=tierMarkerLabelPlusIcon-], +.theme-light svg[class*=tierMarkerLabelPlusIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=currentTierIcon-], +.theme-light svg[class*=currentTierIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=tier3Icon-], +.theme-light svg[class*=tier3Icon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=searchIcon-], +.theme-light svg[class*=searchIcon-] { + color: #a5adce !important; +} + +.theme-dark svg[class*=upsellIcon-], +.theme-light svg[class*=upsellIcon-] { + color: #d3869b !important; +} + +[class*=lookFilled-][class*=colorBrand-], [class*=lookFilled-][class*=colorBrandNew-], [class*=lookFilled-][class*=colorLink-], [class*=lookFilled-][class*=colorYellow-], [class*=lookFilled-][class*=colorRed-], [class*=lookFilled-][class*=colorGreen-] { + color: #232634; +} +[class*=lookFilled-][class*=colorBrand-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorBrandNew-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorLink-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorYellow-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorRed-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorGreen-] svg[class|=premiumIcon] { + color: #e660c2; +} +[class*=lookFilled-][class*=colorBrand-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorBrandNew-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorLink-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorYellow-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorRed-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorGreen-] [class*=spinnerItem-] { + background-color: #232634; +} +[class*=lookFilled-][class*=colorBrand-] [class*=defaultColor-], [class*=lookFilled-][class*=colorBrandNew-] [class*=defaultColor-], [class*=lookFilled-][class*=colorLink-] [class*=defaultColor-], [class*=lookFilled-][class*=colorYellow-] [class*=defaultColor-], [class*=lookFilled-][class*=colorRed-] [class*=defaultColor-], [class*=lookFilled-][class*=colorGreen-] [class*=defaultColor-] { + color: #fbf1c7; +} +[class*=lookFilled-][class*=colorPrimary-] { + color: #fbf1c7; +} + +div[class|=actionButtons] [class|=button][class*=buttonColor-], +div[class|=actionButtons] [class|=button] [class*=buttonColor-] { + background-color: #d5c4a1; +} +div[class|=actionButtons] [class|=button][class*=buttonColor-][class*=buttonActive-], +div[class|=actionButtons] [class|=button] [class*=buttonColor-][class*=buttonActive-] { + background-color: #BB8725; + color: #232634; +} +div[class|=actionButtons] [class|=button][class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-], +div[class|=actionButtons] [class|=button] [class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-] { + color: #232634; +} +div[class|=actionButtons] [class|=button][class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-] svg, +div[class|=actionButtons] [class|=button] [class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-] svg { + color: #232634; +} + +[class*=lookInverted-][class*=colorBrand-] { + color: var(--brand-experiment-600); +} +[class*=lookInverted-][class*=colorBrand-] svg[class|=premiumIcon] { + color: #ea76cb; +} + +.theme-dark [class*=lookLink-][class*=colorPrimary-], +.theme-light [class*=lookLink-][class*=colorPrimary-] { + color: #c6d0f5; +} +.theme-dark [class*=lookFilled-][class*=colorTransparent-], +.theme-light [class*=lookFilled-][class*=colorTransparent-] { + color: #c6d0f5; + background-color: #414559; +} + +div[class*=button-][class*=dangerous-]:hover { + color: #df575a; +} + +div[role=radio][class*=selected] { + color: #232634; +} +div[role=radio][class*=selected][class*=allow] { + background-color: #b8bb26; +} + +[class*=container-][style*="background-color: var(--green-360)"] { + --green-360: #b8bb26; + background-color: #b8bb26 !important; +} + +[class*=container-][style*="background-color: var(--primary-400)"], +[class*=container-][style*="background-color: rgb(130, 133, 143)"] { + background-color: #928374 !important; +} + +.vc-spotify-button-row .vc-spotify-button.vc-spotify-shuffle-on, .vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-context, .vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-track { + color: var(--interactive-normal); +} +.vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-off, .vc-spotify-button-row .vc-spotify-button.vc-spotify-shuffle-off { + color: var(--text-muted); +} + +[class*=topGuildEmojiBadge-] { + background: linear-gradient(268.26deg, #fe8019, #d3869b 102.45%); +} +[class*=topGuildEmojiBadge-] * { + color: #232634 !important; +} + +[class*=newlyAddedBadge-] { + background: linear-gradient(268.26deg, #81c8be, #b8bb26 102.45%); +} +[class*=newlyAddedBadge-] * { + color: #232634 !important; +} + +[class*=lookFilled-] [class*=premiumSubscribeButton-] > [class*=premiumIcon-] { + color: #232634 !important; +} + +div[class|=sidebarRegion] div[class|=serverBoostTabItem] svg[class|=icon] { + fill: #d3869b !important; +} +div[class|=sidebarRegion] div[class|=serverBoostTabItem][class*=selected-] { + background-color: #4E4943 !important; + color: #282828 !important; +} +div[class|=sidebarRegion] div[class|=serverBoostTabItem][class*=selected-] svg[class|=icon] { + fill: #fbf1c7 !important; +} +div[class|=sidebarRegion] div[class|=premiumTab] > div > svg > path { + fill: #d3869b; +} +div[class|=sidebarRegion] div[class|=premiumTab] > div[class*=selected] { + color: #232634; +} +div[class|=sidebarRegion] div[class|=premiumTab] > div[class*=selected] svg > path { + fill: #232634; +} +div[class|=sidebarRegion] div[class*=tabBarItemContainer-] [class*=textBadge-] { + color: #232634; +} +div[class|=sidebarRegion] div[class*=tabBarItemContainer-] [class*=textBadge-][style*="background-color: var(--brand-500);"] { + background-color: #83a598 !important; +} + +div[class|=contentRegion] div[class*=noticeRegion-] div[style="background-color: rgb(24, 25, 28);"] { + background-color: #232634 !important; +} +div[class|=contentRegion] [class|=bar], +div[class|=contentRegion] [class|=markDash] { + background: #51576d; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class|=radioBar][style*="hsl(139,"] { + border-color: #b8bb26; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class|=radioBar][style*="hsl(37,"] { + border-color: #fe8019; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class|=radioBar][style*="hsl(359,"] { + border-color: #cc241d; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class*=betaTagIcon] { + background-color: #d79921 !important; + color: #fbf1c7; +} +div[class|=contentRegion] #accessibility-tab button[class*=colorBrandNew] { + background-color: #83a598; +} +div[class|=contentRegion] #keybinds-tab span[class*=key] { + color: #232634; +} +div[class|=contentRegion] #keybinds-tab span[class*=key] g { + fill: #232634; +} +div[class|=contentRegion] #nitro-server-boost-tab circle[class|=circleProgress] { + color: #d3869b; +} +div[class|=contentRegion] #nitro-server-boost-tab div[class*=gemIndicatorContainer-] { + background-color: #303446; +} +div[class|=contentRegion] #nitro-server-boost-tab div[class*=gemIndicatorContainer-] div[class|=tierLabel] { + color: #b5bfe2; +} +div[class|=contentRegion] #nitro-server-boost-tab button[class*=lookInverted-] { + color: #232634; + background-color: #c6d0f5; +} +div[class|=contentRegion] #nitro-server-boost-tab button[class*=lookInverted-]:hover { + background-color: #c8d2f5; +} +div[class|=contentRegion] #nitro-server-boost-tab div[class*=card-], +div[class|=contentRegion] #nitro-server-boost-tab h3[class*=price-] { + color: #c6d0f5 !important; +} +div[class|=contentRegion] #subscriptions-tab [class|=sectionAccountCredit], +div[class|=contentRegion] #subscriptions-tab [class|=subscriptionDetails] { + border-color: var(--background-modifier-accent); +} +div[class|=contentRegion] #library-inventory-tab div[class|=promotionIcon] { + background-color: #303446; +} +div[class|=contentRegion] #discord-nitro-tab button[class*=buttonWhite] { + color: #1d2021 !important; + border-color: #1d2021 !important; +} +div[class|=contentRegion] #discord-nitro-tab h2 { + color: #1d2021 !important; +} +div[class|=contentRegion] #discord-nitro-tab svg[class*=sparkleStar-] { + color: #1d2021; +} +div[class|=contentRegion] #discord-nitro-tab div[class*=description-] { + color: #1d2021 !important; +} +div[class|=contentRegion] #discord-nitro-tab div[class*=card-] { + color: #1d2021; +} +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-] { + color: #f9f5d7; + background-color: #1d2021; +} +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-]:hover { + background-color: #1d2021; +} +div[class|=contentRegion] #billing-tab div[class*=subtext] { + color: #b5bfe2; +} +div[class|=contentRegion] #billing-tab [class*=Divider] { + border-color: var(--background-modifier-accent); +} +div[class|=contentRegion] #billing-tab div[class|=defaultIndicator] { + color: #f9f5d7; + background-color: #665c54; +} +div[class|=contentRegion] #billing-tab div[class*=summaryInfo], +div[class|=contentRegion] #billing-tab [class|=paymentHeader] { + color: #1d2021; + border-color: var(--background-modifier-accent); +} +div[class|=contentRegion] #billing-tab div[class|=premiumIndicator] { + color: #232634; +} +div[class|=contentRegion] #billing-tab div[class|=paymentPane], +div[class|=contentRegion] #billing-tab div[class*=paginator-], +div[class|=contentRegion] #billing-tab div[class*=payment-] { + background-color: #f9f5d7; + color: #1d2021; +} +div[class|=contentRegion] #billing-tab div[class|=expandedInfo] { + background-color: #f2e5bc; +} +div[class|=contentRegion] #billing-tab [class*=paymentText-] { + color: #32302f; +} +div[class|=contentRegion] #billing-tab div[class|=codeRedemptionRedirect] { + background-color: #f2e5bc; + color: #ebdbb2; + border-color: #d5c4a1; +} +div[class|=contentRegion] [id="voice-&-video-tab"] div[class|=backgroundOptionRing] { + border-color: #83a598; +} +div[class|=contentRegion] #notifications-tab button[class*=marketingUnsubscribeButton-] { + color: #c6d0f5; +} +div[class|=contentRegion] #game-activity-tab div[class*=nowPlayingAdd-], +div[class|=contentRegion] #game-activity-tab div[class*=lastPlayed-], +div[class|=contentRegion] #game-activity-tab div[class*=overlayStatusText-] { + color: var(--text-muted); +} +div[class|=contentRegion] #game-activity-tab div[class*=activeGame-][class*=nowPlaying] * { + color: #232634; +} +div[class|=contentRegion] #game-activity-tab div[class*=activeGame-][class*=nowPlaying] * svg > g > path { + fill: #232634; +} +div[class|=contentRegion] #game-activity-tab input[class|=gameName] { + color: #282828; +} +div[class|=contentRegion] #game-activity-tab input[class*=gameNameInput-]:hover, div[class|=contentRegion] #game-activity-tab input[class*=gameNameInput-]:focus { + background-color: #292c3c; + border-color: rgba(41, 44, 60, 0.3); + color: #282828; +} +div[class|=contentRegion] #game-activity-tab div[class*=game-] { + -webkit-box-shadow: 0 1px 0 0 var(--background-modifier-accent); + box-shadow: 0 1px 0 0 var(--background-modifier-accent); +} +div[class|=contentRegion] #game-activity-tab div[class*=removeGame-] { + background-color: #414559; +} +div[class|=contentRegion] #emoji-tab div[class*=emojiRemove-] { + background-color: #414559; +} +div[class|=contentRegion] section[class|=inputSensitivityToggle] div[class*=speaking-] { + background: #b8bb26 !important; +} +div[class|=contentRegion] div[class*=reactionMe-] { + background-color: #414559 !important; +} +div[class|=contentRegion] div[class|=control] > div[class*=checked-], +div[class|=contentRegion] div[class|=sensitivity] div[class*=checked-], +div[class|=contentRegion] div[style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] { + background-color: #b8bb26 !important; +} +div[class|=contentRegion] div[class|=control] > div[style*="background-color: hsl(218, calc(var(--saturation-factor, 1) * 4.6%), 46.9%)"] { + background-color: #626880 !important; +} +div[class|=contentRegion] div[class|=control] svg[class|=slider] > svg > path { + fill: #416628 !important; +} +div[class|=contentRegion] #guild_premium-tab [class*=tierAccomplished-], +div[class|=contentRegion] #guild_premium-tab [class*=tierCurrent-], +div[class|=contentRegion] #guild_premium-tab [class*=tierFirst-] { + background: #d3869b; +} +div[class|=contentRegion] #guild_premium-tab [class*=tierInProgress-] { + background-color: #d5c4a1; +} +div[class|=contentRegion] #guild_premium-tab div[class|=progressWithSubscriptions] > svg > g > rect:first-child { + color: #232634; +} +div[class|=contentRegion] #guild_premium-tab div[class|=progressWithSubscriptions] > svg > g > rect:nth-child(2) { + color: #d3869b; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] { + background-color: #fbf1c7; + color: #504945; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] div[class|=tierUnlocked], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] div[class|=tierUnlocked] { + background-image: linear-gradient(90deg, #83a598, #ca9ee6); + color: #232634; + font-weight: 600; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] svg[class|=tierIcon], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] svg[class|=tierIcon] { + color: #d3869b; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] svg[class*=tierIconLocked-], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] svg[class*=tierIconLocked-] { + color: #504945; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] svg[class|=tierLock], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] svg[class|=tierLock] { + color: #928374; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierBody] { + color: #fbf1c7; + background-color: #f2e5bc; +} +div[class|=contentRegion] svg[class|=activeCircle] { + color: #232634; + background-color: #b8bb26; +} +div[class|=contentRegion] #discovery-tab div[class*=checklistIcon] svg[viewBox="0 0 14 14"] path { + fill: #cc241d; +} +div[class|=contentRegion] #discovery-tab div[class*=checklistIcon] svg[viewBox="0 0 20 20"] path { + fill: #fe8019; +} +div[class|=contentRegion] #guild_templates-tab svg[class*=descriptionIcon][viewBox="0 0 24 24"] path { + fill: #b8bb26; +} +div[class|=contentRegion] #guild_templates-tab svg[class*=descriptionIcon][viewBox="0 0 14 14"] path { + fill: #cc241d; +} +div[class|=contentRegion] #guild_templates-tab svg[class*=descriptionIcon] circle { + fill: #232634; +} +div[class|=contentRegion] #stickers-tab div[class*=tierHeaderContent] { + background-color: #f2e5bc; +} +div[class|=contentRegion] #stickers-tab div[class*=tierBody] { + background-color: #f2e5bc; +} +div[class|=contentRegion] #roles-tab div[class*=previewContainer-] .theme-light img[class*=roleIcon-] { + content: "data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0749 1.66667H4.99996C3.15901 1.66667 1.66663 3.15906 1.66663 5.00001V15C1.66663 16.841 3.15901 18.3333 4.99996 18.3333H15C16.8409 18.3333 18.3333 16.841 18.3333 15V8.92511C17.8052 9.08227 17.2458 9.16667 16.6666 9.16667C13.445 9.16667 10.8333 6.555 10.8333 3.33334C10.8333 2.75419 10.9177 2.19476 11.0749 1.66667ZM6.66663 5.00001C7.58596 5.00001 8.33329 5.74601 8.33329 6.66667C8.33329 7.58801 7.58596 8.33334 6.66663 8.33334C5.74529 8.33334 4.99996 7.58801 4.99996 6.66667C4.99996 5.74601 5.74529 5.00001 6.66663 5.00001ZM4.99996 15L7.49996 11.6667L9.16663 13.3333L12.5 9.16667L15 15H4.99996Z' fill='%2351576d'/%3E%3Cpath d='M17.5 0V2.5H20V4.16667H17.5V6.66667H15.8334V4.16667H13.3334V2.5H15.8334V0H17.5Z' fill='%2351576d'/%3E%3C/svg%3E"; +} +div[class|=contentRegion] #roles-tab div[class*=previewContainer-] .theme-dark img[class*=roleIcon-] { + content: "data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c6d0f5'%3E%3Cpath clip-rule='evenodd' d='m11.0749 1.66667h-6.07488c-1.84095 0-3.33333 1.49239-3.33333 3.33334v9.99999c0 1.841 1.49238 3.3333 3.33333 3.3333h9.99998c1.841 0 3.3334-1.4923 3.3334-3.3333v-6.07489c-.5281.15716-1.0876.24156-1.6667.24156-3.2217 0-5.8333-2.61167-5.8333-5.83333 0-.57915.0844-1.13858.2415-1.66667zm-4.40821 3.33334c.91933 0 1.66666.746 1.66666 1.66666 0 .92134-.74733 1.66667-1.66666 1.66667-.92134 0-1.66667-.74533-1.66667-1.66667 0-.92066.74533-1.66666 1.66667-1.66666zm-1.66667 9.99999 2.5-3.3333 1.66667 1.6666 3.33331-4.16663 2.5 5.83333z' fill-rule='evenodd'/%3E%3Cpath d='m17.5 0v2.5h2.5v1.66667h-2.5v2.5h-1.6667v-2.5h-2.5v-1.66667h2.5v-2.5z'/%3E%3C/g%3E%3C/svg%3E"; +} + +.bd-settings-title { + color: #c6d0f5; +} + +.bd-switch-body { + --switch-color: #626880; +} +.bd-switch input:checked + .bd-switch-body { + --switch-color: #b8bb26; +} +.bd-switch input:checked + .bd-switch-body svg.bd-switch-symbol path { + fill: #416628; +} + +.bd-button { + background-color: #83a598; + color: #232634; +} +.bd-button.bd-button-danger { + background-color: #cc241d; +} + +.bd-controls > .bd-addon-button svg { + fill: #232634; +} + +.bd-addon-views .bd-view-button.selected { + background-color: #83a598; +} +.bd-addon-views .bd-view-button.selected svg { + fill: #232634; +} + +div[class|=perksModal] { + background-color: #303446; +} +div[class|=perksModal] li[class|=perk] { + background-color: #292c3c; +} +div[class|=perksModal] li[class|=perk] svg { + color: #d3869b; +} +div[class|=perksModal] svg[class|=giftIcon] { + color: #232634; +} +div[class|=perksModal] div[class|=tierHeaderUnlocked] { + background-image: linear-gradient(90deg, #83a598, #ca9ee6); + color: #303446; +} +div[class|=perksModal] div[class|=tierUnlocked], +div[class|=perksModal] div[class|=tierMarkerBackground] { + background-color: #303446; +} +div[class|=perksModal] div[class|=barBackground], +div[class|=perksModal] div[class|=tierMarkerInProgress], +div[class|=perksModal] div[class|=tierBody] { + background-color: #232634 !important; +} +div[class|=perksModal] div[class|=tierMarkerAccomplished] { + background: #d3869b !important; +} +div[class|=perksModal] div[class|=tierMarkerInProgress] [class|=currentTierIcon] { + color: #d3869b; +} +div[class|=perksModal] div[class|=barForeground], +div[class|=perksModal] div[class|=tierMarkerAccomplished] { + background-color: #d3869b; +} +div[class|=perksModal] svg[class|=currentTierIcon] { + color: #303446; +} +div[class|=perksModal] div[class*=tierMarkerLabelText], +div[class|=perksModal] svg[class|=tierLock] { + color: var(--text-muted); +} +div[class|=perksModal] div[class*=selectedTier] div[class*=tierMarkerLabelText] { + color: var(--text-normal); +} +div[class|=perksModal] div[class|=tierHeaderLocked] { + background-color: #191b25; + color: var(--text-muted); +} +div[class|=perksModal] svg[class*=unlocked] { + color: #b8bb26; +} + +div[class|=sidebar] div[class|=container] div[class|=progressBar] { + background: linear-gradient(90deg, #83a598, #ca9ee6); +} +div[class|=sidebar] div[class|=container]:hover div[class|=progressBar] { + background: linear-gradient(90deg, hsl(221deg, 70%, 55.5%), #ca9ee6 34%, #83a598 67%, #ca9ee6); +} +div[class|=sidebar] div[class|=container] div[class|=divider] { + border-color: var(--background-modifier-accent); +} + +div[class|=pageWrapper] { + background: #fbf1c7 !important; +} +div[class|=pageWrapper] div[class*=searchBox-] { + background-color: #292c3c; +} +div[class|=pageWrapper] div[class*=searchBox-] svg[class*=clearIcon] path { + fill: #737994; +} +div[class|=pageWrapper] div[class*=categoryPill-][class*=selected-] div { + color: #232634 !important; +} + +div[class|=homeContainer] { + background: #fbf1c7 !important; +} +div[class|=homeContainer] > div[class|=homeContent] div[class*=card-] { + background: #414559 !important; +} + +section[class|=title] { + background: var(--background-primary) !important; +} + +div[class|=categoryItem][class*=selectedCategoryItem], +button[class*=lookFilled] div[class*=addButton] { + color: #232634 !important; +} + +div[class|=itemInner] div[class|=new] > div[class*=newText-] { + color: #232634 !important; +} + +div[class*=directoryModal-] { + background-color: #303446 !important; +} +div[class*=directoryModal-] [class*=searchBox] { + background-color: #292c3c !important; +} +div[class*=directoryModal-] [class*=searchBox] [name=search]::placeholder { + color: #a5adce; +} +div[class*=directoryModal-] [role=button][class*=activeButton] { + color: #232634; +} + +section[class|=guildListSection] div[class|=guildList]:first-child div[class|=iconContainer] { + background-color: #b8bb26; +} +section[class|=guildListSection] div[class|=guildList]:first-child div[class|=iconContainer] > div[class|=icon] { + background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 25 24' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23232634'%3E%3Cpath clip-rule='evenodd' d='m13.25 18v-12h-1.5v12z' fill-rule='evenodd'/%3E%3Cpath clip-rule='evenodd' d='m7 12.75c-.69036 0-1.25.5596-1.25 1.25v4h-1.5v-4c0-1.5188 1.23122-2.75 2.75-2.75h11c1.5188 0 2.75 1.2312 2.75 2.75v4h-1.5v-4c0-.6904-.5596-1.25-1.25-1.25z' fill-rule='evenodd'/%3E%3Cpath d='m12.5 7c-1.3807 0-2.5-1.11929-2.5-2.5s1.1193-2.5 2.5-2.5 2.5 1.11929 2.5 2.5-1.1193 2.5-2.5 2.5z'/%3E%3Cpath d='m20 22c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5-1.1193 2.5-2.5 2.5z'/%3E%3Cpath d='m12.5 22c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5-1.1193 2.5-2.5 2.5z'/%3E%3Cpath d='m5 22c-1.38071 0-2.5-1.1193-2.5-2.5s1.11929-2.5 2.5-2.5 2.5 1.1193 2.5 2.5-1.11929 2.5-2.5 2.5z'/%3E%3C/g%3E%3C/svg%3E"); +} + +path[d="M22 12.4065C21.8956 14.9141 20.8533 17.2908 19.0798 19.0654C17.3062 20.8401 14.931 21.883 12.425 21.9875L13.7625 15.646L17.2375 17.9224C17.3214 17.9702 17.416 17.996 17.5125 17.9975C17.6481 17.9962 17.7781 17.9424 17.875 17.8474C17.9439 17.7577 17.9813 17.6478 17.9813 17.5347C17.9813 17.4216 17.9439 17.3117 17.875 17.222L15.6 13.7323L22 12.4065ZM13.7625 8.34148L17.2375 6.06504C17.3352 6.00866 17.4487 5.98608 17.5605 6.00084C17.6723 6.0156 17.7762 6.06686 17.8559 6.14665C17.9357 6.22645 17.9869 6.33037 18.0017 6.44225C18.0164 6.55413 17.9938 6.66772 17.9375 6.76548L15.6625 10.2551L22 11.581C21.8956 9.07342 20.8533 6.69669 19.0798 4.92206C17.3062 3.14742 14.931 2.10449 12.425 2L13.7625 8.34148ZM10.275 8.34148L11.6 2C9.09402 2.10449 6.71878 3.14742 4.94525 4.92206C3.17172 6.69669 2.12945 9.07342 2.02502 11.581L8.37497 10.2551L6.08752 6.76548C6.02873 6.66774 6.00413 6.55315 6.01772 6.43988C6.0313 6.32661 6.08228 6.22113 6.16252 6.14009C6.24233 6.05781 6.34797 6.00542 6.46175 5.99176C6.57552 5.97809 6.69052 6.00399 6.78752 6.06504L10.275 8.34148ZM6.16252 17.8474C6.08228 17.7663 6.0313 17.6609 6.01772 17.5476C6.00413 17.4343 6.02873 17.3197 6.08752 17.222L8.37497 13.7323L2 12.4065C2.10442 14.9141 3.1467 17.2908 4.92023 19.0654C6.69376 20.8401 9.06899 21.883 11.575 21.9875L10.25 15.646L6.7625 17.9224C6.67925 17.9718 6.58428 17.9977 6.48753 17.9975C6.35971 17.9937 6.23848 17.9398 6.15001 17.8474H6.16252Z"] { + fill: #81c8be; +} + +path[d="M17.225 6.06504C17.3227 6.00866 17.4362 5.98608 17.548 6.00084C17.6598 6.0156 17.7637 6.06686 17.8434 6.14665C17.9232 6.22645 17.9744 6.33037 17.9892 6.44225C18.0039 6.55413 17.9813 6.66772 17.925 6.76548L15.65 10.2551L21.9875 11.581C21.9875 11.7185 21.9875 11.8562 21.9875 11.9937C21.9875 12.1313 21.9875 12.2689 21.9875 12.4065L15.65 13.7323L17.925 17.222C17.9939 17.3117 18.0313 17.4216 18.0313 17.5347C18.0313 17.6478 17.9939 17.7577 17.925 17.8474C17.8281 17.9424 17.6982 17.9962 17.5625 17.9975C17.466 17.996 17.3714 17.9702 17.2875 17.9224L13.8125 15.646L12.4125 22H11.5875L10.2625 15.6585L6.77501 17.935C6.69176 17.9843 6.59672 18.0102 6.49997 18.01C6.43455 18.0098 6.3699 17.9963 6.30977 17.9705C6.24964 17.9447 6.1953 17.9072 6.15001 17.8599C6.06977 17.7789 6.01879 17.6734 6.0052 17.5601C5.99162 17.4468 6.01621 17.3323 6.07501 17.2345L8.36253 13.7449L2 12.4065C2 12.2689 2 12.1313 2 11.9937C2 11.8562 2 11.7185 2 11.581L8.35002 10.2551L6.0625 6.76548C6.0037 6.66774 5.97918 6.55315 5.99277 6.43988C6.00635 6.32661 6.05726 6.22113 6.1375 6.14009C6.21731 6.05781 6.32295 6.00542 6.43672 5.99176C6.5505 5.97809 6.6655 6.00399 6.7625 6.06504L10.25 8.34148L11.575 2H12.4L13.7375 8.34148L17.225 6.06504Z"] { + fill: #232634; +} + +div[class|=tierPreviews] button[class|=button] { + background: linear-gradient(90deg, #81c8be, #83a598); +} + +div[class|=notice] div[class*=noticeText-] { + color: #232634; +} +div[class|=notice] div[class*=header-] { + color: #232634; +} +div[class|=notice] div[class|=closeButton] > svg > path { + fill: #232634; +} +div[class|=notice] button[class|=button] { + border-color: #fff; + color: #232634; +} +div[class|=notice] button[class|=button]:hover { + background: #6089e7; +} + +nav[class*=guilds-] foreignObject > div[data-list-item-id|=guildsnav_] { + background-color: #34384c; +} +nav[class*=guilds-] foreignObject > div[data-list-item-id|=guildsnav_]:hover > div[class|=childWrapper], nav[class*=guilds-] foreignObject > div[data-list-item-id|=guildsnav_][class*=selected] > div[class|=childWrapper] { + color: #232634; + font-weight: 600; +} +nav[class*=guilds-] div[data-list-item-id=guildsnav___home] { + --background-primary: #d5c4a1; +} +nav[class*=guilds-] span[class|=expandedFolderBackground] { + background-color: #fbf1c7; +} +nav[class*=guilds-] div[class|=folder][class*=hover-] { + background-color: #665c54; +} +.closedFolderIconWrapper-3tRb2d { + background-color: #d5c4a1; +} +.closedFolderIconWrapper-3tRb2d:hover { + background-color: #665c54; +} +nav[class*=guilds-] div[data-list-item-id=guildsnav___create-join-button] svg > path, +nav[class*=guilds-] div[data-list-item-id=guildsnav___guild-discover-button] svg > path, +nav[class*=guilds-] div[data-list-item-id=guildsnav___app-download-button] svg > path { + fill: #b8bb26; +} +.circleIconButton-1VxDrg.selected-2r1Hvo { + background-color: #665c54; +} + +div[class|=upperBadge] > div[class|=iconBadge] path { + color: #232634; +} +div[class|=upperBadge] div[class*=participating-] { + background: #ffffff; +} + +div[class|=lowerBadge] div[class|=iconBadge] path { + color: #232634; +} + +svg[class|=spine] { + color: #626880; +} + +div[class|=spineBorder] { + background: #626880; +} + +ul[aria-label$=" threads"] > li:nth-child(1n) { + --channels-default: #d0b9d3; + --interactive-hover: #cc241d; + --interactive-active: #cc241d; +} + +ul[aria-label$=" threads"] > li:nth-child(2n) { + --channels-default: #d2c1cf; + --interactive-hover: #ef9f76; + --interactive-active: #ef9f76; +} + +ul[aria-label$=" threads"] > li:nth-child(3n) { + --channels-default: #cfced7; + --interactive-hover: #fe8019; + --interactive-active: #fe8019; +} + +ul[aria-label$=" threads"] > li:nth-child(4n) { + --channels-default: #bcd0d5; + --interactive-hover: #b8bb26; + --interactive-active: #b8bb26; +} + +ul[aria-label$=" threads"] > li:nth-child(5n) { + --channels-default: #b5c5f3; + --interactive-hover: #85c1dc; + --interactive-active: #85c1dc; +} + +ul[aria-label$=" threads"] > li:nth-child(6n) { + --channels-default: #c7c1f1; + --interactive-hover: #ca9ee6; + --interactive-active: #ca9ee6; +} + +[class|=botText] { + color: #232634; + font-weight: 600; +} + +svg[class|=botTagVerified] { + color: #232634; +} + +div[class*=activePostCount-] { + background-color: #414559; + color: #c6d0f5 !important; +} + +div[class*=newPostCount-] { + background-color: #c6d0f5; + color: #232634; +} + +div[class*=liveSmall-] { + background-color: #d79921!important; + color: #fbf1c7; +} + +[class|=chatContent] div[class*=wrapperAudio-] div[class*=audioControls], +[class|=chatContent] div[class*=wrapperAudio-] div[class*=videoControls-], +[class|=chatContent] div[class*=imageWrapper-] div[class*=audioControls], +[class|=chatContent] div[class*=imageWrapper-] div[class*=videoControls-] { + background-color: rgba(41, 44, 60, 0.8); +} +[class|=chatContent] div[class*=wrapperAudio-] div[class*=audioControls] svg[class*=controlIcon-], +[class|=chatContent] div[class*=wrapperAudio-] div[class*=videoControls-] svg[class*=controlIcon-], +[class|=chatContent] div[class*=imageWrapper-] div[class*=audioControls] svg[class*=controlIcon-], +[class|=chatContent] div[class*=imageWrapper-] div[class*=videoControls-] svg[class*=controlIcon-] { + opacity: 1; + color: #282828; +} +[class|=chatContent] #---new-messages-bar span[class|=unreadPill] { + color: #282828; +} +[class|=chatContent] div[class|=newMessagesBar] button { + color: #232634; +} +[class|=chatContent] div[class|=channelTextArea] div[class|=buttons] * { + color: var(--interactive-normal) !important; +} +[class|=chatContent] [id|=message-reactions] div[class|=reaction] { + background-color: #d5c4a1; +} +[class|=chatContent] [id|=message-reactions] div[class|=reaction]:hover { + background-color: #d5c4a1; + border-color: #665c54; +} +[class|=chatContent] div[class*=isBurstReactionPicker-] { + box-shadow: 0 0 0 2px #ca9ee6, 0 0 16px #babbf1; +} +[class|=chatContent] div[class|=navButtonSuperReactActive], +[class|=chatContent] div[class|=navButtonSuperReactActive]:hover { + background: linear-gradient(270deg, #d3869b, #babbf1 33.63%, #ca9ee6); + color: #232634; +} +[class|=chatContent] div[class*=betaTag-] { + background: var(--brand-experiment) !important; + color: #232634; +} +[class|=chatContent] button[class*=navButtonActive-], +[class|=chatContent] button[class*=navButtonActive-]:hover { + color: #232634; +} +[class|=chatContent] div[class*=colorPremiumGradient-][class*=focused-] { + background: linear-gradient(270deg, #d3869b, #babbf1 33.63%, #ca9ee6); + color: #232634 !important; +} +[class|=chatContent] div[class*=isBurstReactionPicker] { + border: none; + box-shadow: 0 0 0 2px #ca9ee6, 0 0 16px #babbf1; +} +[class|=chatContent] div[class*=playButtonContainer-] { + background: var(--brand-experiment) !important; +} +[class|=chatContent] svg[class*=playIcon-] path { + fill: #232634; +} +[class|=chatContent] div[class|=container][class*=header-] div[class*=addReactButton-], +[class|=chatContent] div[class|=container][class*=header-] div[class|=buttons]:not([class*=lookBlank-]) div[class|=contents] { + background: #414559; +} +[class|=chatContent] div[class|=container][class*=header-] div[class*=addReactButton-]:hover, +[class|=chatContent] div[class|=container][class*=header-] div[class|=buttons]:not([class*=lookBlank-]) div[class|=contents]:hover { + background-color: var(--brand-experiment-20a); + border-color: var(--brand-experiment-30a); +} +[class|=chatContent] div[class|=messagesErrorBar] div[class*=barButtonBase-] { + color: #232634; +} +[class|=chatContent] [class*=inlineCode-] { + background: #4F4641; +} +[class|=chatContent] code.inline { + background: #414559; +} +[class|=chatContent] div[class|=container] div[class|=cardWrapper] div[class*=completed-] svg[class|=checkmark] { + background-color: #b8bb26; + color: #232634; +} + +div[style*="d1382af8d9e755bc44811b1fd92990a8.svg"] { + background-image: url("data:image/svg+xml,%3Csvg height='18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m18 0h-18v18h18z'/%3E%3Cpath d='m0 8h14.2l-3.6-3.6 1.4-1.4 6 6-6 6-1.4-1.4 3.6-3.6h-14.2' fill='%23b8bb26'/%3E%3C/g%3E%3C/svg%3E") !important; + filter: none !important; +} + +main[class|=chatContent] div[id|=message-content] svg[class|=icon] > path[d="M4 0L0 4V8L4 12L8 8V4L4 0ZM7 7.59L4 10.59L1 7.59V4.41L4 1.41L7 4.41V7.59Z"], +main[class|=chatContent] div[id|=message-content] svg[class|=icon] > path[d="M2 4.83V7.17L4 9.17L6 7.17V4.83L4 2.83L2 4.83Z"] { + color: #d3869b; +} + +.theme-dark span[class|=spoilerContent], +.theme-dark div[class|=spoilerContent], +.theme-light span[class|=spoilerContent], +.theme-light div[class|=spoilerContent] { + background-color: #bdae93; +} +.theme-dark span[class|=spoilerContent][class*=hidden], +.theme-dark div[class|=spoilerContent][class*=hidden], +.theme-light span[class|=spoilerContent][class*=hidden], +.theme-light div[class|=spoilerContent][class*=hidden] { + background-color: #665c54; +} +.theme-dark span[class|=spoilerContent][class*=hidden]:hover, +.theme-dark div[class|=spoilerContent][class*=hidden]:hover, +.theme-light span[class|=spoilerContent][class*=hidden]:hover, +.theme-light div[class|=spoilerContent][class*=hidden]:hover { + background-color: #7c6f64; +} +.theme-dark div[class|=spoilerContainer] div[class|=spoilerWarning], +.theme-light div[class|=spoilerContainer] div[class|=spoilerWarning] { + color: #282828; + background-color: rgba(242, 229, 188, 0.7); +} +.theme-dark div[class|=spoilerContainer]:hover div[class|=spoilerWarning], +.theme-light div[class|=spoilerContainer]:hover div[class|=spoilerWarning] { + color: #282828; + background-color: rgba(242, 229, 188, 0.7); +} +.theme-dark div[class|=spoilerContainer] article[class*=embedFull-], +.theme-light div[class|=spoilerContainer] article[class*=embedFull-] { + border-color: #626880; +} + +div[class|=cooldownWrapper] { + color: var(--text-muted) !important; +} + +div[class*=autocomplete-] { + background-color: #292c3c !important; +} +div[class*=autocomplete-] div[class*=categoryHeader] { + background-color: #292c3c !important; +} +div[class*=autocomplete-] div[class*=autocompleteRowSubheading] { + background-color: transparent; +} +div[class*=autocomplete-] div[class*=autocompleteRowContentSecondary] { + background-color: transparent; +} +div[class*=autocomplete-] div[class|=usageWrapper] > div[class*=title-] { + color: #83a598 !important; +} +div[class*=autocomplete-] strong { + color: #83a598 !important; +} + +div[class|=channelTextArea] button[class*=emojiButton-] { + background: transparent !important; +} + +[class|=uploadDropModal][class*=error] { + background-color: #cc241d; +} +[class|=uploadDropModal] div[class|=inner] { + border-color: #ebdbb2; +} +[class|=uploadDropModal] div[class|=inner] * { + color: #282828 !important; +} + +div[class|=chat] > div[class|=content] > div[class|=container] { + background-color: #fbf1c7; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=pinIcon] > svg > path, +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=stepStatus] > svg > path { + fill: #a5adce; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=pinIcon][style*="background-color: var(--status-positive-background);"] > svg > path, +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=stepStatus][style*="background-color: var(--status-positive-background);"] > svg > path { + fill: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class*=countText] { + color: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] svg[class|=discordIcon] { + background-color: #83a598; + color: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=newBadge] { + background-color: #babbf1 !important; + color: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class*=mainCard-] { + background-color: #fbf1c7; +} + +div[class|=sidebar] > section[class|=panels] svg[class*=buttonIcon-], +div[class|=sidebar] > section[class|=panels] div[class*=buttonContents] { + fill: #c6d0f5; + color: #ebdbb2; +} + +[data-list-id|=forum-channel-list] div[class|=body] > div[class|=tags] div[class*=pill] { + background-color: #292c3c; +} +[data-list-id|=forum-channel-list] button[class|=submitButton][class*=colorBrand] { + background-color: #D79921; + color: #232634 !important; +} + +.text-md-bold-1mgErV, .text-md-semibold-2VMhBr { + color: #282828; +} + +.submitIcon-E3Vuaz { + color: #282828; +} + +.theme-dark svg[class*=searchIcon-], .theme-light svg[class*=searchIcon-] { + color: #A69884 !important; +} + +.name-3Uvkvr { + color: #282828; +} + +div[class|=applicationCommand] span[class*=selectedPill-] { + border-color: #83a598 !important; +} +div[class|=applicationCommand] span[class*=erroredPill-] { + border-color: #cc241d !important; +} + +div[class|=chat] > div[class|=content] main[class|=chatContent] + div[class|=container] { + background-color: var(--background-secondary); +} + +[class*=channelTextAreaInnerError-] { + border: 1px solid #cc241d !important; +} + +[class*=barButtonBase-] { + color: #232634 !important; +} + +div[class|=callContainer] [class*=controlIcon-] { + color: #b5bfe2; +} +div[class|=callContainer] [class*=controlIcon-]:hover { + color: #c6d0f5; +} +div[class|=callContainer] div[class*=tile-], +div[class|=callContainer] div[class*=background-] { + background-color: #f2e5bc !important; +} +div[class|=callContainer] div[class*=overlayTitle], +div[class|=callContainer] svg[class*=status-] { + background-color: #d5c4a1; + color: #282828; +} +div[class|=callContainer] div[class*=header], +div[class|=callContainer] svg[class*=selectedIcon-] { + color: #fbf1c7; +} +div[class|=callContainer] div[class*=button-][class*=contents-], +div[class|=callContainer] button[class*=cta-], +div[class|=callContainer] button[class*=participantsButton-] { + background-color: #f2e5bc; + color: #282828; +} +div[class|=callContainer] div[class|=indicators] div[class|=liveQualityIndicator] { + background-color: transparent !important; +} +div[class|=callContainer] div[class|=indicators] div[class|=liveQualityIndicator] svg[class|=premiumStreamIcon] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] div[class|=children] div[class*=playingText-] { + color: #b5bfe2; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] svg[class|=controlIcon] { + fill: #A89984 !important; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] { + background-color: #51576d !important; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] div[class|=qualityIndicator] { + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] svg[class|=premiumStreamIcon] { + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=liveIndicator] div[class|=live] { + background-color: #cc241d !important; + color: #232634 !important; +} +div[class|=callContainer] div[class|=videoControls] button[class*=leftTrayIcon-][class*=buttonColor-] { + background-color: #414559; + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] div[class|=badge] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=red-] { + background: #cc241d; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=red-] [class*=centerIcon-] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] { + background: #ffffff; + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] [class*=centerIcon-] { + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=green-] { + background: #b8bb26; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=green-] [class*=centerIcon-] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-] { + color: #232634; + background-color: #b5bfe2; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-] [class*=centerIcon-] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-]:hover, div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-][class*=active-] { + background: #c6d0f5; +} + +div[class*=giftCodeContainer] [class*=tile] { + background-color: #292c3c; +} +div[class*=giftCodeContainer] [class*=tile] > [class*=description] { + color: #c6d0f5; +} + +div[class*=chat-] section[class*=header-] { + background-color: #f2e5bc; +} +div[class*=chat-] div[class*=content-][class*=container-] { + background-color: #f2e5bc; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=container] { + background-color: #f2e5bc; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=search-] { + background-color: #f2e5bc !important; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=search-] input::placeholder { + color: #737994; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=browser] div[class*=content] div[class|=container] { + background-color: #f2e5bc; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=scrollerContainer-] { + background-color: #f2e5bc; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=scrollerContainer-] div[class*=checkIcon-][style*="opacity: 1;"] > svg > path { + fill: #232634; +} +div[class*=chat-] div[class*=content-][class*=container-] div[role=tablist] { + background-color: #f2e5bc; + border-bottom: 2px solid #414559; +} +div[class*=chat-] div[class*=content-][class*=container-] div[role=tablist] [class*=textBadge-] { + color: #232634; +} + +div[class*=chat-] section[class*=title] div[class*=searchBar] span[class*=search] { + background-color: #414559; + color: #c6d0f5; +} +div[class*=chat-] nav[class*=pageControl] div[class*=roundButton][class*=activeButton] span { + color: #232634; +} + +div[class*=chat-] li[class*=mainCard-][class*=container] { + background-color: #fbf1c7; +} +div[class*=chat-] li[class*=mainCard-][class*=container]:hover { + background-color: #4C4643; +} +div[class*=chat-] li[class*=mainCard-][class*=container] div[class*=contentPreview-] { + background-color: #928374; + border: none; +} +div[class*=chat-] li[class*=mainCard-][class*=container] div[class*=contentPreview-] div[class*=textContentFooter-] { + background: none; +} +div[class*=chat-] li[class*=mainCard-][class*=container] div[class*=tags-] div[class*=tagPill-] { + background-color: #fbf1c7; +} +div[class*=chat-] div[class*=emptyPage] { + background-color: #303446; +} +div[class*=chat-] div[class*=innerHeader]:after { + background: none; +} + +[id*=message-accessories-] > [class*=invite-] { + background-color: #303446; +} +[id*=message-accessories-] > [class*=invite-] [class*=inFront-][class*=header-] { + color: #a5adce; +} +[id*=message-accessories-] > [class*=invite-] [class*=partyStatus-] { + color: #c6d0f5; +} + +[class|=avatar] [class|=dots] { + color: #303446; +} + +div[class|=chat][class*=page-] div[class|=content][class*=container-] { + height: 100%; +} + +.messagelogger-deleted div { + color: #cc241d !important; +} + +.messagelogger-deleted div a { + color: #e36d6f !important; +} + +div[class|=layerContainer] [role=menu] { + --brand-experiment-560: var(--brand-experiment-25a); + --brand-experiment-600: var(--brand-experiment); +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=colorBrand] { + color: #83a598; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=focused]:not([class*=colorDanger]), +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=focused] [class*=checkbox-] { + color: #fbf1c7; + background-color: #AE7D1B; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][role=menuitem]:not([class*=colorDanger]):not([id*=user-context-user-volume]):hover { + background: var(--background-accent); + color: #fbf1c7; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][role=menuitem]:not([class*=colorDanger]):not([id*=user-context-user-volume]):hover [class*=subtext], +div[class|=layerContainer] [role=menu] [class*=colorDefault][role=menuitem]:not([class*=colorDanger]):not([id*=user-context-user-volume]):hover [class*=caret-] { + color: #232634; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault] [class*=caret] { + color: #bdae93; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction-]) { + color: var(--background-floating); +} +div[class|=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction-]) [class*=check-] { + color: var(--interactive-normal); +} +div[class|=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction-]) [class*=checkbox-] { + color: var(--background-floating); +} +div[class|=layerContainer] [role=menu] [class*=focused] [class*=userMenuUsername] * { + color: #232634; +} +div[class|=layerContainer] [role=menu] [class*=colorDanger][class*=focused], +div[class|=layerContainer] [role=menu] [class*=colorDefault] [class*=check-] { + color: var(--background-floating); + background-color: #cc241d; +} +div[class|=layerContainer] [role=menu] #guild-header-popout-premium-subscribe div[class|=iconContainer] > svg { + color: #d3869b; +} +div[class|=layerContainer] [role=menu] #user-context-user-volume div[class*=slider-] div[class*=bar-] { + background-color: #414559; +} + +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-]:not([class|=animatorBottom]) > div div[class*=flowerStarContainer-] svg[class*=flowerStar-] *, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-]:not([class|=animatorBottom]) > div div[class*=flowerStarContainer-] svg[class*=flowerStar-] * { + fill: #83a598; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=countText], +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=countText] { + color: #232634; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] circle, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] circle { + fill: #; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] g path, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] g path { + fill: #83a598; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] div[class*=autocompleteArrow-], +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] div[class*=autocompleteArrow-], +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header { + background-color: #292c3c; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header > input::placeholder, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header > input::placeholder { + color: #838ba7; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] section, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] section { + background-color: #303446; + color: #c6d0f5; +} + +div[class*=recentMentionsPopout] div[class|=header] div[class|=tabBar] div[class|=badge], +div[class*=recentMentionsPopout] div[class|=header] div[class|=tabBar] div[class|=tab][class*=active-] { + color: #303446; +} +div[class*=recentMentionsPopout] div[class|=header] div[class|=controls-] { + --background-secondary: #414559; + --background-primary: rgba(65, 69, 89, 0.9); +} +div[class*=recentMentionsPopout] div[class|=scroller] [role=button] { + --background-tertiary: rgba(165, 173, 206, 0.15); + --background-floating: rgba(165, 173, 206, 0.12); +} +div[class*=recentMentionsPopout] div[class|=scroller] [role=button] div[class*=jumpButton-] { + background-color: #414559; +} + +div[class*=rolesList] div[class|=role], +div[class*=rolesList] button[class|=addButton] { + background-color: #313548; +} +div[class*=rolesList] div[class|=role] span[class|=roleCircle][style*="background-color: rgb(185, 187, 190)"] { + background-color: #a5adce !important; +} +div[class*=rolesList] div[class|=role] span[class|=roleCircle][style*="background-color: rgb(54, 57, 62)"], div[class*=rolesList] div[class|=role] span[class|=roleCircle][style*="background-color: rgb(53, 57, 64)"] { + background-color: #303446 !important; +} + +div[class*=layerContainer] > div[class*=layer] div[class|=reactors] { + background-color: var(--background-primary); +} +div[class*=layerContainer] > div[class*=layer] div[class*=reactorDefault] { + -webkit-box-shadow: inset 0 -1px 0 var(--background-modifier-accent); + box-shadow: inset 0 -1px 0 var(--background-modifier-accent); +} +div[class*=layerContainer] > div[class*=layer] div[class*=reactionSelected] { + background-color: var(--background-modifier-selected); +} +div[class*=layerContainer] > div[class*=layer] div[class*=friendSelected] { + background: #504945 !important; +} + +section[class|=positionContainer] button[class*=navButtonActive] { + background-color: #d79921; + color: #282828; +} + +.theme-light section[class|=positionContainer] div[class|=categoryText] { + color: #303446; +} + +#emoji-picker-tab-panel [class*=stickerInspected-] [class*=inspectedIndicator], +#emoji-picker-tab-panel [class|=emojiItem][class*=emojiItemSelected-] { + background-color: #665c54 !important; +} +#emoji-picker-tab-panel [class*=newlyAddedHighlight-] { + border: 1px solid #b8bb26; +} +#emoji-picker-tab-panel [class*=newlyAddedHighlight-] ~ [class*=newlyAddedBadge-] { + background: #b8bb26 !important; + color: #232634; +} + +[class*=stickerInspected-] [class|=inspectedIndicator] { + background-color: var(--brand-experiment-25a); +} + +.theme-light > div[class|=focusLock] > div[class|=root] > div[class|=container] div[class*=footer][class*=footerSeparator-] { + box-shadow: inset 0 1px 0 #414559; + -webkit-box-shadow: inset 0 1px 0 #414559; +} +.theme-light > div[class|=focusLock] > div[class|=root] { + box-shadow: 0 0 0 1px #414559, 0 2px 10px 0 hsla(0, calc(var(--saturation-factor, 1) * 0%), 0%, 0.1); + -webkit-box-shadow: 0 0 0 1px #414559, 0 2px 10px 0 hsla(0, calc(var(--saturation-factor, 1) * 0%), 0%, 0.1); +} +.theme-light div[class|=focusLock] div[class|=downloadApps] { + background-color: #303446 !important; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] button[class|=modalCloseButton], +.theme-light div[class|=focusLock] div[class|=downloadApps] h2, +.theme-light div[class|=focusLock] div[class|=downloadApps] h3 { + color: #c6d0f5; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] div[class*=footer-] { + color: #c6d0f5 !important; + background-color: unset !important; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] div[class*=footer-] a { + color: #83a598; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] li[class*=active-] a[class*=downloadButton-] { + transition: all 0.3s ease-in-out; + color: #303446; +} +.theme-light[class*=profileColors-] [class*=userTagUsernameBase-], +.theme-light[class*=profileColors-] [class*=discrimBase-], +.theme-light[class*=profileColors-] [class*=title-], +.theme-light[class*=profileColors-] [class*=roles-], +.theme-light[class*=profileColors-] [class*=defaultColor-], +.theme-light[class*=profileColors-] [class*=markup-], +.theme-light[class*=profileColors-] [class*=activityUserPopoutV2-] *, +.theme-light[class*=profileColors-] [class*=customStatus-], +.theme-light[class*=profileColors-] [class*=section-], +.theme-light[class*=profileColors-] [class*=additionalActionsIcon-], +.theme-light[class*=profileColors-] [class*=overlayBackground-] * { + --interactive-normal: #232634; + --text-normal: #232634; + --interactive-active: #232634; + --interactive-hover: #232634; +} +.theme-light[class*=profileColors-] [class*=userTagUsernameBase-]:not(a), +.theme-light[class*=profileColors-] [class*=discrimBase-]:not(a), +.theme-light[class*=profileColors-] [class*=title-]:not(a), +.theme-light[class*=profileColors-] [class*=roles-]:not(a), +.theme-light[class*=profileColors-] [class*=defaultColor-]:not(a), +.theme-light[class*=profileColors-] [class*=markup-]:not(a), +.theme-light[class*=profileColors-] [class*=activityUserPopoutV2-] *:not(a), +.theme-light[class*=profileColors-] [class*=customStatus-]:not(a), +.theme-light[class*=profileColors-] [class*=section-]:not(a), +.theme-light[class*=profileColors-] [class*=additionalActionsIcon-]:not(a), +.theme-light[class*=profileColors-] [class*=overlayBackground-] *:not(a) { + color: unset !important; +} + +div[class|=layerContainer] #guild-header-popout, +div[class|=layerContainer] #guild-context, +div[class|=layerContainer] div[id|=channel-context], +div[class|=layerContainer] div[id|=user-context] { + background: #fbf1c7; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] { + background-color: #f2e5bc; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[role=option][aria-selected=true] { + background: #504945; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[role=option] svg[class*=selectedIcon] circle { + fill: #23263f; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[class*=queryText-] { + color: #838ba7; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[class*=queryText-] strong { + color: #c6d0f5; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] { + background-color: #fbf1c7; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal] span, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize] span, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal] span, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] span { + color: #fbf1c7; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class*=footer] { + background-color: #fbf1c7; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class*=footer] button[type=submit] span { + color: #232634; +} +div[class|=layerContainer] > div[class*=layer] div[class|=ffffffock] div[class*=footer] [class*=footerText-] { + color: #b5bfe2; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h1[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h2[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h3[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h4[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h5[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h6[class|=fixed] { + color: #cc241d; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h1[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h2[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h3[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h4[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h5[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h6[class|=fixed]:after { + background-color: #cc241d; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class*=message-] { + background-color: transparent; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label=Activities] div[class*=activityItem-] { + background-color: #f2e5bc; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label=Activities] div[class*=activityItem-] div[class*=previewBadge-] { + color: #232634; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label=Activities] div[class*=activityTag-] { + background-color: rgba(80, 73, 59, 0.5); +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label="Manage Accounts"] div[class*=navRow-] { + background-color: #282828; +} +div[class|=layerContainer] div[class|=addGamePopout] { + background-color: #292c3c; +} +div[class|=layerContainer] div[class*=searchOption-]::after, +div[class|=layerContainer] div[class*=option-]::after, +div[class|=layerContainer] li[class*=option-]::after { + display: none; +} +div[class|=layerContainer] div[class|=queryContainer] { + background-color: #232634 !important; +} +div[class|=layerContainer] div[class|=queryContainer] span[class|=key] { + color: #c6d0f5; + background-color: #303446; +} +div[class|=layerContainer] [class*=tooltipBrand-], +div[class|=layerContainer] [class*=tooltipRed-], +div[class|=layerContainer] [class*=tooltipGreen-], +div[class|=layerContainer] [class*=tooltipYellow] { + color: #232634; +} +div[class|=layerContainer] div[class|=popout] div[class|=row][role=button]:hover { + color: #232634; +} +div[class|=layerContainer] div[class|=popout] div[class|=row][role=button]:hover [class*=timestamp] { + color: #232634; +} + +form[class*=card-] { + background-color: #303446; +} + +div[class*=userInfoSection-] div[class|=connectedAccountContainer] { + background-color: rgba(65, 69, 89, 0.45) !important; +} + +div[class*=cardWarning-] div[class*=warning-] { + color: #232634; +} + +#emoji-picker-tab-panel, +#sticker-picker-tab-panel { + /* --background-floating: #414559; + + + div[class|="slotsContainer"] { + background-color: $surface0; + } + */ +} +#emoji-picker-tab-panel div[class|=tooltipContainer] label[class|=label][class*=labelChecked-], +#sticker-picker-tab-panel div[class|=tooltipContainer] label[class|=label][class*=labelChecked-] { + background: -webkit-gradient(linear, right top, left top, from(#d3869b), color-stop(33.33%, #ca9ee6), to(#83a598)); + background: linear-gradient(270deg, #d3869b, #ca9ee6 33.33%, #83a598); +} + +div[class*=keyboardShortcutsModal-] { + background-color: #292c3c !important; +} +div[class*=keyboardShortcutsModal-] div[class|=keybindShortcut] span[class|=key] { + color: #232634; +} +div[class*=keyboardShortcutsModal-] div[class|=keybindShortcut] span[class|=key] svg g { + fill: #232634 !important; +} + +.react-datepicker, +.react-datepicker__header { + background-color: #292c3c !important; +} + +.react-datepicker__day { + background-color: #232634 !important; +} + +.react-datepicker__day:active { + background: #83a598 !important; +} + +.react-datepicker__day--selected:after { + background-color: #83a598 !important; +} + +[class|=datePickerHint] [class|=hintValue] { + color: #232634 !important; +} + +div[class*=layerContainer-] div[class|=control] div[class*=checked-] { + background-color: #b8bb26 !important; +} +div[class*=layerContainer-] div[class|=control] div[style*="background-color: rgb(114, 118, 125);"] { + background-color: #626880 !important; +} + +div[class*=layerContainer-] div[class*=guildPopout-][role=dialog] { + background-color: #303446; +} +div[class*=layerContainer-] div[class*=guildPopout-][role=dialog] div[class*=guildName-] { + color: #c6d0f5; +} + +div[class*=layerContainer-] [role*=dialog] a[class*=downloadLink-] { + color: #838ba7 !important; + opacity: 1; +} +div[class*=layerContainer-] [role*=dialog] a[class*=downloadLink-]:hover { + color: #c6d0f5 !important; +} + +div[class*=userPopoutOuter-] div[aria-label="HypeSquad Bravery"] img, +div[class*=userProfileOuter-] div[aria-label="HypeSquad Bravery"] img { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m5.01502 4h13.97008c.1187 0 .215.09992.215.22305v9.97865c0 .0697-.0312.1343-.0837.1767l-6.985 5.5752c-.0389.0313-.0847.0464-.1314.0464-.0466 0-.0924-.0151-.1313-.0464l-6.985-5.5752c-.05252-.0424-.08365-.107-.08365-.1767v-9.97865c0-.12313.0963-.22305.21497-.22305zm7.82148 7.0972 4.1275-2.71296c.1039-.06863.2299.04542.1725.15644l-1.7114 3.36192c-.0403.0807.0182.1756.1079.1756h1.0246c.118 0 .1664.1504.0706.219l-4.6267 3.3175c-.0414.0303-.0978.0303-.1402 0l-4.6267-3.3175c-.0948-.0686-.04639-.219.07059-.219h1.02356c.09076 0 .14925-.0949.10791-.1756l-1.71132-3.36293c-.05648-.11001.06958-.22305.17345-.15543l4.12851 2.71296c.0716.0474.1291.112.1674.1887l.6293 1.2636c.0444.0888.1714.0888.2158 0l.6293-1.2636c.0383-.0767.0958-.1423.1674-.1887z' fill='%23ca9ee6' fill-rule='evenodd'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="HypeSquad Balance"], +div[class*=userProfileOuter-] div[aria-label="HypeSquad Balance"] { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m11.8622 4.05696c.076-.07595.1996-.07595.2756 0l7.8048 7.80474c.0371.0362.0574.0865.0574.1377 0 .0513-.0212.1016-.0574.1378l-7.8048 7.8047c-.038.038-.0883.0574-.1378.0574s-.0998-.0194-.1378-.0574l-7.8048-7.8047c-.03709-.0362-.0574-.0857-.0574-.1378s.02031-.1015.0574-.1377zm.9299 8.29474 3.6146-2.37377c.0909-.05917.2013.03977.151.13597l-1.4986 2.9416c-.0354.0707.0158.1537.0944.1537h.8973c.1033 0 .1457.1316.0618.1916l-4.0517 2.9028c-.0362.0265-.0856.0265-.1227 0l-4.05168-2.9028c-.08301-.06-.04062-.1916.06182-.1916h.89634c.07948 0 .1307-.083.09449-.1537l-1.49862-2.9416c-.04945-.0962.06094-.19514.1519-.13597l3.61545 2.37377c.0627.0415.113.098.1465.1651l.5511 1.1057c.0389.0777.1501.0777.189 0l.551-1.1057c.0336-.0671.0839-.1245.1466-.1651z' fill='%2381c8be' fill-rule='evenodd'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="HypeSquad Brilliance"], +div[class*=userProfileOuter-] div[aria-label="HypeSquad Brilliance"] { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m12 20c4.4183 0 8-3.5817 8-8 0-4.41828-3.5817-8-8-8-4.41828 0-8 3.58172-8 8 0 4.4183 3.58172 8 8 8zm.7921-8.275 3.6146-2.3738c.0909-.05916.2013.03974.151.136l-1.4986 2.9416c-.0354.0707.0158.1537.0944.1537h.8973c.1033 0 .1457.1315.0618.1916l-4.0517 2.9027c-.0362.0265-.0856.0265-.1227 0l-4.05168-2.9027c-.08301-.0601-.04062-.1916.06182-.1916h.89634c.07948 0 .1307-.083.09449-.1537l-1.49862-2.9416c-.04945-.09626.06094-.19516.1519-.136l3.61545 2.3738c.0627.0415.113.098.1465.1651l.5511 1.1057c.0389.0777.1501.0777.189 0l.551-1.1057c.0336-.0671.0839-.1245.1466-.1651z' fill='%23cc241d' fill-rule='evenodd'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="Active Developer"], +div[class*=userProfileOuter-] div[aria-label="Active Developer"] { + content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.47213 4L4 6.47213V17.5279L6.47217 20H17.5278L20 17.5279V6.47213L17.5279 4H6.47213ZM10.8582 16.4255H8.64551C8.64551 14.5952 7.1567 13.1064 5.32642 13.1064V10.8936C7.1567 10.8936 8.64551 9.40483 8.64551 7.57454H10.8582C10.8582 9.39042 9.96684 10.9908 8.61129 12C9.96684 13.0093 10.8582 14.6096 10.8582 16.4255ZM18.6667 13.1064C16.8364 13.1064 15.3476 14.5952 15.3476 16.4255H13.1348C13.1348 14.6096 14.0263 13.0093 15.3818 12C14.0263 10.9908 13.1348 9.39042 13.1348 7.57454H15.3476C15.3476 9.40483 16.8364 10.8936 18.6667 10.8936V13.1064V13.1064Z' fill='%23b8bb26'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="Early Verified Bot Developer"], +div[class*=userProfileOuter-] div[aria-label="Early Verified Bot Developer"] { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21.58 11.4-4.28-7.39-.35-.6h-9.91l-.35.6-4.27 7.39-.35.6.35.6 4.27 7.39.35.6h9.92l.35-.6 4.28-7.39.35-.6zm-13.07-1.03-1.63 1.63 1.63 1.63v2.73l-4.36-4.36 4.37-4.37v2.74zm3.12 6.93-2.04-.63 3.1-9.98 2.04.64zm3.86-.93v-2.73l1.63-1.64-1.63-1.63v-2.74l4.36 4.37z' fill='%2383a598'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[class|=userPopoutOverlayBackground] > div[class|=scroller] > div[class|=section]:first-child > div[class|=buttonsContainer] > button:nth-child(2), +div[class*=userProfileOuter-] div[class|=userPopoutOverlayBackground] > div[class|=scroller] > div[class|=section]:first-child > div[class|=buttonsContainer] > button:nth-child(2) { + background: #83a598; +} + +[class*=layerContainer-] [id|=slate-toolbar] { + background-color: #f2e5bc;; +} +[class*=layerContainer-] [id|=slate-toolbar] [class*=buttons-] [class*=icon-] { + color: #fbf1c7; +} + +[class*=layerContainer-] div[id=sort-and-view] div[id=sort-and-view-reset-all] [style="color: var(--text-normal);"]:hover { + color: #232634 !important; +} + +[class|=layerContainer] [class|=quickswitcher] [class*=badge-] { + color: #232634; +} + +rect[fill="#23a55a"], +foreignObject[mask="url(#svg-mask-status-online)"] > div, +div[class|=dotOnline], +i[class|=statusOnline] { + fill: #b8bb26 !important; + background-color: #b8bb26 !important; +} + +rect[fill="rgba(35, 165, 90, 1)"] { + fill: #b8bb26 !important; +} + +rect[fill="#f0b232"], +foreignObject[mask="url(#svg-mask-status-idle)"] > div { + fill: #fe8019 !important; + background-color: #fe8019 !important; +} + +rect[fill="rgba(240, 178, 50, 1)"] { + fill: #fe8019 !important; +} + +rect[fill="#f23f43"], +foreignObject[mask="url(#svg-mask-status-dnd)"] > div { + fill: #cc241d !important; + background-color: #cc241d !important; +} + +rect[fill="rgba(242, 63, 67, 1)"] { + fill: #cc241d !important; +} + +rect[fill="#82858f"], +foreignObject[mask="url(#svg-mask-status-offline)"] > div, +foreignObject[mask="url(#svg-mask-status-offline)"] > rect, +div[class|=dotOffline], +i[class|=statusOffline] { + fill: #a5adce !important; + background-color: #a5adce !important; +} + +rect[fill="rgba(130, 133, 143, 1)"] { + fill: #a5adce !important; +} + +rect[fill="#593695"] { + fill: #ca9ee6 !important; +} + +.vc-platform-indicator svg[fill*="--green-"] { + fill: #b8bb26; +} + +.vc-platform-indicator svg[fill*="--yellow-"] { + fill: #fe8019; +} + +.vc-platform-indicator svg[fill*="--red-"] { + fill: #cc241d; +} + +.vc-platform-indicator svg[fill*="--primary-400"] { + fill: #a5adce; +} + +[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { + width: 0 !important; + padding: 12px; + height: 0 !important; + -webkit-mask-image: url("https://discord.com/assets/eaeac24163b35f7526704a3d9b3c7722.svg"); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: contain; + background: #b8bb26; +} + +.vc-user-connection [src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { + padding: 16px; +} + +#vencordthemes-tab [class*=input-]:focus { + border-color: #83a598 !important; +} + +svg[class|=cursorDefault] svg[class|=dots] circle { + fill: #303446 !important; +} + +[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%)"] { + background-color: #83a598 !important; + color: #232634; +} + +span[class*=username-][style*="color: rgb(54, 57, 62)"], +span[class*=username-][style*="color: rgb(53, 57, 64)"] { + color: var(--background-primary) !important; +} + +div[class*=flowerStarContainer-][class*=boostedGuildTierIconBackgroundWithVisibleBanner] svg[class*=flowerStar-] * { + fill: #c6d0f5; +} +div[class*=flowerStarContainer-][class*=boostedGuildTierIconBackgroundWithVisibleBanner] div[class|=childContainer] svg * { + fill: #232634; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierOne-] svg[class*=flowerStar-] *, div[class*=flowerStarContainer-][class*=iconBackgroundTierTwo-]:not([class*=boostedGuildTierIconBackgroundWithVisibleBanner]) svg[class*=flowerStar-] * { + fill: #626880; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierOne-] div[class|=childContainer] svg *, div[class*=flowerStarContainer-][class*=iconBackgroundTierTwo-]:not([class*=boostedGuildTierIconBackgroundWithVisibleBanner]) div[class|=childContainer] svg * { + fill: #c6d0f5; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierThree-] svg[class*=flowerStar-] * { + fill: #d3869b; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierThree-] div[class|=childContainer] svg * { + fill: #232634; +} +div[class*=flowerStarContainer-][class*=verified-] svg[class*=flowerStar-] * { + fill: #b8bb26; +} +div[class*=flowerStarContainer-][class*=verified-] div[class|=childContainer] svg * { + fill: #232634; +} +div[class*=flowerStarContainer-][class*=partnered-] svg[class*=flowerStar-] * { + fill: #83a598; +} +div[class*=flowerStarContainer-][class*=partnered-] div[class|=childContainer] svg * { + fill: #232634; +} + +div[class|=communityInfoPill] { + --background-accent: rgba(48, 52, 70, 0.7); + color: #c6d0f5; +} +div[class|=communityInfoPill] div[class|=text] { + font-weight: 500; +} + +a[class*=socialLink-][href*=discord] { + color: #a5adce; +} + +svg[class|=uploadIcon] { + color: #232634; +} + +.theme-dark h2[class|=emptyStateHeader], +.theme-light h2[class|=emptyStateHeader] { + color: #c6d0f5; +} +.theme-dark p[class|=emptyStateSubtext], +.theme-light p[class|=emptyStateSubtext] { + color: #a5adce; +} + +div[class*=unreadMentionsBar-], +div[class*=unreadBar-] { + color: #232634; +} + +div[class|=numberBadge] { + font-weight: 700; + color: #232634; +} + +div[class|=newChannel] { + color: #232634; + background-color: #83a598 !important; +} + +div[class|=botTag] { + background-color: #83a598; +} + +div[class|=addFriendInputWrapper]:focus-within { + border-color: #a89984; +} + +button[class|=attachButton] svg path[class|=attachButtonPlay] { + color: #b8bb26; + fill: #b8bb26; +} + +div[class|=tags] div[class|=pinIcon] path { + fill: #303446 !important; +} + +div[class*=avatarSpeaking-] { + -webkit-box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px var(--background-secondary); + box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px var(--background-secondary); +} + +div[class*=videoLayer-] > div[class|=tileChild] > div[class|=border][class*=speaking-] { + -webkit-box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px #a6d189; + box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px #a6d189; +} +div[class*=videoLayer-] > div[class|=tileChild] > div[class|=border][class*=voiceChannelEffect-] { + -webkit-box-shadow: inset 0 0 0 2px #83a598, inset 0 0 0 3px #8caaee; + box-shadow: inset 0 0 0 2px #83a598, inset 0 0 0 3px #8caaee; +} + +div[class*=featureIcon-] path { + fill: #83a598; +} + +div[class*=backgroundAccent-] { + color: #232634; +} + +div[class*=profileBadges-] div[aria-label="Supports Commands"] img { + content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23b8bb26'%3E%3Cpath d='m8.1176653 16.0847263 4.8330812-8.1694527h2.9315882l-4.8330812 8.1694527z'/%3E%3Cpath d='m20.4189453 9.4038086v-2.4311524c0-1.9775391-1.0825195-3.1118164-2.9697266-3.1118164h-1.5581055v1.7802734l.9594727-.0014648c.8540039 0 1.34375.5683594 1.34375 1.5585938v2.3969727c0 .8300781.1806641 1.8422852 1.5893555 2.3100586l.2856445.0947265-.2856445.0947266c-1.4086914.4677734-1.5893555 1.4799804-1.5893555 2.3100586v2.3964844c0 .9907227-.4897461 1.559082-1.34375 1.559082l-.9594727-.0014648v1.7802734h1.5581055c1.887207 0 2.9697266-1.1342773 2.9697266-3.1118164v-2.4316406c0-1.2583008.3432617-1.6264648 1.5810547-1.6445312v-1.9023438c-1.237793-.0180665-1.5810547-.3862305-1.5810547-1.6450196z'/%3E%3Cpath d='m5.8061523 7.1982422c0-.9760742.5024414-1.5585938 1.3432617-1.5585938l.9594727.0014648v-1.7802734h-1.5576172c-1.887207 0-2.9697266 1.1342773-2.9697266 3.1118164v2.4311523c0 1.2587891-.3432617 1.6269531-1.581543 1.6450195v1.9023438c1.2382812.0180664 1.581543.3862305 1.581543 1.6445312v2.4316406c0 1.9775391 1.0825195 3.1118164 2.9697266 3.1118164h1.5576172v-1.7802734l-.9594727.0014648c-.8408203 0-1.3432617-.5830078-1.3432617-1.559082v-2.3964844c0-.8300781-.1806641-1.8422852-1.5898438-2.3100586l-.2856444-.0947264.2856445-.0947266c1.4091797-.4677734 1.5898437-1.4799804 1.5898437-2.3100586z'/%3E%3C/g%3E%3C/svg%3E"); +} + +div[class*=newBadge-], +div[class*=tryItOutBadge-] { + color: #232634; +} + +[class|=tabBar] [class|=badge] { + color: #232634; +} + +span[class*=channelMention]:hover, +[class*=mention]:not([class*=mentionButton-], +[class*=mentionIcon-]):hover { + color: #232634; +} + +.theme-dark code.hljs { + color: #282828; + background: #f9f5d7; +} +.theme-dark code .hljs-keyword { + color: #ca9ee6; +} +.theme-dark code .hljs-built_in { + color: #cc241d; +} +.theme-dark code .hljs-type { + color: #fe8019; +} +.theme-dark code .hljs-literal { + color: #ef9f76; +} +.theme-dark code .hljs-number { + color: #ef9f76; +} +.theme-dark code .hljs-operator { + color: #81c8be; +} +.theme-dark code .hljs-punctuation { + color: #b5bfe2; +} +.theme-dark code .hljs-property { + color: #81c8be; +} +.theme-dark code .hljs-regexp { + color: #d3869b; +} +.theme-dark code .hljs-string { + color: #b8bb26; +} +.theme-dark code .hljs-char.escape_ { + color: #b8bb26; +} +.theme-dark code .hljs-subst { + color: #a5adce; +} +.theme-dark code .hljs-symbol { + color: #eebebe; +} +.theme-dark code .hljs-variable { + color: #ca9ee6; +} +.theme-dark code .hljs-variable.language_ { + color: #ca9ee6; +} +.theme-dark code .hljs-variable.constant_ { + color: #ef9f76; +} +.theme-dark code .hljs-title { + color: #83a598; +} +.theme-dark code .hljs-title.class_ { + color: #fe8019; +} +.theme-dark code .hljs-title.function_ { + color: #83a598; +} +.theme-dark code .hljs-params { + color: #c6d0f5; +} +.theme-dark code .hljs-comment { + color: #626880; +} +.theme-dark code .hljs-doctag { + color: #cc241d; +} +.theme-dark code .hljs-meta { + color: #ef9f76; +} +.theme-dark code .hljs-section { + color: #83a598; +} +.theme-dark code .hljs-tag { + color: #a5adce; +} +.theme-dark code .hljs-name { + color: #ca9ee6; +} +.theme-dark code .hljs-attr { + color: #83a598; +} +.theme-dark code .hljs-attribute { + color: #b8bb26; +} +.theme-dark code .hljs-bullet { + color: #81c8be; +} +.theme-dark code .hljs-code { + color: #b8bb26; +} +.theme-dark code .hljs-emphasis { + color: #cc241d; + font-style: italic; +} +.theme-dark code .hljs-strong { + color: #cc241d; + font-weight: bold; +} +.theme-dark code .hljs-formula { + color: #81c8be; +} +.theme-dark code .hljs-link { + color: #85c1dc; + font-style: italic; +} +.theme-dark code .hljs-quote { + color: #b8bb26; + font-style: italic; +} +.theme-dark code .hljs-selector-tag { + color: #fe8019; +} +.theme-dark code .hljs-selector-id { + color: #83a598; +} +.theme-dark code .hljs-selector-class { + color: #81c8be; +} +.theme-dark code .hljs-selector-attr { + color: #ca9ee6; +} +.theme-dark code .hljs-selector-pseudo { + color: #81c8be; +} +.theme-dark code .hljs-template-tag { + color: #eebebe; +} +.theme-dark code .hljs-template-variable { + color: #eebebe; +} +.theme-dark code .hljs-diff-addition { + color: #b8bb26; + background: rgba(var(--ctp-green), 15%); +} +.theme-dark code .hljs-diff-deletion { + color: #cc241d; + background: rgba(var(--ctp-red), 15%); +} + +.pngImage-1vIgLy:hover, .lottieCanvas-c2HE82 { + background-color: transparent !important; +} + +.colorStreamerMode-8uoRWd { + background-color: #8f3f71; + color: #282828; +} + +div[class|=notice] button[class|=button] { + border-color: #282828; + color: #282828; +} + +div[class|=notice] button[class|=button]:hover { + background: #282828; + color: #fbf1c7; +} + +div[class|=notice] div[class|=closeButton] > svg > path { + fill: #282828; +} + +[class|=chatContent] code.inline { + background: #fbf1c7; +} + +.contents-3NembX .button-ejjZWC { + color: #000000; +} + +.gradientBackground-MytxDL { + background: #b16286; +} + +.upsellText-29l7Q- { + color: #fbf1c7; + margin-left: 6px; +} + +.contents-3NembX { + color: #fbf1c7; +} + +.icon-2O29O0 { + background-color: transparent; +} + +div[class|=newChannel] { + color: #fbf1c7; + background-color: #d79921 !important; +} + +.fakeActivityIcon-KeXVoI.activityCharacterWumpus-31wmZ9 { + background-color: #d5c4a1; +} + +.theme-dark .customColorPicker-C_jddW { + background: #f2e5bc; + border-color: #f9f1c7; +} + +.grabber-3R-Rx9 { + background-color: #f9f5d7; +} + +div[class|=contentRegion] [class|=bar], div[class|=contentRegion] [class|=markDash] { + background: #d5c4a1; +} + +.theme-dark .checkbox-1LuCGM { + border-color: transparent; +} + +.lookFilled-1H2Jvj.colorBrand-2M3O3N { + color: var(--white-500); + background-color: #b57614; +} + +.lookFilled-1H2Jvj.colorRed-2VFhM4 { + color: var(--white-500); + background-color: #b57614; +} + +.lookFilled-1H2Jvj.colorRed-2VFhM4:hover { + background-color: #C48018; +} + +.lookFilled-1H2Jvj.colorBrand-2M3O3N:hover { + background-color: #C48018; +} + +.lookInverted-2GrLaB.colorBrand-2M3O3N { + color: var(--brand-experiment); + background-color: #b16286; +} + +.lookInverted-2GrLaB.colorBrand-2M3O3N:hover { + background-color: #DF7AA7; +} + +.theme-dark p[class|=emptyStateSubtext], .theme-light p[class|=emptyStateSubtext] { + color: #a89984; +} + + +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-] { + color: #fbf1c7; + background-color: #b16286; +} + +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-]:hover { + background-color: #DF7AA7; +} + +div[class|=contentRegion] #keybinds-tab span[class*=key] { + color: #fbf1c7; +} + +div[class|=layerContainer] div[class|=addGamePopout] { + background-color: #f9f1c7; +} + +div[class|=contentRegion] #accessibility-tab button[class*=colorBrandNew] { + background-color: #b57614; +} + +.reactionInner-YJjOtT { + background-color: #494441; +} + +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] div[class|=tierUnlocked], div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] div[class|=tierUnlocked] { + background-image: linear-gradient(90deg, #83a598, #d3869b); + color: #f9f5d7; + font-weight: 600; +} + +.lookFilled-1H2Jvj.colorBrandNew-abZT3v:disabled, .lookFilled-1H2Jvj.colorBrandNew-abZT3v[aria-disabled=true] { + background-color: #C48018; +} + +.text-sm-normal-AEQz4v { + color: #f2e5bc; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-] { + color: #f2e5bc; + background-color: #998B79; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-]:hover, div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-][class*=active-] { + color: #f2e5bc; + background-color: #998B79; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] { + background: #d5c4a1; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] { + background: #d5c4a1; + color: #504945; +} + +div[class|=callContainer] div[class|=videoControls] button[class*=leftTrayIcon-][class*=buttonColor-] { + background-color: #d5c4a1; + color: #282828; +} + +[class|=chatContent] div[class*=wrapperAudio-] div[class*=audioControls], [class|=chatContent] div[class*=wrapperAudio-] div[class*=videoControls-], [class|=chatContent] div[class*=imageWrapper-] div[class*=audioControls], [class|=chatContent] div[class*=imageWrapper-] div[class*=videoControls-] { + background-color: rgba(80, 73, 69, 0.8); +} + +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=newBadge] { + background-color: var(--brand-260) !important; + color: #282828; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] { + background-color: #f9f1c7 !important; +} + +.qualityResolution-RP9GCP { + margin-right: 4px; + color: #282828; + background-color: #f9f1c7; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=children] div[class*=playingText-] { + color: #fbf1c7; +} + +.grid-21dB-S>div:first-child, .headerRow-1MKoR-, .list-3FIpnh>div:first-child { + min-width: 480px; + width: 100%; + position: relative; + background-color: #f9f1c7; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] [class*=centerIcon-] { + color: #282828; +} + +div[class|=callContainer] [class*=controlIcon-] { + color: #A89984; +} + +div[class|=callContainer] [class*=controlIcon-]:hover { + color: #A89984; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] div[class|=qualityIndicator] { + background-color: #f9f5c7; + color: #282828; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] svg[class|=premiumStreamIcon] { + color: #282828; +} + +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=colorBrand] { + color: #83a598; +} + +.item-5ApiZt:hover { + color: #f9f5d7; + background-color: #AE7D1B; +} + +.colorDefault-2_rLdz .checkbox-397WsK, .colorDefault-2_rLdz .radioSelection-3PDNAQ { + color: #A89984; +} + +.colorDefault-2_rLdz .checkbox-397WsK, .colorDefault-2_rLdz .radioSelection-3PDNAQ:hover { + fill: #A89984; +} + +.emojiButton-3FRTuj { + background-color: #000 !important; +} + +.unreadIcon-3dqgX9, .voiceChannelsIcon-2smmeE { + display: none; +} + +.button-3_1yil, .notice-12Koq- { + background-color: #BA8625; +} + +div[class|=notice] button[class|=button] { + border-color: #f9f1c7; +} + +div[class|=notice] button[class|=button]:hover { + background: #fabd2f; + color: #f9f1c7; +} + +.text-md-medium-2n7Vn5, .text-md-normal-2rFCH3 { + color: #282828 !important; +} + +.controlIcon-10O-4h { + color: #282828 !important; +} + +.theme-dark .categoryFadeBlurple-1l49_Q, .theme-light .categoryFadeBlurple-1l49_Q { + background-color: rgba(102, 92, 84, 0.8); +} + +.theme-dark .categoryFadeBlurple-1l49_Q:hover, .theme-light .categoryFadeBlurple-1l49_Q:hover { + background-color: rgba(102, 92, 84, 0.8); +} + +.pngImage-1vIgLy:hover, .lottieCanvas-c2HE82 { + background-color: #665c54; +} + +.theme-dark div[class|=spoilerContainer] div[class|=spoilerWarning], .theme-light div[class|=spoilerContainer] div[class|=spoilerWarning] { + color: #282828; + background-color: rgba(249, 241, 199, 0.7); +} + +div[class*=userInfoSection-] div[class|=connectedAccountContainer] { + background-color: #f9f1c7 !important; +} + +.editIcon-3h_5Rm { + color: #282828; +} + +.iconBadge-3Mmg92 { + background-color: #cc241d; +} + +.theme-dark svg[class*=threadIcon-], .theme-light svg[class*=threadIcon-] { + color: #A89984 !important; +} + +div[class|=notice] button[class|=button] { + color: #f9f1c7; +} + +div[class|=notice] button[class|=button]:hover { + border-color: #f9f1c7; +} + +.closeIcon-3eoP1e { + filter: brightness(0) !important; +} + +.assetWrapperMasked-1iw9lV { + background-color: #d5c4a1; +} + +.lookFilled-1H2Jvj.colorGreen-jIPCAS, .lookFilled-1H2Jvj.colorGreen-jIPCAS:hover{ + background-color: #B57614; +} + +a[class*=socialLink-][href*=discord] { + color: #A89984; +} + +.reaction-102jx9.reactionMe-2zhiyZ .reactionCount-SWXh9W { + color: #282828; +} + +.updateReactionButton-13dIN9>div { + background: #A89984; +} + + +svg[class|=spine] { + color: #d5c4a1; +} + +div[class|=spineBorder] { + background: #504945; +} + +ul[aria-label$=" threads"] > li:nth-child(2n) { + --channels-default: #bdae93; +} + +.clickable_d23a1a .icon__4cb88, .clickable_d23a1a .icon__4cb88:hover { + color: #282828; +} + +.button__66e8c .buttonColor_a6eb73.buttonActive__407a7, .button__66e8c.buttonColor_a6eb73.buttonActive__407a7 { + background-color: #B57614; + color: #282828; +} + +.button__66e8c .buttonColor_a6eb73.buttonActive__407a7:hover, .button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover { + background-color: #B57614; +} + +.gradientBackground_aa82b3 { + display: none; +} + +.theme-dark .footerSeparator__57d95 { + background-color: #f9f1c7; +} diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/vesktop/themes/gruvbox.theme.css b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/vesktop/themes/gruvbox.theme.css new file mode 100644 index 00000000..f6e92aa3 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/vesktop/themes/gruvbox.theme.css @@ -0,0 +1,2571 @@ +/** + * @name Gruvbox Soft + * @author shved.#8772 + * @authorId 833767278969225266 + * @version 0.1 + * @description Gruvbox port based on Catppuccin theme + * @website https://github.com/shvedes +**/ + +button[class*=emojiButtonNormal] > div > div { + filter: grayscale(0.8) hue-rotate(-50deg) brightness(0.8) opacity(100%) !important; +} + +.container-1QtPKm, .input-125oad { + border-radius: 14px; + cursor: pointer; + background-color: #665c54 !important; +} + +[data-popout-root], +html { + --brand-experiment: #d79921; + --brand-experiment-330: #f9f5d7; + --brand-experiment-360: #f9f5d7; + --brand-experiment-400: #665c54; + --brand-experiment-430: #f9f5d7; + --brand-experiment-460: #fbf1c7; + --brand-experiment-500: #504945; + --brand-experiment-530: #ebdbb2; + --brand-experiment-560: #665c54; + --brand-experiment-600: #bdae93; + --brand-experiment-630: #a89984; + --brand-experiment-660: #83a598; + --brand-experiment-700: #83a598; + --brand-experiment-730: #83a598; + --brand-experiment-760: #83a598; + --brand-experiment-800: #83a598; + --brand-experiment-830: #83a598; + --brand-experiment-860: #83a598; + --brand-experiment-900: #83a598; +} + +.theme-dark, +.theme-light { + --brand-260: #d79921; + --brand-500: #d79921; + --brand-560: #282828; + --primary-300: #f9f5d7; + --header-primary: #f9f5d7; + --header-secondary: #fbf1c7; + --text-normal: #f2e5bc; + --text-muted: #bdae93; + --text-link: #83a598; + --text-link-low-saturation: #728E83; + --text-positive: #d79921; + --text-warning: #cc241d; + --text-danger: #d79921; + --text-brand: #d79921; + --background-primary: #282828; + --background-secondary: #32302f; + --background-secondary-alt: #32302f; + --background-tertiary: #32302f; + --background-accent: #AE7D1B; + --background-floating: #282828; + --background-nested-floating: #504945; + --background-mobile-primary: #282828; + --background-modifier-hover: rgba(168, 153, 132, 0.15); + --background-modifier-selected: rgba(189, 174, 147, 0.2); + --background-modifier-accent: rgba(146, 131, 116, 0.26); + --background-modifier-active: rgba(249, 245, 215, 0.17); + --info-warning-background: rgba(215, 153, 33, 0.15); + --info-warning-foreground: #d79921; + --info-warning-text: #d79921; + --info-danger-background: rgba(251, 73, 52, 0.15); + --info-danger-foreground: #fb4934; + --info-danger-text: #fb4934; + --info-help-background: rgba(215, 153, 33, 0.10); + --info-help-foreground: rgba(215, 153, 33); + --info-help-text: #f9f5d7; + --status-positive-background: #d79921; + --status-positive-text: #282828; + --status-warning-background: #d79921; + --status-warning-text: #f2e5bc; + --status-danger-background: #d79921; + --status-danger-text: #282828; + --status-danger: #fb4934; + --status-positive: #b8bb26; + --status-warning: #9D6A1C; + --black-500: #282828; + --green-360: #b8bb26; + --primary-400: #a89984; + --white-500: #f9f5d7; + --guild-boosting-pink: #d3869b; + --premium-perk-yellow: #fabd2f; + --premium-perk-purple: #b16286; + --premium-perk-dark-blue: #076678; + --premium-perk-light-blue: #83a598; + --premium-perk-blue: #458588; + --premium-perk-green: #b8bb26; + --premium-perk-pink: #d3869b; + --premium-perk-orange: #fe8019; + --button-danger-background: #d79921; + --button-danger-background-hover: #fabd2f; + --button-danger-background-active: #f9f5d7; + --button-danger-background-disabled: rgba(250, 189, 47, 0.40); + --button-positive-background: #d79921; + --button-positive-background-hover: #fabd2f; + --button-positive-background-active: #f9f5d7; + --button-positive-background-disabled: rgba(250, 189, 47, 0.40); + --button-secondary-background: #504945; + --button-secondary-background-hover: #665c54; + --button-secondary-background-active: #a89984; + --button-secondary-background-disabled: #928374; + --button-outline-danger-text: #fb4934; + --button-outline-danger-border: #fb4934; + --button-outline-danger-background: transparent; + --button-outline-danger-background-hover: #fb4934; + --button-outline-danger-text-hover: #282828; + --button-outline-danger-border-hover: #fb4934; + --button-outline-danger-background-active: #FF7E6F; + --button-outline-danger-text-active: #fb4934; + --button-outline-danger-border-active: #fb4934; + --button-outline-positive-text: #f2e5bc; + --button-outline-positive-border: #d79921; + --button-outline-positive-background: transparent; + --button-outline-positive-background-hover: #d79921; + --button-outline-positive-text-hover: #282828; + --button-outline-positive-border-hover: #d79921; + --button-outline-positive-background-active: #FFCC57; + --button-outline-positive-text-active: #282828; + --button-outline-positive-border-active: #d79921; + --button-outline-brand-text: #f2e5bc; + --button-outline-brand-border: #d79921; + --button-outline-brand-background: transparent; + --button-outline-brand-background-hover: #fabd2f; + --button-outline-brand-text-hover: #282828; + --button-outline-brand-border-hover: #fabd2f; + --button-outline-brand-background-active: #FFCC57; + --button-outline-brand-text-active: #282828; + --button-outline-brand-border-active: #fabd2f; + --button-outline-primary-text: #f2e5bc; + --button-outline-primary-border: #d79921; + --button-outline-primary-background: transparent; + --button-outline-primary-background-hover: #fabd2f; + --button-outline-primary-text-hover: #282828; + --button-outline-primary-border-hover: #fabd2f; + --button-outline-primary-background-active: #FFCC57; + --button-outline-primary-text-active: #282828; + --button-outline-primary-border-active: #fabd2f; + --modal-background: #282828; + --scrollbar-thin-thumb: #504945; + --scrollbar-thin-track: transparent; + --scrollbar-auto-thumb: #504945; + --scrollbar-auto-track: transparent; + --scrollbar-auto-scrollbar-color-thumb: #504945; + --scrollbar-auto-scrollbar-color-track: #504945; + --input-background: #32302f; + --input-placeholder-text: #bdae93; + --control-brand-foreground: #d79921; + --mention-foreground: #ebdbb2; + --mention-background: rgba(168, 153, 132, 0.3); + --background-mentioned: rgba(215, 153, 33, 0.1); + --background-mentioned-hover: rgba(215, 153, 33, 0.2); + --background-message-hover: rgba(80, 73, 69, 0.25); + --background-message-highlight: rgba(80, 73, 69, 0.4); + --channels-default: #f2e5bc; + --channel-icon: #ebdbb2; + --channel-text-area-placeholder: #f9f5d7; + + /* message input bar */ + --channeltextarea-background: #32302f; + + --textbox-markdown-syntax: #928374; + --deprecated-card-bg: #32302f; + --deprecated-card-editable-bg: #32302f; + --deprecated-text-input-bg: #282828; + --deprecated-text-input-border: #665c54; + --focus-primary: #8ec07c; + --interactive-normal: #a89984; + --interactive-muted: rgba(168, 153, 132, 0.3); + --interactive-hover: #d5c4a1; + --interactive-active: #fbf1c7; + + --primary-200: #ebdbb2; +} +.theme-dark [class*=disabledPointerEvents], +.theme-light [class*=disabledPointerEvents] { + --background-floating: #282828; + --background-tertiary: #282828; +} +.theme-dark [class*=disabledPointerEvents] svg[class|=activityIcon], +.theme-light [class*=disabledPointerEvents] svg[class|=activityIcon] { + color: #d79921; +} + +::selection { + background-color: #665c54; +} + +[class*=staffBadge-] { + background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23232634'%3E%3Cpath d='m5.92127 6.03526s.22115-.33086.31286-.47743c.09172-.14657-.23743-.49286-.36514-.60257-.12772-.10971-.32914-.05486-.32914-.05486-1.60715.71229-2.41115 2.17372-2.52086 2.466-.10972.29229.27943.61115.56657.76715.132.072.342-.08743.47143-.20572l.04371-.04457.06772-.06857.00085-.00086 4.37229 4.35517.59743-.5975 1.09801-1.098-4.32173-4.43224z'/%3E%3Cpath d='m16.2505 10.6294.2306-.2194 2.0717 2.052c.0146.0129.03.018.0437.018.0395 0 .072-.036.072-.036s2.2937-2.2757 2.3015-2.2834c.0677-.0669 0-.1037 0-.1037l-1.7692-1.78119-.0026.00258-.2425-.23743.1354-.13029.2897.03343-.0548-.384.0728-.07371-.1088-.55372c-.378-.53571-1.4135-1.39371-1.4135-1.39371l-.5417-.09772-.0548.07286-.408-.06086.0394.348.0257.02572-.1209.12171-.6685-.654s-3.8795-2.10686-4.086-2.20457c-.1166-.054-.2023-.09-.2846-.09-.0634 0-.1251.02143-.1963.072-.1646.11571-.0677.34886-.0677.34886l2.412 4.45714.4826.47829-.1509.15085-.0557.05572-.3857-.05315.0591.38229-.1114.11143-.0197-.01972c-.018-.018-.0429-.02742-.0669-.02742s-.048.00942-.0668.02742c-.0369.03686-.0369.09686 0 .13372l.0197.01971-.0532.054-.0137-.01457c-.0188-.018-.0428-.02743-.0668-.02743-.0249 0-.0489.00943-.0669.02743-.0368.03686-.0368.09686 0 .13372l.0146.01457-1.0149 1.02004-.0231-.0232c-.0189-.018-.0429-.0274-.0669-.0274s-.048.0094-.0668.0274c-.0369.0369-.0369.0969 0 .1337l.024.0232-.054.054-.018-.0172c-.018-.0188-.0429-.0283-.066-.0283-.0249 0-.0489.0095-.0677.0283-.036.0369-.036.096 0 .1329l.018.018-.132.1337-.018.1697.0694.0712-.0017.0008-.084.0857-5.47632 5.4755-.07114-.0592-.22714.0326-.12858.1303-.00857-.0086c-.01885-.0189-.04285-.0283-.06685-.0283s-.04886.0094-.06686.0283c-.03686.0369-.03686.096 0 .1329l.01028.0102-.05314.0549-.00514-.0051c-.018-.0189-.04286-.0283-.06686-.0283s-.048.0094-.06686.0283c-.036.0368-.036.096 0 .1328l.006.0069-1.002 1.0191-.02057-.0206c-.01885-.0188-.042-.0274-.06685-.0274-.024 0-.048.0086-.06686.0274-.03686.0369-.03686.0969 0 .1338l.02228.0214-.05314.054-.01628-.0163c-.01886-.018-.04286-.0274-.06772-.0274-.02314 0-.048.0094-.066.0274-.03686.0369-.03686.0969 0 .1337l.01714.018-.07457.0763-.38828-.0694.02914.4337-.12257.1251.10628.5846s.16286.5091.498.8469c.32486.3274.82029.4842.84172.5005l.55971.0977.138-.1354.38572.0626-.06343-.3814.11743-.1149.054.054c.018.018.042.0274.066.0274s.04885-.0094.06685-.0274c.03686-.0377.03686-.0969 0-.1337l-.05314-.0532.05486-.0531.04628.0463c.018.0188.04286.0283.06686.0283s.048-.0095.06686-.0283c.03686-.0369.03686-.096 0-.1329l-.04543-.0463 1.01743-1.0037.04457.0446c.018.0189.04286.0274.06686.0274s.048-.0085.06685-.0274c.036-.0369.036-.0969 0-.1337l-.04371-.0429.054-.054.03771.0377c.018.018.042.0275.066.0275.02486 0 .04886-.0095.06686-.0275.03686-.0368.03686-.0968 0-.1337l-.03686-.0368.114-.1115.04115-.2442-.06086-.0609.00086-.0009.11057-.1097 5.43946-5.4411-.0026-.0052.1063.1098.1706-.0189.1534-.1543.0248.0249c.0189.018.0429.0274.0669.0274s.0489-.0094.0669-.0274c.0368-.0369.0368-.0969 0-.1337l-.0249-.0249.054-.0531.0189.0188c.018.018.042.0274.0668.0274.024 0 .048-.0094.066-.0274.0369-.0368.0369-.0968 0-.1337l-.0188-.0197 1.0165-1.0183.0266.0266c.018.018.042.0274.066.0274.0249 0 .0489-.0094.0669-.0274.0368-.0369.0368-.0969 0-.1337l-.0266-.0266.054-.054.0206.0214c.0188.018.0428.0274.0668.0274s.048-.0094.0669-.0274c.0368-.0377.0368-.0968 0-.1337l-.0206-.0214.1131-.1132.378.0592z'/%3E%3Cpath d='m17.0057 16.7793-2.4111-1.8274-.4294-.4423-1.6637 1.6637.4183.3995 1.5711 2.3562 2.1188 2.3203 2.4421-2.2783z'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=permissionCheckmark-] { + background-image: url("data:image/svg+xml,%3Csvg height='18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3Cpath d='m14.25 14.25h-10.5v-10.5h7.5v-1.5h-7.5c-.8325 0-1.5.6675-1.5 1.5v10.5c0 .8284271.67157288 1.5 1.5 1.5h10.5c.8284271 0 1.5-.6715729 1.5-1.5v-6h-1.5zm-7.5675-6.94-1.0575 1.065 3.375 3.375 7.5-7.5-1.0575-1.065-6.4425 6.4425z' fill='%23b8bb26'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=removeKeybind-] { + background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath d="M0 0h18v18H0"/%3E%3Cpath fill="%23232634" d="M14.25 4.8075L13.1925 3.75 9 7.9425 4.8075 3.75 3.75 4.8075 7.9425 9 3.75 13.1925 4.8075 14.25 9 10.0575l4.1925 4.1925 1.0575-1.0575L10.0575 9"/%3E%3C/g%3E%3C/svg%3E') !important; +} + +[class*=removeGame-] { + background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m14.25 4.808-1.057-1.058-4.193 4.192-4.192-4.192-1.058 1.058 4.192 4.192-4.192 4.193 1.058 1.057 4.192-4.193 4.193 4.193 1.057-1.057-4.193-4.193z' fill-rule='nonzero' fill='%23cc241d'/%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=emojiRemove-] { + background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m14.25 4.808-1.057-1.058-4.193 4.192-4.192-4.192-1.058 1.058 4.192 4.192-4.192 4.193 1.058 1.057 4.192-4.193 4.193 4.193 1.057-1.057-4.193-4.193z' fill-rule='nonzero' fill='%23cc241d'/%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3C/g%3E%3C/svg%3E") !important; +} + +[class*=lockIcon-] { + content: url("data:image/svg+xml,%3Csvg height='14' viewBox='0 0 10 14' width='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m553 515h-6v-1c0-1.654 1.346-3 3-3s3 1.346 3 3zm-4 6h2v-4h-2zm1-12c-2.762 0-5 2.238-5 5v1 4 2c0 1.104.896 2 2 2h6c1.104 0 2-.896 2-2v-2-4-1c0-2.762-2.238-5-5-5z' fill='%23b8bb26' fill-rule='evenodd' transform='translate(-545 -509)'/%3E%3C/svg%3E") !important; +} + +.theme-dark svg[class*=noItemsIcon-], +.theme-light svg[class*=noItemsIcon-] { + background-color: #665c54; +} + +.theme-dark svg[class*=tier1ProfilePerk-], +.theme-light svg[class*=tier1ProfilePerk-] { + color: #83a598 !important; +} + +.theme-dark svg[class*=tier1BoostPerk-], +.theme-light svg[class*=tier1BoostPerk-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=tier1CustomEmojiPerk-], +.theme-light svg[class*=tier1CustomEmojiPerk-] { + color: #fe8019 !important; +} + +.theme-dark svg[class*=tier1UploadPerk-], +.theme-light svg[class*=tier1UploadPerk-] { + color: #babbf1 !important; +} + +.theme-dark svg[class*=tier1StreamPerk-], +.theme-light svg[class*=tier1StreamPerk-] { + color: #b8bb26 !important; +} + +.theme-dark svg[class*=guildBoostingIcon-], +.theme-light svg[class*=guildBoostingIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=guildSubscriptionSlotIcon-], +.theme-light svg[class*=guildSubscriptionSlotIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=guildSubscriberCountIcon-], +.theme-light svg[class*=guildSubscriberCountIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=gemWithLabel-], +.theme-light svg[class*=gemWithLabel-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=gemWithoutLabel-], +.theme-light svg[class*=gemWithoutLabel-] { + color: #838ba7 !important; +} + +.theme-dark svg[class*=memberBadgeIcon-], +.theme-light svg[class*=memberBadgeIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=stickerIcon-], +.theme-light svg[class*=stickerIcon-] { + color: #ca9ee6 !important; +} + +.theme-dark svg[class*=audioQualityIcon-], +.theme-light svg[class*=audioQualityIcon-] { + color: #85c1dc !important; +} + +.theme-dark svg[class*=uploadSizeIcon-], +.theme-light svg[class*=uploadSizeIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=threadIcon-], +.theme-light svg[class*=threadIcon-] { + color: #81c8be !important; +} + +.theme-dark svg[class*=premiumIcon-], +.theme-light svg[class*=premiumIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=gameIcon-], +.theme-light svg[class*=gameIcon-] { + color: #f9f5d7 !important; +} + +.theme-dark svg[class*=tierMarkerLabelPlusIcon-], +.theme-light svg[class*=tierMarkerLabelPlusIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=currentTierIcon-], +.theme-light svg[class*=currentTierIcon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=tier3Icon-], +.theme-light svg[class*=tier3Icon-] { + color: #d3869b !important; +} + +.theme-dark svg[class*=searchIcon-], +.theme-light svg[class*=searchIcon-] { + color: #a5adce !important; +} + +.theme-dark svg[class*=upsellIcon-], +.theme-light svg[class*=upsellIcon-] { + color: #d3869b !important; +} + +[class*=lookFilled-][class*=colorBrand-], [class*=lookFilled-][class*=colorBrandNew-], [class*=lookFilled-][class*=colorLink-], [class*=lookFilled-][class*=colorYellow-], [class*=lookFilled-][class*=colorRed-], [class*=lookFilled-][class*=colorGreen-] { + color: #232634; +} +[class*=lookFilled-][class*=colorBrand-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorBrandNew-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorLink-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorYellow-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorRed-] svg[class|=premiumIcon], [class*=lookFilled-][class*=colorGreen-] svg[class|=premiumIcon] { + color: #e660c2; +} +[class*=lookFilled-][class*=colorBrand-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorBrandNew-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorLink-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorYellow-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorRed-] [class*=spinnerItem-], [class*=lookFilled-][class*=colorGreen-] [class*=spinnerItem-] { + background-color: #232634; +} +[class*=lookFilled-][class*=colorBrand-] [class*=defaultColor-], [class*=lookFilled-][class*=colorBrandNew-] [class*=defaultColor-], [class*=lookFilled-][class*=colorLink-] [class*=defaultColor-], [class*=lookFilled-][class*=colorYellow-] [class*=defaultColor-], [class*=lookFilled-][class*=colorRed-] [class*=defaultColor-], [class*=lookFilled-][class*=colorGreen-] [class*=defaultColor-] { + color: #fbf1c7; +} +[class*=lookFilled-][class*=colorPrimary-] { + color: #fbf1c7; +} + +div[class|=actionButtons] [class|=button][class*=buttonColor-], +div[class|=actionButtons] [class|=button] [class*=buttonColor-] { + background-color: #504945; +} +div[class|=actionButtons] [class|=button][class*=buttonColor-][class*=buttonActive-], +div[class|=actionButtons] [class|=button] [class*=buttonColor-][class*=buttonActive-] { + background-color: #BB8725; + color: #232634; +} +div[class|=actionButtons] [class|=button][class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-], +div[class|=actionButtons] [class|=button] [class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-] { + color: #232634; +} +div[class|=actionButtons] [class|=button][class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-] svg, +div[class|=actionButtons] [class|=button] [class*=buttonColor-][class*=buttonActive-] [class*=buttonContents-] svg { + color: #232634; +} + +[class*=lookInverted-][class*=colorBrand-] { + color: var(--brand-experiment-600); +} +[class*=lookInverted-][class*=colorBrand-] svg[class|=premiumIcon] { + color: #ea76cb; +} + +.theme-dark [class*=lookLink-][class*=colorPrimary-], +.theme-light [class*=lookLink-][class*=colorPrimary-] { + color: #c6d0f5; +} +.theme-dark [class*=lookFilled-][class*=colorTransparent-], +.theme-light [class*=lookFilled-][class*=colorTransparent-] { + color: #c6d0f5; + background-color: #414559; +} + +div[class*=button-][class*=dangerous-]:hover { + color: #df575a; +} + +div[role=radio][class*=selected] { + color: #232634; +} +div[role=radio][class*=selected][class*=allow] { + background-color: #b8bb26; +} + +[class*=container-][style*="background-color: var(--green-360)"] { + --green-360: #b8bb26; + background-color: #b8bb26 !important; +} + +[class*=container-][style*="background-color: var(--primary-400)"], +[class*=container-][style*="background-color: rgb(130, 133, 143)"] { + background-color: #928374 !important; +} + +.vc-spotify-button-row .vc-spotify-button.vc-spotify-shuffle-on, .vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-context, .vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-track { + color: var(--interactive-normal); +} +.vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-off, .vc-spotify-button-row .vc-spotify-button.vc-spotify-shuffle-off { + color: var(--text-muted); +} + +[class*=topGuildEmojiBadge-] { + background: linear-gradient(268.26deg, #fe8019, #d3869b 102.45%); +} +[class*=topGuildEmojiBadge-] * { + color: #232634 !important; +} + +[class*=newlyAddedBadge-] { + background: linear-gradient(268.26deg, #81c8be, #b8bb26 102.45%); +} +[class*=newlyAddedBadge-] * { + color: #232634 !important; +} + +[class*=lookFilled-] [class*=premiumSubscribeButton-] > [class*=premiumIcon-] { + color: #232634 !important; +} + +div[class|=sidebarRegion] div[class|=serverBoostTabItem] svg[class|=icon] { + fill: #d3869b !important; +} +div[class|=sidebarRegion] div[class|=serverBoostTabItem][class*=selected-] { + background-color: #4E4943 !important; + color: #fbf1c7 !important; +} +div[class|=sidebarRegion] div[class|=serverBoostTabItem][class*=selected-] svg[class|=icon] { + fill: #fbf1c7 !important; +} +div[class|=sidebarRegion] div[class|=premiumTab] > div > svg > path { + fill: #d3869b; +} +div[class|=sidebarRegion] div[class|=premiumTab] > div[class*=selected] { + color: #232634; +} +div[class|=sidebarRegion] div[class|=premiumTab] > div[class*=selected] svg > path { + fill: #232634; +} +div[class|=sidebarRegion] div[class*=tabBarItemContainer-] [class*=textBadge-] { + color: #232634; +} +div[class|=sidebarRegion] div[class*=tabBarItemContainer-] [class*=textBadge-][style*="background-color: var(--brand-500);"] { + background-color: #83a598 !important; +} + +div[class|=contentRegion] div[class*=noticeRegion-] div[style="background-color: rgb(24, 25, 28);"] { + background-color: #232634 !important; +} +div[class|=contentRegion] [class|=bar], +div[class|=contentRegion] [class|=markDash] { + background: #51576d; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class|=radioBar][style*="hsl(139,"] { + border-color: #b8bb26; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class|=radioBar][style*="hsl(37,"] { + border-color: #fe8019; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class|=radioBar][style*="hsl(359,"] { + border-color: #cc241d; +} +div[class|=contentRegion] [id="privacy-&-safety-tab"] div[class*=betaTagIcon] { + background-color: #d79921 !important; + color: #282828; +} +div[class|=contentRegion] #accessibility-tab button[class*=colorBrandNew] { + background-color: #83a598; +} +div[class|=contentRegion] #keybinds-tab span[class*=key] { + color: #232634; +} +div[class|=contentRegion] #keybinds-tab span[class*=key] g { + fill: #232634; +} +div[class|=contentRegion] #nitro-server-boost-tab circle[class|=circleProgress] { + color: #d3869b; +} +div[class|=contentRegion] #nitro-server-boost-tab div[class*=gemIndicatorContainer-] { + background-color: #303446; +} +div[class|=contentRegion] #nitro-server-boost-tab div[class*=gemIndicatorContainer-] div[class|=tierLabel] { + color: #b5bfe2; +} +div[class|=contentRegion] #nitro-server-boost-tab button[class*=lookInverted-] { + color: #232634; + background-color: #c6d0f5; +} +div[class|=contentRegion] #nitro-server-boost-tab button[class*=lookInverted-]:hover { + background-color: #c8d2f5; +} +div[class|=contentRegion] #nitro-server-boost-tab div[class*=card-], +div[class|=contentRegion] #nitro-server-boost-tab h3[class*=price-] { + color: #c6d0f5 !important; +} +div[class|=contentRegion] #subscriptions-tab [class|=sectionAccountCredit], +div[class|=contentRegion] #subscriptions-tab [class|=subscriptionDetails] { + border-color: var(--background-modifier-accent); +} +div[class|=contentRegion] #library-inventory-tab div[class|=promotionIcon] { + background-color: #303446; +} +div[class|=contentRegion] #discord-nitro-tab button[class*=buttonWhite] { + color: #f9f5d7 !important; + border-color: #f9f5d7 !important; +} +div[class|=contentRegion] #discord-nitro-tab h2 { + color: #f9f5d7 !important; +} +div[class|=contentRegion] #discord-nitro-tab svg[class*=sparkleStar-] { + color: #f9f5d7; +} +div[class|=contentRegion] #discord-nitro-tab div[class*=description-] { + color: #fbf1c7 !important; +} +div[class|=contentRegion] #discord-nitro-tab div[class*=card-] { + color: #f9f5d7; +} +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-] { + color: #282828; + background-color: #fbf1c7; +} +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-]:hover { + background-color: #f9f5d7; +} +div[class|=contentRegion] #billing-tab div[class*=subtext] { + color: #b5bfe2; +} +div[class|=contentRegion] #billing-tab [class*=Divider] { + border-color: var(--background-modifier-accent); +} +div[class|=contentRegion] #billing-tab div[class|=defaultIndicator] { + color: #f9f5d7; + background-color: #665c54; +} +div[class|=contentRegion] #billing-tab div[class*=summaryInfo], +div[class|=contentRegion] #billing-tab [class|=paymentHeader] { + color: #fbf1c7; + border-color: var(--background-modifier-accent); +} +div[class|=contentRegion] #billing-tab div[class|=premiumIndicator] { + color: #232634; +} +div[class|=contentRegion] #billing-tab div[class|=paymentPane], +div[class|=contentRegion] #billing-tab div[class*=paginator-], +div[class|=contentRegion] #billing-tab div[class*=payment-] { + background-color: #282828; + color: #f9f5d7; +} +div[class|=contentRegion] #billing-tab div[class|=expandedInfo] { + background-color: #32302f; +} +div[class|=contentRegion] #billing-tab [class*=paymentText-] { + color: #f2e5bc; +} +div[class|=contentRegion] #billing-tab div[class|=codeRedemptionRedirect] { + background-color: #32302f; + color: #ebdbb2; + border-color: #504945; +} +div[class|=contentRegion] [id="voice-&-video-tab"] div[class|=backgroundOptionRing] { + border-color: #83a598; +} +div[class|=contentRegion] #notifications-tab button[class*=marketingUnsubscribeButton-] { + color: #c6d0f5; +} +div[class|=contentRegion] #game-activity-tab div[class*=nowPlayingAdd-], +div[class|=contentRegion] #game-activity-tab div[class*=lastPlayed-], +div[class|=contentRegion] #game-activity-tab div[class*=overlayStatusText-] { + color: var(--text-muted); +} +div[class|=contentRegion] #game-activity-tab div[class*=activeGame-][class*=nowPlaying] * { + color: #232634; +} +div[class|=contentRegion] #game-activity-tab div[class*=activeGame-][class*=nowPlaying] * svg > g > path { + fill: #232634; +} +div[class|=contentRegion] #game-activity-tab input[class|=gameName] { + color: #fbf1c7; +} +div[class|=contentRegion] #game-activity-tab input[class*=gameNameInput-]:hover, div[class|=contentRegion] #game-activity-tab input[class*=gameNameInput-]:focus { + background-color: #292c3c; + border-color: rgba(41, 44, 60, 0.3); + color: #fbf1c7; +} +div[class|=contentRegion] #game-activity-tab div[class*=game-] { + -webkit-box-shadow: 0 1px 0 0 var(--background-modifier-accent); + box-shadow: 0 1px 0 0 var(--background-modifier-accent); +} +div[class|=contentRegion] #game-activity-tab div[class*=removeGame-] { + background-color: #414559; +} +div[class|=contentRegion] #emoji-tab div[class*=emojiRemove-] { + background-color: #414559; +} +div[class|=contentRegion] section[class|=inputSensitivityToggle] div[class*=speaking-] { + background: #b8bb26 !important; +} +div[class|=contentRegion] div[class*=reactionMe-] { + background-color: #414559 !important; +} +div[class|=contentRegion] div[class|=control] > div[class*=checked-], +div[class|=contentRegion] div[class|=sensitivity] div[class*=checked-], +div[class|=contentRegion] div[style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] { + background-color: #b8bb26 !important; +} +div[class|=contentRegion] div[class|=control] > div[style*="background-color: hsl(218, calc(var(--saturation-factor, 1) * 4.6%), 46.9%)"] { + background-color: #626880 !important; +} +div[class|=contentRegion] div[class|=control] svg[class|=slider] > svg > path { + fill: #416628 !important; +} +div[class|=contentRegion] #guild_premium-tab [class*=tierAccomplished-], +div[class|=contentRegion] #guild_premium-tab [class*=tierCurrent-], +div[class|=contentRegion] #guild_premium-tab [class*=tierFirst-] { + background: #d3869b; +} +div[class|=contentRegion] #guild_premium-tab [class*=tierInProgress-] { + background-color: #504945; +} +div[class|=contentRegion] #guild_premium-tab div[class|=progressWithSubscriptions] > svg > g > rect:first-child { + color: #232634; +} +div[class|=contentRegion] #guild_premium-tab div[class|=progressWithSubscriptions] > svg > g > rect:nth-child(2) { + color: #d3869b; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] { + background-color: #282828; + color: #d5c4a1; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] div[class|=tierUnlocked], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] div[class|=tierUnlocked] { + background-image: linear-gradient(90deg, #83a598, #ca9ee6); + color: #232634; + font-weight: 600; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] svg[class|=tierIcon], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] svg[class|=tierIcon] { + color: #d3869b; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] svg[class*=tierIconLocked-], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] svg[class*=tierIconLocked-] { + color: #d5c4a1; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] svg[class|=tierLock], +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] svg[class|=tierLock] { + color: #928374; +} +div[class|=contentRegion] #guild_premium-tab div[class|=tierBody] { + color: #fbf1c7; + background-color: #32302f; +} +div[class|=contentRegion] svg[class|=activeCircle] { + color: #232634; + background-color: #b8bb26; +} +div[class|=contentRegion] #discovery-tab div[class*=checklistIcon] svg[viewBox="0 0 14 14"] path { + fill: #cc241d; +} +div[class|=contentRegion] #discovery-tab div[class*=checklistIcon] svg[viewBox="0 0 20 20"] path { + fill: #fe8019; +} +div[class|=contentRegion] #guild_templates-tab svg[class*=descriptionIcon][viewBox="0 0 24 24"] path { + fill: #b8bb26; +} +div[class|=contentRegion] #guild_templates-tab svg[class*=descriptionIcon][viewBox="0 0 14 14"] path { + fill: #cc241d; +} +div[class|=contentRegion] #guild_templates-tab svg[class*=descriptionIcon] circle { + fill: #232634; +} +div[class|=contentRegion] #stickers-tab div[class*=tierHeaderContent] { + background-color: #32302f; +} +div[class|=contentRegion] #stickers-tab div[class*=tierBody] { + background-color: #282828; +} +div[class|=contentRegion] #roles-tab div[class*=previewContainer-] .theme-light img[class*=roleIcon-] { + content: "data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0749 1.66667H4.99996C3.15901 1.66667 1.66663 3.15906 1.66663 5.00001V15C1.66663 16.841 3.15901 18.3333 4.99996 18.3333H15C16.8409 18.3333 18.3333 16.841 18.3333 15V8.92511C17.8052 9.08227 17.2458 9.16667 16.6666 9.16667C13.445 9.16667 10.8333 6.555 10.8333 3.33334C10.8333 2.75419 10.9177 2.19476 11.0749 1.66667ZM6.66663 5.00001C7.58596 5.00001 8.33329 5.74601 8.33329 6.66667C8.33329 7.58801 7.58596 8.33334 6.66663 8.33334C5.74529 8.33334 4.99996 7.58801 4.99996 6.66667C4.99996 5.74601 5.74529 5.00001 6.66663 5.00001ZM4.99996 15L7.49996 11.6667L9.16663 13.3333L12.5 9.16667L15 15H4.99996Z' fill='%2351576d'/%3E%3Cpath d='M17.5 0V2.5H20V4.16667H17.5V6.66667H15.8334V4.16667H13.3334V2.5H15.8334V0H17.5Z' fill='%2351576d'/%3E%3C/svg%3E"; +} +div[class|=contentRegion] #roles-tab div[class*=previewContainer-] .theme-dark img[class*=roleIcon-] { + content: "data:image/svg+xml,%3Csvg fill='none' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c6d0f5'%3E%3Cpath clip-rule='evenodd' d='m11.0749 1.66667h-6.07488c-1.84095 0-3.33333 1.49239-3.33333 3.33334v9.99999c0 1.841 1.49238 3.3333 3.33333 3.3333h9.99998c1.841 0 3.3334-1.4923 3.3334-3.3333v-6.07489c-.5281.15716-1.0876.24156-1.6667.24156-3.2217 0-5.8333-2.61167-5.8333-5.83333 0-.57915.0844-1.13858.2415-1.66667zm-4.40821 3.33334c.91933 0 1.66666.746 1.66666 1.66666 0 .92134-.74733 1.66667-1.66666 1.66667-.92134 0-1.66667-.74533-1.66667-1.66667 0-.92066.74533-1.66666 1.66667-1.66666zm-1.66667 9.99999 2.5-3.3333 1.66667 1.6666 3.33331-4.16663 2.5 5.83333z' fill-rule='evenodd'/%3E%3Cpath d='m17.5 0v2.5h2.5v1.66667h-2.5v2.5h-1.6667v-2.5h-2.5v-1.66667h2.5v-2.5z'/%3E%3C/g%3E%3C/svg%3E"; +} + +.bd-settings-title { + color: #c6d0f5; +} + +.bd-switch-body { + --switch-color: #626880; +} +.bd-switch input:checked + .bd-switch-body { + --switch-color: #b8bb26; +} +.bd-switch input:checked + .bd-switch-body svg.bd-switch-symbol path { + fill: #416628; +} + +.bd-button { + background-color: #83a598; + color: #232634; +} +.bd-button.bd-button-danger { + background-color: #cc241d; +} + +.bd-controls > .bd-addon-button svg { + fill: #232634; +} + +.bd-addon-views .bd-view-button.selected { + background-color: #83a598; +} +.bd-addon-views .bd-view-button.selected svg { + fill: #232634; +} + +div[class|=perksModal] { + background-color: #303446; +} +div[class|=perksModal] li[class|=perk] { + background-color: #292c3c; +} +div[class|=perksModal] li[class|=perk] svg { + color: #d3869b; +} +div[class|=perksModal] svg[class|=giftIcon] { + color: #232634; +} +div[class|=perksModal] div[class|=tierHeaderUnlocked] { + background-image: linear-gradient(90deg, #83a598, #ca9ee6); + color: #303446; +} +div[class|=perksModal] div[class|=tierUnlocked], +div[class|=perksModal] div[class|=tierMarkerBackground] { + background-color: #303446; +} +div[class|=perksModal] div[class|=barBackground], +div[class|=perksModal] div[class|=tierMarkerInProgress], +div[class|=perksModal] div[class|=tierBody] { + background-color: #232634 !important; +} +div[class|=perksModal] div[class|=tierMarkerAccomplished] { + background: #d3869b !important; +} +div[class|=perksModal] div[class|=tierMarkerInProgress] [class|=currentTierIcon] { + color: #d3869b; +} +div[class|=perksModal] div[class|=barForeground], +div[class|=perksModal] div[class|=tierMarkerAccomplished] { + background-color: #d3869b; +} +div[class|=perksModal] svg[class|=currentTierIcon] { + color: #303446; +} +div[class|=perksModal] div[class*=tierMarkerLabelText], +div[class|=perksModal] svg[class|=tierLock] { + color: var(--text-muted); +} +div[class|=perksModal] div[class*=selectedTier] div[class*=tierMarkerLabelText] { + color: var(--text-normal); +} +div[class|=perksModal] div[class|=tierHeaderLocked] { + background-color: #191b25; + color: var(--text-muted); +} +div[class|=perksModal] svg[class*=unlocked] { + color: #b8bb26; +} + +div[class|=sidebar] div[class|=container] div[class|=progressBar] { + background: linear-gradient(90deg, #83a598, #ca9ee6); +} +div[class|=sidebar] div[class|=container]:hover div[class|=progressBar] { + background: linear-gradient(90deg, hsl(221deg, 70%, 55.5%), #ca9ee6 34%, #83a598 67%, #ca9ee6); +} +div[class|=sidebar] div[class|=container] div[class|=divider] { + border-color: var(--background-modifier-accent); +} + +div[class|=pageWrapper] { + background: #282828 !important; +} +div[class|=pageWrapper] div[class*=searchBox-] { + background-color: #292c3c; +} +div[class|=pageWrapper] div[class*=searchBox-] svg[class*=clearIcon] path { + fill: #737994; +} +div[class|=pageWrapper] div[class*=categoryPill-][class*=selected-] div { + color: #232634 !important; +} + +div[class|=homeContainer] { + background: #282828 !important; +} +div[class|=homeContainer] > div[class|=homeContent] div[class*=card-] { + background: #414559 !important; +} + +section[class|=title] { + background: var(--background-primary) !important; +} + +div[class|=categoryItem][class*=selectedCategoryItem], +button[class*=lookFilled] div[class*=addButton] { + color: #232634 !important; +} + +div[class|=itemInner] div[class|=new] > div[class*=newText-] { + color: #232634 !important; +} + +div[class*=directoryModal-] { + background-color: #303446 !important; +} +div[class*=directoryModal-] [class*=searchBox] { + background-color: #292c3c !important; +} +div[class*=directoryModal-] [class*=searchBox] [name=search]::placeholder { + color: #a5adce; +} +div[class*=directoryModal-] [role=button][class*=activeButton] { + color: #232634; +} + +section[class|=guildListSection] div[class|=guildList]:first-child div[class|=iconContainer] { + background-color: #b8bb26; +} +section[class|=guildListSection] div[class|=guildList]:first-child div[class|=iconContainer] > div[class|=icon] { + background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' viewBox='0 0 25 24' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23232634'%3E%3Cpath clip-rule='evenodd' d='m13.25 18v-12h-1.5v12z' fill-rule='evenodd'/%3E%3Cpath clip-rule='evenodd' d='m7 12.75c-.69036 0-1.25.5596-1.25 1.25v4h-1.5v-4c0-1.5188 1.23122-2.75 2.75-2.75h11c1.5188 0 2.75 1.2312 2.75 2.75v4h-1.5v-4c0-.6904-.5596-1.25-1.25-1.25z' fill-rule='evenodd'/%3E%3Cpath d='m12.5 7c-1.3807 0-2.5-1.11929-2.5-2.5s1.1193-2.5 2.5-2.5 2.5 1.11929 2.5 2.5-1.1193 2.5-2.5 2.5z'/%3E%3Cpath d='m20 22c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5-1.1193 2.5-2.5 2.5z'/%3E%3Cpath d='m12.5 22c-1.3807 0-2.5-1.1193-2.5-2.5s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5-1.1193 2.5-2.5 2.5z'/%3E%3Cpath d='m5 22c-1.38071 0-2.5-1.1193-2.5-2.5s1.11929-2.5 2.5-2.5 2.5 1.1193 2.5 2.5-1.11929 2.5-2.5 2.5z'/%3E%3C/g%3E%3C/svg%3E"); +} + +path[d="M22 12.4065C21.8956 14.9141 20.8533 17.2908 19.0798 19.0654C17.3062 20.8401 14.931 21.883 12.425 21.9875L13.7625 15.646L17.2375 17.9224C17.3214 17.9702 17.416 17.996 17.5125 17.9975C17.6481 17.9962 17.7781 17.9424 17.875 17.8474C17.9439 17.7577 17.9813 17.6478 17.9813 17.5347C17.9813 17.4216 17.9439 17.3117 17.875 17.222L15.6 13.7323L22 12.4065ZM13.7625 8.34148L17.2375 6.06504C17.3352 6.00866 17.4487 5.98608 17.5605 6.00084C17.6723 6.0156 17.7762 6.06686 17.8559 6.14665C17.9357 6.22645 17.9869 6.33037 18.0017 6.44225C18.0164 6.55413 17.9938 6.66772 17.9375 6.76548L15.6625 10.2551L22 11.581C21.8956 9.07342 20.8533 6.69669 19.0798 4.92206C17.3062 3.14742 14.931 2.10449 12.425 2L13.7625 8.34148ZM10.275 8.34148L11.6 2C9.09402 2.10449 6.71878 3.14742 4.94525 4.92206C3.17172 6.69669 2.12945 9.07342 2.02502 11.581L8.37497 10.2551L6.08752 6.76548C6.02873 6.66774 6.00413 6.55315 6.01772 6.43988C6.0313 6.32661 6.08228 6.22113 6.16252 6.14009C6.24233 6.05781 6.34797 6.00542 6.46175 5.99176C6.57552 5.97809 6.69052 6.00399 6.78752 6.06504L10.275 8.34148ZM6.16252 17.8474C6.08228 17.7663 6.0313 17.6609 6.01772 17.5476C6.00413 17.4343 6.02873 17.3197 6.08752 17.222L8.37497 13.7323L2 12.4065C2.10442 14.9141 3.1467 17.2908 4.92023 19.0654C6.69376 20.8401 9.06899 21.883 11.575 21.9875L10.25 15.646L6.7625 17.9224C6.67925 17.9718 6.58428 17.9977 6.48753 17.9975C6.35971 17.9937 6.23848 17.9398 6.15001 17.8474H6.16252Z"] { + fill: #81c8be; +} + +path[d="M17.225 6.06504C17.3227 6.00866 17.4362 5.98608 17.548 6.00084C17.6598 6.0156 17.7637 6.06686 17.8434 6.14665C17.9232 6.22645 17.9744 6.33037 17.9892 6.44225C18.0039 6.55413 17.9813 6.66772 17.925 6.76548L15.65 10.2551L21.9875 11.581C21.9875 11.7185 21.9875 11.8562 21.9875 11.9937C21.9875 12.1313 21.9875 12.2689 21.9875 12.4065L15.65 13.7323L17.925 17.222C17.9939 17.3117 18.0313 17.4216 18.0313 17.5347C18.0313 17.6478 17.9939 17.7577 17.925 17.8474C17.8281 17.9424 17.6982 17.9962 17.5625 17.9975C17.466 17.996 17.3714 17.9702 17.2875 17.9224L13.8125 15.646L12.4125 22H11.5875L10.2625 15.6585L6.77501 17.935C6.69176 17.9843 6.59672 18.0102 6.49997 18.01C6.43455 18.0098 6.3699 17.9963 6.30977 17.9705C6.24964 17.9447 6.1953 17.9072 6.15001 17.8599C6.06977 17.7789 6.01879 17.6734 6.0052 17.5601C5.99162 17.4468 6.01621 17.3323 6.07501 17.2345L8.36253 13.7449L2 12.4065C2 12.2689 2 12.1313 2 11.9937C2 11.8562 2 11.7185 2 11.581L8.35002 10.2551L6.0625 6.76548C6.0037 6.66774 5.97918 6.55315 5.99277 6.43988C6.00635 6.32661 6.05726 6.22113 6.1375 6.14009C6.21731 6.05781 6.32295 6.00542 6.43672 5.99176C6.5505 5.97809 6.6655 6.00399 6.7625 6.06504L10.25 8.34148L11.575 2H12.4L13.7375 8.34148L17.225 6.06504Z"] { + fill: #232634; +} + +div[class|=tierPreviews] button[class|=button] { + background: linear-gradient(90deg, #81c8be, #83a598); +} + +div[class|=notice] div[class*=noticeText-] { + color: #232634; +} +div[class|=notice] div[class*=header-] { + color: #232634; +} +div[class|=notice] div[class|=closeButton] > svg > path { + fill: #232634; +} +div[class|=notice] button[class|=button] { + border-color: #fff; + color: #232634; +} +div[class|=notice] button[class|=button]:hover { + background: #6089e7; +} + +nav[class*=guilds-] foreignObject > div[data-list-item-id|=guildsnav_] { + background-color: #34384c; +} +nav[class*=guilds-] foreignObject > div[data-list-item-id|=guildsnav_]:hover > div[class|=childWrapper], nav[class*=guilds-] foreignObject > div[data-list-item-id|=guildsnav_][class*=selected] > div[class|=childWrapper] { + color: #232634; + font-weight: 600; +} +nav[class*=guilds-] div[data-list-item-id=guildsnav___home] { + --background-primary: #504945; +} +nav[class*=guilds-] span[class|=expandedFolderBackground] { + background-color: #282828; +} +nav[class*=guilds-] div[class|=folder][class*=hover-] { + background-color: #665c54; +} +.closedFolderIconWrapper-3tRb2d { + background-color: #504945; +} +.closedFolderIconWrapper-3tRb2d:hover { + background-color: #665c54; +} +nav[class*=guilds-] div[data-list-item-id=guildsnav___create-join-button] svg > path, +nav[class*=guilds-] div[data-list-item-id=guildsnav___guild-discover-button] svg > path, +nav[class*=guilds-] div[data-list-item-id=guildsnav___app-download-button] svg > path { + fill: #b8bb26; +} +.circleIconButton-1VxDrg.selected-2r1Hvo { + background-color: #665c54; +} + +div[class|=upperBadge] > div[class|=iconBadge] path { + color: #232634; +} +div[class|=upperBadge] div[class*=participating-] { + background: #ffffff; +} + +div[class|=lowerBadge] div[class|=iconBadge] path { + color: #232634; +} + +svg[class|=spine] { + color: #626880; +} + +div[class|=spineBorder] { + background: #626880; +} + +ul[aria-label$=" threads"] > li:nth-child(1n) { + --channels-default: #d0b9d3; + --interactive-hover: #cc241d; + --interactive-active: #cc241d; +} + +ul[aria-label$=" threads"] > li:nth-child(2n) { + --channels-default: #d2c1cf; + --interactive-hover: #ef9f76; + --interactive-active: #ef9f76; +} + +ul[aria-label$=" threads"] > li:nth-child(3n) { + --channels-default: #cfced7; + --interactive-hover: #fe8019; + --interactive-active: #fe8019; +} + +ul[aria-label$=" threads"] > li:nth-child(4n) { + --channels-default: #bcd0d5; + --interactive-hover: #b8bb26; + --interactive-active: #b8bb26; +} + +ul[aria-label$=" threads"] > li:nth-child(5n) { + --channels-default: #b5c5f3; + --interactive-hover: #85c1dc; + --interactive-active: #85c1dc; +} + +ul[aria-label$=" threads"] > li:nth-child(6n) { + --channels-default: #c7c1f1; + --interactive-hover: #ca9ee6; + --interactive-active: #ca9ee6; +} + +[class|=botText] { + color: #232634; + font-weight: 600; +} + +svg[class|=botTagVerified] { + color: #232634; +} + +div[class*=activePostCount-] { + background-color: #414559; + color: #c6d0f5 !important; +} + +div[class*=newPostCount-] { + background-color: #c6d0f5; + color: #232634; +} + +div[class*=liveSmall-] { + background-color: #d79921!important; + color: #282828; +} + +[class|=chatContent] div[class*=wrapperAudio-] div[class*=audioControls], +[class|=chatContent] div[class*=wrapperAudio-] div[class*=videoControls-], +[class|=chatContent] div[class*=imageWrapper-] div[class*=audioControls], +[class|=chatContent] div[class*=imageWrapper-] div[class*=videoControls-] { + background-color: rgba(41, 44, 60, 0.8); +} +[class|=chatContent] div[class*=wrapperAudio-] div[class*=audioControls] svg[class*=controlIcon-], +[class|=chatContent] div[class*=wrapperAudio-] div[class*=videoControls-] svg[class*=controlIcon-], +[class|=chatContent] div[class*=imageWrapper-] div[class*=audioControls] svg[class*=controlIcon-], +[class|=chatContent] div[class*=imageWrapper-] div[class*=videoControls-] svg[class*=controlIcon-] { + opacity: 1; + color: #fbf1c7; +} +[class|=chatContent] #---new-messages-bar span[class|=unreadPill] { + color: #fbf1c7; +} +[class|=chatContent] div[class|=newMessagesBar] button { + color: #232634; +} +[class|=chatContent] div[class|=channelTextArea] div[class|=buttons] * { + color: var(--interactive-normal) !important; +} +[class|=chatContent] [id|=message-reactions] div[class|=reaction] { + background-color: #504945; +} +[class|=chatContent] [id|=message-reactions] div[class|=reaction]:hover { + background-color: #504945; + border-color: #665c54; +} +[class|=chatContent] div[class*=isBurstReactionPicker-] { + box-shadow: 0 0 0 2px #ca9ee6, 0 0 16px #babbf1; +} +[class|=chatContent] div[class|=navButtonSuperReactActive], +[class|=chatContent] div[class|=navButtonSuperReactActive]:hover { + background: linear-gradient(270deg, #d3869b, #babbf1 33.63%, #ca9ee6); + color: #232634; +} +[class|=chatContent] div[class*=betaTag-] { + background: var(--brand-experiment) !important; + color: #232634; +} +[class|=chatContent] button[class*=navButtonActive-], +[class|=chatContent] button[class*=navButtonActive-]:hover { + color: #232634; +} +[class|=chatContent] div[class*=colorPremiumGradient-][class*=focused-] { + background: linear-gradient(270deg, #d3869b, #babbf1 33.63%, #ca9ee6); + color: #232634 !important; +} +[class|=chatContent] div[class*=isBurstReactionPicker] { + border: none; + box-shadow: 0 0 0 2px #ca9ee6, 0 0 16px #babbf1; +} +[class|=chatContent] div[class*=playButtonContainer-] { + background: var(--brand-experiment) !important; +} +[class|=chatContent] svg[class*=playIcon-] path { + fill: #232634; +} +[class|=chatContent] div[class|=container][class*=header-] div[class*=addReactButton-], +[class|=chatContent] div[class|=container][class*=header-] div[class|=buttons]:not([class*=lookBlank-]) div[class|=contents] { + background: #414559; +} +[class|=chatContent] div[class|=container][class*=header-] div[class*=addReactButton-]:hover, +[class|=chatContent] div[class|=container][class*=header-] div[class|=buttons]:not([class*=lookBlank-]) div[class|=contents]:hover { + background-color: var(--brand-experiment-20a); + border-color: var(--brand-experiment-30a); +} +[class|=chatContent] div[class|=messagesErrorBar] div[class*=barButtonBase-] { + color: #232634; +} +[class|=chatContent] [class*=inlineCode-] { + background: #4F4641; +} +[class|=chatContent] code.inline { + background: #414559; +} +[class|=chatContent] div[class|=container] div[class|=cardWrapper] div[class*=completed-] svg[class|=checkmark] { + background-color: #b8bb26; + color: #232634; +} + +div[style*="d1382af8d9e755bc44811b1fd92990a8.svg"] { + background-image: url("data:image/svg+xml,%3Csvg height='18' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m18 0h-18v18h18z'/%3E%3Cpath d='m0 8h14.2l-3.6-3.6 1.4-1.4 6 6-6 6-1.4-1.4 3.6-3.6h-14.2' fill='%23b8bb26'/%3E%3C/g%3E%3C/svg%3E") !important; + filter: none !important; +} + +main[class|=chatContent] div[id|=message-content] svg[class|=icon] > path[d="M4 0L0 4V8L4 12L8 8V4L4 0ZM7 7.59L4 10.59L1 7.59V4.41L4 1.41L7 4.41V7.59Z"], +main[class|=chatContent] div[id|=message-content] svg[class|=icon] > path[d="M2 4.83V7.17L4 9.17L6 7.17V4.83L4 2.83L2 4.83Z"] { + color: #d3869b; +} + +.theme-dark span[class|=spoilerContent], +.theme-dark div[class|=spoilerContent], +.theme-light span[class|=spoilerContent], +.theme-light div[class|=spoilerContent] { + background-color: #bdae93; +} +.theme-dark span[class|=spoilerContent][class*=hidden], +.theme-dark div[class|=spoilerContent][class*=hidden], +.theme-light span[class|=spoilerContent][class*=hidden], +.theme-light div[class|=spoilerContent][class*=hidden] { + background-color: #665c54; +} +.theme-dark span[class|=spoilerContent][class*=hidden]:hover, +.theme-dark div[class|=spoilerContent][class*=hidden]:hover, +.theme-light span[class|=spoilerContent][class*=hidden]:hover, +.theme-light div[class|=spoilerContent][class*=hidden]:hover { + background-color: #7c6f64; +} +.theme-dark div[class|=spoilerContainer] div[class|=spoilerWarning], +.theme-light div[class|=spoilerContainer] div[class|=spoilerWarning] { + color: #fbf1c7; + background-color: rgba(50, 48, 47, 0.7); +} +.theme-dark div[class|=spoilerContainer]:hover div[class|=spoilerWarning], +.theme-light div[class|=spoilerContainer]:hover div[class|=spoilerWarning] { + color: #fbf1c7; + background-color: rgba(50, 48, 47, 0.7); +} +.theme-dark div[class|=spoilerContainer] article[class*=embedFull-], +.theme-light div[class|=spoilerContainer] article[class*=embedFull-] { + border-color: #626880; +} + +div[class|=cooldownWrapper] { + color: var(--text-muted) !important; +} + +div[class*=autocomplete-] { + background-color: #292c3c !important; +} +div[class*=autocomplete-] div[class*=categoryHeader] { + background-color: #292c3c !important; +} +div[class*=autocomplete-] div[class*=autocompleteRowSubheading] { + background-color: transparent; +} +div[class*=autocomplete-] div[class*=autocompleteRowContentSecondary] { + background-color: transparent; +} +div[class*=autocomplete-] div[class|=usageWrapper] > div[class*=title-] { + color: #83a598 !important; +} +div[class*=autocomplete-] strong { + color: #83a598 !important; +} + +div[class|=channelTextArea] button[class*=emojiButton-] { + background: transparent !important; +} + +[class|=uploadDropModal][class*=error] { + background-color: #cc241d; +} +[class|=uploadDropModal] div[class|=inner] { + border-color: #ebdbb2; +} +[class|=uploadDropModal] div[class|=inner] * { + color: #f9f5d7 !important; +} + +div[class|=chat] > div[class|=content] > div[class|=container] { + background-color: #282828; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=pinIcon] > svg > path, +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=stepStatus] > svg > path { + fill: #a5adce; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=pinIcon][style*="background-color: var(--status-positive-background);"] > svg > path, +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=stepStatus][style*="background-color: var(--status-positive-background);"] > svg > path { + fill: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class*=countText] { + color: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] svg[class|=discordIcon] { + background-color: #83a598; + color: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=newBadge] { + background-color: #babbf1 !important; + color: #232634; +} +div[class|=chat] > div[class|=content] > div[class|=container] div[class*=mainCard-] { + background-color: #282828; +} + +div[class|=sidebar] > section[class|=panels] svg[class*=buttonIcon-], +div[class|=sidebar] > section[class|=panels] div[class*=buttonContents] { + fill: #c6d0f5; + color: #ebdbb2; +} + +[data-list-id|=forum-channel-list] div[class|=body] > div[class|=tags] div[class*=pill] { + background-color: #292c3c; +} +[data-list-id|=forum-channel-list] button[class|=submitButton][class*=colorBrand] { + background-color: #D79921; + color: #232634 !important; +} + +.text-md-bold-1mgErV, .text-md-semibold-2VMhBr { + color: #fbf1c7; +} + +.submitIcon-E3Vuaz { + color: #282828; +} + +.theme-dark svg[class*=searchIcon-], .theme-light svg[class*=searchIcon-] { + color: #A69884 !important; +} + +.name-3Uvkvr { + color: #f9f5d7; +} + +div[class|=applicationCommand] span[class*=selectedPill-] { + border-color: #83a598 !important; +} +div[class|=applicationCommand] span[class*=erroredPill-] { + border-color: #cc241d !important; +} + +div[class|=chat] > div[class|=content] main[class|=chatContent] + div[class|=container] { + background-color: var(--background-secondary); +} + +[class*=channelTextAreaInnerError-] { + border: 1px solid #cc241d !important; +} + +[class*=barButtonBase-] { + color: #232634 !important; +} + +div[class|=callContainer] [class*=controlIcon-] { + color: #b5bfe2; +} +div[class|=callContainer] [class*=controlIcon-]:hover { + color: #c6d0f5; +} +div[class|=callContainer] div[class*=tile-], +div[class|=callContainer] div[class*=background-] { + background-color: #32302f !important; +} +div[class|=callContainer] div[class*=overlayTitle], +div[class|=callContainer] svg[class*=status-] { + background-color: #504945; + color: #fbf1c7; +} +div[class|=callContainer] div[class*=header], +div[class|=callContainer] svg[class*=selectedIcon-] { + color: #fbf1c7; +} +div[class|=callContainer] div[class*=button-][class*=contents-], +div[class|=callContainer] button[class*=cta-], +div[class|=callContainer] button[class*=participantsButton-] { + background-color: #32302f; + color: #fbf1c7; +} +div[class|=callContainer] div[class|=indicators] div[class|=liveQualityIndicator] { + background-color: transparent !important; +} +div[class|=callContainer] div[class|=indicators] div[class|=liveQualityIndicator] svg[class|=premiumStreamIcon] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] div[class|=children] div[class*=playingText-] { + color: #b5bfe2; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] svg[class|=controlIcon] { + fill: #A89984 !important; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] { + background-color: #51576d !important; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] div[class|=qualityIndicator] { + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] svg[class|=premiumStreamIcon] { + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=liveIndicator] div[class|=live] { + background-color: #cc241d !important; + color: #232634 !important; +} +div[class|=callContainer] div[class|=videoControls] button[class*=leftTrayIcon-][class*=buttonColor-] { + background-color: #414559; + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] div[class|=badge] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=red-] { + background: #cc241d; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=red-] [class*=centerIcon-] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] { + background: #ffffff; + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] [class*=centerIcon-] { + color: #c6d0f5; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=green-] { + background: #b8bb26; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=green-] [class*=centerIcon-] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-] { + color: #232634; + background-color: #b5bfe2; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-] [class*=centerIcon-] { + color: #232634; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-]:hover, div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-][class*=active-] { + background: #c6d0f5; +} + +div[class*=giftCodeContainer] [class*=tile] { + background-color: #292c3c; +} +div[class*=giftCodeContainer] [class*=tile] > [class*=description] { + color: #c6d0f5; +} + +div[class*=chat-] section[class*=header-] { + background-color: #32302f; +} +div[class*=chat-] div[class*=content-][class*=container-] { + background-color: #32302f; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=container] { + background-color: #32302f; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=search-] { + background-color: #3C3836 !important; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=search-] input::placeholder { + color: #737994; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=browser] div[class*=content] div[class|=container] { + background-color: #3C3836; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=scrollerContainer-] { + background-color: #32302f; +} +div[class*=chat-] div[class*=content-][class*=container-] div[class*=scrollerContainer-] div[class*=checkIcon-][style*="opacity: 1;"] > svg > path { + fill: #232634; +} +div[class*=chat-] div[class*=content-][class*=container-] div[role=tablist] { + background-color: #32302f; + border-bottom: 2px solid #414559; +} +div[class*=chat-] div[class*=content-][class*=container-] div[role=tablist] [class*=textBadge-] { + color: #232634; +} + +div[class*=chat-] section[class*=title] div[class*=searchBar] span[class*=search] { + background-color: #414559; + color: #c6d0f5; +} +div[class*=chat-] nav[class*=pageControl] div[class*=roundButton][class*=activeButton] span { + color: #232634; +} + +div[class*=chat-] li[class*=mainCard-][class*=container] { + background-color: #282828; +} +div[class*=chat-] li[class*=mainCard-][class*=container]:hover { + background-color: #4C4643; +} +div[class*=chat-] li[class*=mainCard-][class*=container] div[class*=contentPreview-] { + background-color: #928374; + border: none; +} +div[class*=chat-] li[class*=mainCard-][class*=container] div[class*=contentPreview-] div[class*=textContentFooter-] { + background: none; +} +div[class*=chat-] li[class*=mainCard-][class*=container] div[class*=tags-] div[class*=tagPill-] { + background-color: #282828; +} +div[class*=chat-] div[class*=emptyPage] { + background-color: #303446; +} +div[class*=chat-] div[class*=innerHeader]:after { + background: none; +} + +[id*=message-accessories-] > [class*=invite-] { + background-color: #303446; +} +[id*=message-accessories-] > [class*=invite-] [class*=inFront-][class*=header-] { + color: #a5adce; +} +[id*=message-accessories-] > [class*=invite-] [class*=partyStatus-] { + color: #c6d0f5; +} + +[class|=avatar] [class|=dots] { + color: #303446; +} + +div[class|=chat][class*=page-] div[class|=content][class*=container-] { + height: 100%; +} + +.messagelogger-deleted div { + color: #cc241d !important; +} + +.messagelogger-deleted div a { + color: #e36d6f !important; +} + +div[class|=layerContainer] [role=menu] { + --brand-experiment-560: var(--brand-experiment-25a); + --brand-experiment-600: var(--brand-experiment); +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=colorBrand] { + color: #83a598; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=focused]:not([class*=colorDanger]), +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=focused] [class*=checkbox-] { + color: #282828; + background-color: #AE7D1B; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][role=menuitem]:not([class*=colorDanger]):not([id*=user-context-user-volume]):hover { + background: var(--background-accent); + color: #282828; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault][role=menuitem]:not([class*=colorDanger]):not([id*=user-context-user-volume]):hover [class*=subtext], +div[class|=layerContainer] [role=menu] [class*=colorDefault][role=menuitem]:not([class*=colorDanger]):not([id*=user-context-user-volume]):hover [class*=caret-] { + color: #232634; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault] [class*=caret] { + color: #bdae93; +} +div[class|=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction-]) { + color: var(--background-floating); +} +div[class|=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction-]) [class*=check-] { + color: var(--interactive-normal); +} +div[class|=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction-]) [class*=checkbox-] { + color: var(--background-floating); +} +div[class|=layerContainer] [role=menu] [class*=focused] [class*=userMenuUsername] * { + color: #232634; +} +div[class|=layerContainer] [role=menu] [class*=colorDanger][class*=focused], +div[class|=layerContainer] [role=menu] [class*=colorDefault] [class*=check-] { + color: var(--background-floating); + background-color: #cc241d; +} +div[class|=layerContainer] [role=menu] #guild-header-popout-premium-subscribe div[class|=iconContainer] > svg { + color: #d3869b; +} +div[class|=layerContainer] [role=menu] #user-context-user-volume div[class*=slider-] div[class*=bar-] { + background-color: #414559; +} + +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-]:not([class|=animatorBottom]) > div div[class*=flowerStarContainer-] svg[class*=flowerStar-] *, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-]:not([class|=animatorBottom]) > div div[class*=flowerStarContainer-] svg[class*=flowerStar-] * { + fill: #83a598; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=countText], +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=countText] { + color: #232634; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] circle, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] circle { + fill: #; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] g path, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] svg[class*=activeIcon] g path { + fill: #83a598; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] div[class*=autocompleteArrow-], +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] div[class*=autocompleteArrow-], +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header { + background-color: #292c3c; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header > input::placeholder, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] header > input::placeholder { + color: #838ba7; +} +.theme-dark div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] section, +.theme-light div[class|=layerContainer] div[id|=popout_] > div[class*=didRender-] div[class*=container] section { + background-color: #303446; + color: #c6d0f5; +} + +div[class*=recentMentionsPopout] div[class|=header] div[class|=tabBar] div[class|=badge], +div[class*=recentMentionsPopout] div[class|=header] div[class|=tabBar] div[class|=tab][class*=active-] { + color: #303446; +} +div[class*=recentMentionsPopout] div[class|=header] div[class|=controls-] { + --background-secondary: #414559; + --background-primary: rgba(65, 69, 89, 0.9); +} +div[class*=recentMentionsPopout] div[class|=scroller] [role=button] { + --background-tertiary: rgba(165, 173, 206, 0.15); + --background-floating: rgba(165, 173, 206, 0.12); +} +div[class*=recentMentionsPopout] div[class|=scroller] [role=button] div[class*=jumpButton-] { + background-color: #414559; +} + +div[class*=rolesList] div[class|=role], +div[class*=rolesList] button[class|=addButton] { + background-color: #313548; +} +div[class*=rolesList] div[class|=role] span[class|=roleCircle][style*="background-color: rgb(185, 187, 190)"] { + background-color: #a5adce !important; +} +div[class*=rolesList] div[class|=role] span[class|=roleCircle][style*="background-color: rgb(54, 57, 62)"], div[class*=rolesList] div[class|=role] span[class|=roleCircle][style*="background-color: rgb(53, 57, 64)"] { + background-color: #303446 !important; +} + +div[class*=layerContainer] > div[class*=layer] div[class|=reactors] { + background-color: var(--background-primary); +} +div[class*=layerContainer] > div[class*=layer] div[class*=reactorDefault] { + -webkit-box-shadow: inset 0 -1px 0 var(--background-modifier-accent); + box-shadow: inset 0 -1px 0 var(--background-modifier-accent); +} +div[class*=layerContainer] > div[class*=layer] div[class*=reactionSelected] { + background-color: var(--background-modifier-selected); +} +div[class*=layerContainer] > div[class*=layer] div[class*=friendSelected] { + background: #504945 !important; +} + +section[class|=positionContainer] button[class*=navButtonActive] { + background-color: #d79921; + color: #282828; +} + +.theme-light section[class|=positionContainer] div[class|=categoryText] { + color: #303446; +} + +#emoji-picker-tab-panel [class*=stickerInspected-] [class*=inspectedIndicator], +#emoji-picker-tab-panel [class|=emojiItem][class*=emojiItemSelected-] { + background-color: #665c54 !important; +} +#emoji-picker-tab-panel [class*=newlyAddedHighlight-] { + border: 1px solid #b8bb26; +} +#emoji-picker-tab-panel [class*=newlyAddedHighlight-] ~ [class*=newlyAddedBadge-] { + background: #b8bb26 !important; + color: #232634; +} + +[class*=stickerInspected-] [class|=inspectedIndicator] { + background-color: var(--brand-experiment-25a); +} + +.theme-light > div[class|=focusLock] > div[class|=root] > div[class|=container] div[class*=footer][class*=footerSeparator-] { + box-shadow: inset 0 1px 0 #414559; + -webkit-box-shadow: inset 0 1px 0 #414559; +} +.theme-light > div[class|=focusLock] > div[class|=root] { + box-shadow: 0 0 0 1px #414559, 0 2px 10px 0 hsla(0, calc(var(--saturation-factor, 1) * 0%), 0%, 0.1); + -webkit-box-shadow: 0 0 0 1px #414559, 0 2px 10px 0 hsla(0, calc(var(--saturation-factor, 1) * 0%), 0%, 0.1); +} +.theme-light div[class|=focusLock] div[class|=downloadApps] { + background-color: #303446 !important; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] button[class|=modalCloseButton], +.theme-light div[class|=focusLock] div[class|=downloadApps] h2, +.theme-light div[class|=focusLock] div[class|=downloadApps] h3 { + color: #c6d0f5; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] div[class*=footer-] { + color: #c6d0f5 !important; + background-color: unset !important; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] div[class*=footer-] a { + color: #83a598; +} +.theme-light div[class|=focusLock] div[class|=downloadApps] li[class*=active-] a[class*=downloadButton-] { + transition: all 0.3s ease-in-out; + color: #303446; +} +.theme-light[class*=profileColors-] [class*=userTagUsernameBase-], +.theme-light[class*=profileColors-] [class*=discrimBase-], +.theme-light[class*=profileColors-] [class*=title-], +.theme-light[class*=profileColors-] [class*=roles-], +.theme-light[class*=profileColors-] [class*=defaultColor-], +.theme-light[class*=profileColors-] [class*=markup-], +.theme-light[class*=profileColors-] [class*=activityUserPopoutV2-] *, +.theme-light[class*=profileColors-] [class*=customStatus-], +.theme-light[class*=profileColors-] [class*=section-], +.theme-light[class*=profileColors-] [class*=additionalActionsIcon-], +.theme-light[class*=profileColors-] [class*=overlayBackground-] * { + --interactive-normal: #232634; + --text-normal: #232634; + --interactive-active: #232634; + --interactive-hover: #232634; +} +.theme-light[class*=profileColors-] [class*=userTagUsernameBase-]:not(a), +.theme-light[class*=profileColors-] [class*=discrimBase-]:not(a), +.theme-light[class*=profileColors-] [class*=title-]:not(a), +.theme-light[class*=profileColors-] [class*=roles-]:not(a), +.theme-light[class*=profileColors-] [class*=defaultColor-]:not(a), +.theme-light[class*=profileColors-] [class*=markup-]:not(a), +.theme-light[class*=profileColors-] [class*=activityUserPopoutV2-] *:not(a), +.theme-light[class*=profileColors-] [class*=customStatus-]:not(a), +.theme-light[class*=profileColors-] [class*=section-]:not(a), +.theme-light[class*=profileColors-] [class*=additionalActionsIcon-]:not(a), +.theme-light[class*=profileColors-] [class*=overlayBackground-] *:not(a) { + color: unset !important; +} + +div[class|=layerContainer] #guild-header-popout, +div[class|=layerContainer] #guild-context, +div[class|=layerContainer] div[id|=channel-context], +div[class|=layerContainer] div[id|=user-context] { + background: #282828; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] { + background-color: #32302F; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[role=option][aria-selected=true] { + background: #504945; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[role=option] svg[class*=selectedIcon] circle { + fill: #23263f; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[class*=queryText-] { + color: #838ba7; +} +div[class|=layerContainer] > div[class*=layer] div[role=listbox] div[class*=queryText-] strong { + color: #c6d0f5; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] { + background-color: #282828; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modal] span, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=modalSize] span, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=uploadModal] span, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] li, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] p, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class|=contentWrapper] span { + color: #fbf1c7; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class*=footer] { + background-color: #282828; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class*=footer] button[type=submit] span { + color: #232634; +} +div[class|=layerContainer] > div[class*=layer] div[class|=ffffffock] div[class*=footer] [class*=footerText-] { + color: #b5bfe2; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h1[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h2[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h3[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h4[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h5[class|=fixed], +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h6[class|=fixed] { + color: #cc241d; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h1[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h2[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h3[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h4[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h5[class|=fixed]:after, +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] h6[class|=fixed]:after { + background-color: #cc241d; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock] div[class*=message-] { + background-color: transparent; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label=Activities] div[class*=activityItem-] { + background-color: #32302f; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label=Activities] div[class*=activityItem-] div[class*=previewBadge-] { + color: #232634; +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label=Activities] div[class*=activityTag-] { + background-color: rgba(80, 73, 59, 0.5); +} +div[class|=layerContainer] > div[class*=layer] div[class|=focusLock][aria-label="Manage Accounts"] div[class*=navRow-] { + background-color: #282828; +} +div[class|=layerContainer] div[class|=addGamePopout] { + background-color: #292c3c; +} +div[class|=layerContainer] div[class*=searchOption-]::after, +div[class|=layerContainer] div[class*=option-]::after, +div[class|=layerContainer] li[class*=option-]::after { + display: none; +} +div[class|=layerContainer] div[class|=queryContainer] { + background-color: #232634 !important; +} +div[class|=layerContainer] div[class|=queryContainer] span[class|=key] { + color: #c6d0f5; + background-color: #303446; +} +div[class|=layerContainer] [class*=tooltipBrand-], +div[class|=layerContainer] [class*=tooltipRed-], +div[class|=layerContainer] [class*=tooltipGreen-], +div[class|=layerContainer] [class*=tooltipYellow] { + color: #232634; +} +div[class|=layerContainer] div[class|=popout] div[class|=row][role=button]:hover { + color: #232634; +} +div[class|=layerContainer] div[class|=popout] div[class|=row][role=button]:hover [class*=timestamp] { + color: #232634; +} + +form[class*=card-] { + background-color: #303446; +} + +div[class*=userInfoSection-] div[class|=connectedAccountContainer] { + background-color: rgba(65, 69, 89, 0.45) !important; +} + +div[class*=cardWarning-] div[class*=warning-] { + color: #232634; +} + +#emoji-picker-tab-panel, +#sticker-picker-tab-panel { + /* --background-floating: #414559; + + + div[class|="slotsContainer"] { + background-color: $surface0; + } + */ +} +#emoji-picker-tab-panel div[class|=tooltipContainer] label[class|=label][class*=labelChecked-], +#sticker-picker-tab-panel div[class|=tooltipContainer] label[class|=label][class*=labelChecked-] { + background: -webkit-gradient(linear, right top, left top, from(#d3869b), color-stop(33.33%, #ca9ee6), to(#83a598)); + background: linear-gradient(270deg, #d3869b, #ca9ee6 33.33%, #83a598); +} + +div[class*=keyboardShortcutsModal-] { + background-color: #292c3c !important; +} +div[class*=keyboardShortcutsModal-] div[class|=keybindShortcut] span[class|=key] { + color: #232634; +} +div[class*=keyboardShortcutsModal-] div[class|=keybindShortcut] span[class|=key] svg g { + fill: #232634 !important; +} + +.react-datepicker, +.react-datepicker__header { + background-color: #292c3c !important; +} + +.react-datepicker__day { + background-color: #232634 !important; +} + +.react-datepicker__day:active { + background: #83a598 !important; +} + +.react-datepicker__day--selected:after { + background-color: #83a598 !important; +} + +[class|=datePickerHint] [class|=hintValue] { + color: #232634 !important; +} + +div[class*=layerContainer-] div[class|=control] div[class*=checked-] { + background-color: #b8bb26 !important; +} +div[class*=layerContainer-] div[class|=control] div[style*="background-color: rgb(114, 118, 125);"] { + background-color: #626880 !important; +} + +div[class*=layerContainer-] div[class*=guildPopout-][role=dialog] { + background-color: #303446; +} +div[class*=layerContainer-] div[class*=guildPopout-][role=dialog] div[class*=guildName-] { + color: #c6d0f5; +} + +div[class*=layerContainer-] [role*=dialog] a[class*=downloadLink-] { + color: #838ba7 !important; + opacity: 1; +} +div[class*=layerContainer-] [role*=dialog] a[class*=downloadLink-]:hover { + color: #c6d0f5 !important; +} + +div[class*=userPopoutOuter-] div[aria-label="HypeSquad Bravery"] img, +div[class*=userProfileOuter-] div[aria-label="HypeSquad Bravery"] img { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m5.01502 4h13.97008c.1187 0 .215.09992.215.22305v9.97865c0 .0697-.0312.1343-.0837.1767l-6.985 5.5752c-.0389.0313-.0847.0464-.1314.0464-.0466 0-.0924-.0151-.1313-.0464l-6.985-5.5752c-.05252-.0424-.08365-.107-.08365-.1767v-9.97865c0-.12313.0963-.22305.21497-.22305zm7.82148 7.0972 4.1275-2.71296c.1039-.06863.2299.04542.1725.15644l-1.7114 3.36192c-.0403.0807.0182.1756.1079.1756h1.0246c.118 0 .1664.1504.0706.219l-4.6267 3.3175c-.0414.0303-.0978.0303-.1402 0l-4.6267-3.3175c-.0948-.0686-.04639-.219.07059-.219h1.02356c.09076 0 .14925-.0949.10791-.1756l-1.71132-3.36293c-.05648-.11001.06958-.22305.17345-.15543l4.12851 2.71296c.0716.0474.1291.112.1674.1887l.6293 1.2636c.0444.0888.1714.0888.2158 0l.6293-1.2636c.0383-.0767.0958-.1423.1674-.1887z' fill='%23ca9ee6' fill-rule='evenodd'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="HypeSquad Balance"], +div[class*=userProfileOuter-] div[aria-label="HypeSquad Balance"] { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m11.8622 4.05696c.076-.07595.1996-.07595.2756 0l7.8048 7.80474c.0371.0362.0574.0865.0574.1377 0 .0513-.0212.1016-.0574.1378l-7.8048 7.8047c-.038.038-.0883.0574-.1378.0574s-.0998-.0194-.1378-.0574l-7.8048-7.8047c-.03709-.0362-.0574-.0857-.0574-.1378s.02031-.1015.0574-.1377zm.9299 8.29474 3.6146-2.37377c.0909-.05917.2013.03977.151.13597l-1.4986 2.9416c-.0354.0707.0158.1537.0944.1537h.8973c.1033 0 .1457.1316.0618.1916l-4.0517 2.9028c-.0362.0265-.0856.0265-.1227 0l-4.05168-2.9028c-.08301-.06-.04062-.1916.06182-.1916h.89634c.07948 0 .1307-.083.09449-.1537l-1.49862-2.9416c-.04945-.0962.06094-.19514.1519-.13597l3.61545 2.37377c.0627.0415.113.098.1465.1651l.5511 1.1057c.0389.0777.1501.0777.189 0l.551-1.1057c.0336-.0671.0839-.1245.1466-.1651z' fill='%2381c8be' fill-rule='evenodd'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="HypeSquad Brilliance"], +div[class*=userProfileOuter-] div[aria-label="HypeSquad Brilliance"] { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m12 20c4.4183 0 8-3.5817 8-8 0-4.41828-3.5817-8-8-8-4.41828 0-8 3.58172-8 8 0 4.4183 3.58172 8 8 8zm.7921-8.275 3.6146-2.3738c.0909-.05916.2013.03974.151.136l-1.4986 2.9416c-.0354.0707.0158.1537.0944.1537h.8973c.1033 0 .1457.1315.0618.1916l-4.0517 2.9027c-.0362.0265-.0856.0265-.1227 0l-4.05168-2.9027c-.08301-.0601-.04062-.1916.06182-.1916h.89634c.07948 0 .1307-.083.09449-.1537l-1.49862-2.9416c-.04945-.09626.06094-.19516.1519-.136l3.61545 2.3738c.0627.0415.113.098.1465.1651l.5511 1.1057c.0389.0777.1501.0777.189 0l.551-1.1057c.0336-.0671.0839-.1245.1466-.1651z' fill='%23cc241d' fill-rule='evenodd'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="Active Developer"], +div[class*=userProfileOuter-] div[aria-label="Active Developer"] { + content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.47213 4L4 6.47213V17.5279L6.47217 20H17.5278L20 17.5279V6.47213L17.5279 4H6.47213ZM10.8582 16.4255H8.64551C8.64551 14.5952 7.1567 13.1064 5.32642 13.1064V10.8936C7.1567 10.8936 8.64551 9.40483 8.64551 7.57454H10.8582C10.8582 9.39042 9.96684 10.9908 8.61129 12C9.96684 13.0093 10.8582 14.6096 10.8582 16.4255ZM18.6667 13.1064C16.8364 13.1064 15.3476 14.5952 15.3476 16.4255H13.1348C13.1348 14.6096 14.0263 13.0093 15.3818 12C14.0263 10.9908 13.1348 9.39042 13.1348 7.57454H15.3476C15.3476 9.40483 16.8364 10.8936 18.6667 10.8936V13.1064V13.1064Z' fill='%23b8bb26'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[aria-label="Early Verified Bot Developer"], +div[class*=userProfileOuter-] div[aria-label="Early Verified Bot Developer"] { + content: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21.58 11.4-4.28-7.39-.35-.6h-9.91l-.35.6-4.27 7.39-.35.6.35.6 4.27 7.39.35.6h9.92l.35-.6 4.28-7.39.35-.6zm-13.07-1.03-1.63 1.63 1.63 1.63v2.73l-4.36-4.36 4.37-4.37v2.74zm3.12 6.93-2.04-.63 3.1-9.98 2.04.64zm3.86-.93v-2.73l1.63-1.64-1.63-1.63v-2.74l4.36 4.37z' fill='%2383a598'/%3E%3C/svg%3E"); +} +div[class*=userPopoutOuter-] div[class|=userPopoutOverlayBackground] > div[class|=scroller] > div[class|=section]:first-child > div[class|=buttonsContainer] > button:nth-child(2), +div[class*=userProfileOuter-] div[class|=userPopoutOverlayBackground] > div[class|=scroller] > div[class|=section]:first-child > div[class|=buttonsContainer] > button:nth-child(2) { + background: #83a598; +} + +[class*=layerContainer-] [id|=slate-toolbar] { + background-color: #32302f;; +} +[class*=layerContainer-] [id|=slate-toolbar] [class*=buttons-] [class*=icon-] { + color: #fbf1c7; +} + +[class*=layerContainer-] div[id=sort-and-view] div[id=sort-and-view-reset-all] [style="color: var(--text-normal);"]:hover { + color: #232634 !important; +} + +[class|=layerContainer] [class|=quickswitcher] [class*=badge-] { + color: #232634; +} + +rect[fill="#23a55a"], +foreignObject[mask="url(#svg-mask-status-online)"] > div, +div[class|=dotOnline], +i[class|=statusOnline] { + fill: #b8bb26 !important; + background-color: #b8bb26 !important; +} + +rect[fill="rgba(35, 165, 90, 1)"] { + fill: #b8bb26 !important; +} + +rect[fill="#f0b232"], +foreignObject[mask="url(#svg-mask-status-idle)"] > div { + fill: #fe8019 !important; + background-color: #fe8019 !important; +} + +rect[fill="rgba(240, 178, 50, 1)"] { + fill: #fe8019 !important; +} + +rect[fill="#f23f43"], +foreignObject[mask="url(#svg-mask-status-dnd)"] > div { + fill: #cc241d !important; + background-color: #cc241d !important; +} + +rect[fill="rgba(242, 63, 67, 1)"] { + fill: #cc241d !important; +} + +rect[fill="#82858f"], +foreignObject[mask="url(#svg-mask-status-offline)"] > div, +foreignObject[mask="url(#svg-mask-status-offline)"] > rect, +div[class|=dotOffline], +i[class|=statusOffline] { + fill: #a5adce !important; + background-color: #a5adce !important; +} + +rect[fill="rgba(130, 133, 143, 1)"] { + fill: #a5adce !important; +} + +rect[fill="#593695"] { + fill: #ca9ee6 !important; +} + +.vc-platform-indicator svg[fill*="--green-"] { + fill: #b8bb26; +} + +.vc-platform-indicator svg[fill*="--yellow-"] { + fill: #fe8019; +} + +.vc-platform-indicator svg[fill*="--red-"] { + fill: #cc241d; +} + +.vc-platform-indicator svg[fill*="--primary-400"] { + fill: #a5adce; +} + +[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { + width: 0 !important; + padding: 12px; + height: 0 !important; + -webkit-mask-image: url("https://discord.com/assets/eaeac24163b35f7526704a3d9b3c7722.svg"); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: contain; + background: #b8bb26; +} + +.vc-user-connection [src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { + padding: 16px; +} + +#vencordthemes-tab [class*=input-]:focus { + border-color: #83a598 !important; +} + +svg[class|=cursorDefault] svg[class|=dots] circle { + fill: #303446 !important; +} + +[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%)"] { + background-color: #83a598 !important; + color: #232634; +} + +span[class*=username-][style*="color: rgb(54, 57, 62)"], +span[class*=username-][style*="color: rgb(53, 57, 64)"] { + color: var(--background-primary) !important; +} + +div[class*=flowerStarContainer-][class*=boostedGuildTierIconBackgroundWithVisibleBanner] svg[class*=flowerStar-] * { + fill: #c6d0f5; +} +div[class*=flowerStarContainer-][class*=boostedGuildTierIconBackgroundWithVisibleBanner] div[class|=childContainer] svg * { + fill: #232634; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierOne-] svg[class*=flowerStar-] *, div[class*=flowerStarContainer-][class*=iconBackgroundTierTwo-]:not([class*=boostedGuildTierIconBackgroundWithVisibleBanner]) svg[class*=flowerStar-] * { + fill: #626880; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierOne-] div[class|=childContainer] svg *, div[class*=flowerStarContainer-][class*=iconBackgroundTierTwo-]:not([class*=boostedGuildTierIconBackgroundWithVisibleBanner]) div[class|=childContainer] svg * { + fill: #c6d0f5; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierThree-] svg[class*=flowerStar-] * { + fill: #d3869b; +} +div[class*=flowerStarContainer-][class*=iconBackgroundTierThree-] div[class|=childContainer] svg * { + fill: #232634; +} +div[class*=flowerStarContainer-][class*=verified-] svg[class*=flowerStar-] * { + fill: #b8bb26; +} +div[class*=flowerStarContainer-][class*=verified-] div[class|=childContainer] svg * { + fill: #232634; +} +div[class*=flowerStarContainer-][class*=partnered-] svg[class*=flowerStar-] * { + fill: #83a598; +} +div[class*=flowerStarContainer-][class*=partnered-] div[class|=childContainer] svg * { + fill: #232634; +} + +div[class|=communityInfoPill] { + --background-accent: rgba(48, 52, 70, 0.7); + color: #c6d0f5; +} +div[class|=communityInfoPill] div[class|=text] { + font-weight: 500; +} + +a[class*=socialLink-][href*=discord] { + color: #a5adce; +} + +svg[class|=uploadIcon] { + color: #232634; +} + +.theme-dark h2[class|=emptyStateHeader], +.theme-light h2[class|=emptyStateHeader] { + color: #c6d0f5; +} +.theme-dark p[class|=emptyStateSubtext], +.theme-light p[class|=emptyStateSubtext] { + color: #a5adce; +} + +div[class*=unreadMentionsBar-], +div[class*=unreadBar-] { + color: #232634; +} + +div[class|=numberBadge] { + font-weight: 700; + color: #232634; +} + +div[class|=newChannel] { + color: #232634; + background-color: #83a598 !important; +} + +div[class|=botTag] { + background-color: #83a598; +} + +div[class|=addFriendInputWrapper]:focus-within { + border-color: #a89984; +} + +button[class|=attachButton] svg path[class|=attachButtonPlay] { + color: #b8bb26; + fill: #b8bb26; +} + +div[class|=tags] div[class|=pinIcon] path { + fill: #303446 !important; +} + +div[class*=avatarSpeaking-] { + -webkit-box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px var(--background-secondary); + box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px var(--background-secondary); +} + +div[class*=videoLayer-] > div[class|=tileChild] > div[class|=border][class*=speaking-] { + -webkit-box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px #a6d189; + box-shadow: inset 0 0 0 2px #b8bb26, inset 0 0 0 3px #a6d189; +} +div[class*=videoLayer-] > div[class|=tileChild] > div[class|=border][class*=voiceChannelEffect-] { + -webkit-box-shadow: inset 0 0 0 2px #83a598, inset 0 0 0 3px #8caaee; + box-shadow: inset 0 0 0 2px #83a598, inset 0 0 0 3px #8caaee; +} + +div[class*=featureIcon-] path { + fill: #83a598; +} + +div[class*=backgroundAccent-] { + color: #232634; +} + +div[class*=profileBadges-] div[aria-label="Supports Commands"] img { + content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23b8bb26'%3E%3Cpath d='m8.1176653 16.0847263 4.8330812-8.1694527h2.9315882l-4.8330812 8.1694527z'/%3E%3Cpath d='m20.4189453 9.4038086v-2.4311524c0-1.9775391-1.0825195-3.1118164-2.9697266-3.1118164h-1.5581055v1.7802734l.9594727-.0014648c.8540039 0 1.34375.5683594 1.34375 1.5585938v2.3969727c0 .8300781.1806641 1.8422852 1.5893555 2.3100586l.2856445.0947265-.2856445.0947266c-1.4086914.4677734-1.5893555 1.4799804-1.5893555 2.3100586v2.3964844c0 .9907227-.4897461 1.559082-1.34375 1.559082l-.9594727-.0014648v1.7802734h1.5581055c1.887207 0 2.9697266-1.1342773 2.9697266-3.1118164v-2.4316406c0-1.2583008.3432617-1.6264648 1.5810547-1.6445312v-1.9023438c-1.237793-.0180665-1.5810547-.3862305-1.5810547-1.6450196z'/%3E%3Cpath d='m5.8061523 7.1982422c0-.9760742.5024414-1.5585938 1.3432617-1.5585938l.9594727.0014648v-1.7802734h-1.5576172c-1.887207 0-2.9697266 1.1342773-2.9697266 3.1118164v2.4311523c0 1.2587891-.3432617 1.6269531-1.581543 1.6450195v1.9023438c1.2382812.0180664 1.581543.3862305 1.581543 1.6445312v2.4316406c0 1.9775391 1.0825195 3.1118164 2.9697266 3.1118164h1.5576172v-1.7802734l-.9594727.0014648c-.8408203 0-1.3432617-.5830078-1.3432617-1.559082v-2.3964844c0-.8300781-.1806641-1.8422852-1.5898438-2.3100586l-.2856444-.0947264.2856445-.0947266c1.4091797-.4677734 1.5898437-1.4799804 1.5898437-2.3100586z'/%3E%3C/g%3E%3C/svg%3E"); +} + +div[class*=newBadge-], +div[class*=tryItOutBadge-] { + color: #232634; +} + +[class|=tabBar] [class|=badge] { + color: #232634; +} + +span[class*=channelMention]:hover, +[class*=mention]:not([class*=mentionButton-], +[class*=mentionIcon-]):hover { + color: #232634; +} + +.theme-dark code.hljs { + color: #fbf1c7; + background: #282828; +} +.theme-dark code .hljs-keyword { + color: #ca9ee6; +} +.theme-dark code .hljs-built_in { + color: #cc241d; +} +.theme-dark code .hljs-type { + color: #fe8019; +} +.theme-dark code .hljs-literal { + color: #ef9f76; +} +.theme-dark code .hljs-number { + color: #ef9f76; +} +.theme-dark code .hljs-operator { + color: #81c8be; +} +.theme-dark code .hljs-punctuation { + color: #b5bfe2; +} +.theme-dark code .hljs-property { + color: #81c8be; +} +.theme-dark code .hljs-regexp { + color: #d3869b; +} +.theme-dark code .hljs-string { + color: #b8bb26; +} +.theme-dark code .hljs-char.escape_ { + color: #b8bb26; +} +.theme-dark code .hljs-subst { + color: #a5adce; +} +.theme-dark code .hljs-symbol { + color: #eebebe; +} +.theme-dark code .hljs-variable { + color: #ca9ee6; +} +.theme-dark code .hljs-variable.language_ { + color: #ca9ee6; +} +.theme-dark code .hljs-variable.constant_ { + color: #ef9f76; +} +.theme-dark code .hljs-title { + color: #83a598; +} +.theme-dark code .hljs-title.class_ { + color: #fe8019; +} +.theme-dark code .hljs-title.function_ { + color: #83a598; +} +.theme-dark code .hljs-params { + color: #c6d0f5; +} +.theme-dark code .hljs-comment { + color: #626880; +} +.theme-dark code .hljs-doctag { + color: #cc241d; +} +.theme-dark code .hljs-meta { + color: #ef9f76; +} +.theme-dark code .hljs-section { + color: #83a598; +} +.theme-dark code .hljs-tag { + color: #a5adce; +} +.theme-dark code .hljs-name { + color: #ca9ee6; +} +.theme-dark code .hljs-attr { + color: #83a598; +} +.theme-dark code .hljs-attribute { + color: #b8bb26; +} +.theme-dark code .hljs-bullet { + color: #81c8be; +} +.theme-dark code .hljs-code { + color: #b8bb26; +} +.theme-dark code .hljs-emphasis { + color: #cc241d; + font-style: italic; +} +.theme-dark code .hljs-strong { + color: #cc241d; + font-weight: bold; +} +.theme-dark code .hljs-formula { + color: #81c8be; +} +.theme-dark code .hljs-link { + color: #85c1dc; + font-style: italic; +} +.theme-dark code .hljs-quote { + color: #b8bb26; + font-style: italic; +} +.theme-dark code .hljs-selector-tag { + color: #fe8019; +} +.theme-dark code .hljs-selector-id { + color: #83a598; +} +.theme-dark code .hljs-selector-class { + color: #81c8be; +} +.theme-dark code .hljs-selector-attr { + color: #ca9ee6; +} +.theme-dark code .hljs-selector-pseudo { + color: #81c8be; +} +.theme-dark code .hljs-template-tag { + color: #eebebe; +} +.theme-dark code .hljs-template-variable { + color: #eebebe; +} +.theme-dark code .hljs-diff-addition { + color: #b8bb26; + background: rgba(var(--ctp-green), 15%); +} +.theme-dark code .hljs-diff-deletion { + color: #cc241d; + background: rgba(var(--ctp-red), 15%); +} + +.pngImage-1vIgLy:hover, .lottieCanvas-c2HE82 { + background-color: transparent !important; +} + +.colorStreamerMode-8uoRWd { + background-color: #8f3f71; + color: #fbf1c7; +} + +div[class|=notice] button[class|=button] { + border-color: #fbf1c7; + color: #fbf1c7; +} + +div[class|=notice] button[class|=button]:hover { + background: #fbf1c7; + color: #282828; +} + +div[class|=notice] div[class|=closeButton] > svg > path { + fill: #fbf1c7; +} + +[class|=chatContent] code.inline { + background: #282828; +} + +.contents-3NembX .button-ejjZWC { + color: #000000; +} + +.gradientBackground-MytxDL { + background: #b16286; +} + +.upsellText-29l7Q- { + color: #fbf1c7; + margin-left: 6px; +} + +.contents-3NembX { + color: #fbf1c7; +} + +.icon-2O29O0 { + background-color: transparent; +} + +div[class|=newChannel] { + color: #282828; + background-color: #d79921 !important; +} + +.fakeActivityIcon-KeXVoI.activityCharacterWumpus-31wmZ9 { + background-color: #504945; +} + +.theme-dark .customColorPicker-C_jddW { + background: #32302f; + border-color: #282828; +} + +.grabber-3R-Rx9 { + background-color: #f9f5d7; +} + +div[class|=contentRegion] [class|=bar], div[class|=contentRegion] [class|=markDash] { + background: #504945; +} + +.theme-dark .checkbox-1LuCGM { + border-color: transparent; +} + +.lookFilled-1H2Jvj.colorBrand-2M3O3N { + color: var(--white-500); + background-color: #b57614; +} + +.lookFilled-1H2Jvj.colorRed-2VFhM4 { + color: var(--white-500); + background-color: #b57614; +} + +.lookFilled-1H2Jvj.colorRed-2VFhM4:hover { + background-color: #C48018; +} + +.lookFilled-1H2Jvj.colorBrand-2M3O3N:hover { + background-color: #C48018; +} + +.lookInverted-2GrLaB.colorBrand-2M3O3N { + color: var(--brand-experiment); + background-color: #b16286; +} + +.lookInverted-2GrLaB.colorBrand-2M3O3N:hover { + background-color: #DF7AA7; +} + +.theme-dark p[class|=emptyStateSubtext], .theme-light p[class|=emptyStateSubtext] { + color: #a89984; +} + + +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-] { + color: #fbf1c7; + background-color: #b16286; +} + +div[class|=contentRegion] #discord-nitro-tab button[class*=lookInverted-]:hover { + background-color: #DF7AA7; +} + +div[class|=contentRegion] #keybinds-tab span[class*=key] { + color: #fbf1c7; +} + +div[class|=layerContainer] div[class|=addGamePopout] { + background-color: #282828; +} + +div[class|=contentRegion] #accessibility-tab button[class*=colorBrandNew] { + background-color: #b57614; +} + +.reactionInner-YJjOtT { + background-color: #494441; +} + +div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderUnlocked] div[class|=tierUnlocked], div[class|=contentRegion] #guild_premium-tab div[class|=tierHeaderLocked] div[class|=tierUnlocked] { + background-image: linear-gradient(90deg, #83a598, #d3869b); + color: #f9f5d7; + font-weight: 600; +} + +.lookFilled-1H2Jvj.colorBrandNew-abZT3v:disabled, .lookFilled-1H2Jvj.colorBrandNew-abZT3v[aria-disabled=true] { + background-color: #C48018; +} + +.text-sm-normal-AEQz4v { + color: #f2e5bc; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-] { + color: #f2e5bc; + background-color: #998B79; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-]:hover, div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=white-][class*=active-] { + color: #f2e5bc; + background-color: #998B79; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] { + background: #504945; +} +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] { + background: #504945; + color: #d5c4a1; +} + +div[class|=callContainer] div[class|=videoControls] button[class*=leftTrayIcon-][class*=buttonColor-] { + background-color: #504945; + color: #f9f5d7; +} + +[class|=chatContent] div[class*=wrapperAudio-] div[class*=audioControls], [class|=chatContent] div[class*=wrapperAudio-] div[class*=videoControls-], [class|=chatContent] div[class*=imageWrapper-] div[class*=audioControls], [class|=chatContent] div[class*=imageWrapper-] div[class*=videoControls-] { + background-color: rgba(80, 73, 69, 0.8); +} + +div[class|=chat] > div[class|=content] > div[class|=container] div[class|=newBadge] { + background-color: var(--brand-260) !important; + color: #282828; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] { + background-color: #282828 !important; +} + +.qualityResolution-RP9GCP { + margin-right: 4px; + color: #fbf1c7; + background-color: #282828; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=children] div[class*=playingText-] { + color: #fbf1c7; +} + +.grid-21dB-S>div:first-child, .headerRow-1MKoR-, .list-3FIpnh>div:first-child { + min-width: 480px; + width: 100%; + position: relative; + background-color: #282828; +} + +div[class|=callContainer] div[class|=videoControls] [class*=colorable-][class*=primaryDark-] [class*=centerIcon-] { + color: #fbf1c7; +} + +div[class|=callContainer] [class*=controlIcon-] { + color: #A89984; +} + +div[class|=callContainer] [class*=controlIcon-]:hover { + color: #A89984; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] div[class|=qualityIndicator] { + background-color: #3C3836; + color: #fbf1c7; +} + +div[class|=callContainer] div[class|=videoControls] div[class|=toolbar] div[class|=streamQualityIndicator] div[class|=liveQualityIndicator] svg[class|=premiumStreamIcon] { + color: #fbf1c7; +} + +div[class|=layerContainer] [role=menu] [class*=colorDefault][class*=colorBrand] { + color: #83a598; +} + +.item-5ApiZt:hover { + color: #282828; + background-color: #AE7D1B; +} + +.colorDefault-2_rLdz .checkbox-397WsK, .colorDefault-2_rLdz .radioSelection-3PDNAQ { + color: #A89984; +} + +.colorDefault-2_rLdz .checkbox-397WsK, .colorDefault-2_rLdz .radioSelection-3PDNAQ:hover { + fill: #A89984; +} + +.emojiButton-3FRTuj { + background-color: #000 !important; +} + +.unreadIcon-3dqgX9, .voiceChannelsIcon-2smmeE { + display: none; +} + +.button-3_1yil, .notice-12Koq- { + background-color: #BA8625; +} + +div[class|=notice] button[class|=button] { + border-color: #282828; +} + +div[class|=notice] button[class|=button]:hover { + background: #fabd2f; + color: #282828; +} + +.text-md-medium-2n7Vn5, .text-md-normal-2rFCH3 { + color: #fbf1c7 !important; +} + +.controlIcon-10O-4h { + color: #fbf1c7 !important; +} + +.theme-dark .categoryFadeBlurple-1l49_Q, .theme-light .categoryFadeBlurple-1l49_Q { + background-color: rgba(102, 92, 84, 0.8); +} + +.theme-dark .categoryFadeBlurple-1l49_Q:hover, .theme-light .categoryFadeBlurple-1l49_Q:hover { + background-color: rgba(102, 92, 84, 0.8); +} + +.pngImage-1vIgLy:hover, .lottieCanvas-c2HE82 { + background-color: #665c54; +} + +.theme-dark div[class|=spoilerContainer] div[class|=spoilerWarning], .theme-light div[class|=spoilerContainer] div[class|=spoilerWarning] { + color: #fbf1c7; + background-color: rgba(50, 48, 47, 0.7); +} + +div[class*=userInfoSection-] div[class|=connectedAccountContainer] { + background-color: #282828 !important; +} + +.editIcon-3h_5Rm { + color: #fbf1c7; +} + +.iconBadge-3Mmg92 { + background-color: #cc241d; +} + +.theme-dark svg[class*=threadIcon-], .theme-light svg[class*=threadIcon-] { + color: #A89984 !important; +} + +div[class|=notice] button[class|=button] { + color: #282828; +} + +div[class|=notice] button[class|=button]:hover { + border-color: #282828; +} + +.closeIcon-3eoP1e { + filter: brightness(0) !important; +} + +.assetWrapperMasked-1iw9lV { + background-color: #504945; +} + +.lookFilled-1H2Jvj.colorGreen-jIPCAS, .lookFilled-1H2Jvj.colorGreen-jIPCAS:hover{ + background-color: #B57614; +} + +a[class*=socialLink-][href*=discord] { + color: #A89984; +} + +.reaction-102jx9.reactionMe-2zhiyZ .reactionCount-SWXh9W { + color: #fbf1c7; +} + +.updateReactionButton-13dIN9>div { + background: #A89984; +} + + +svg[class|=spine] { + color: #504945; +} + +div[class|=spineBorder] { + background: #504945; +} + +ul[aria-label$=" threads"] > li:nth-child(2n) { + --channels-default: #bdae93; +} + +.clickable_d23a1a .icon__4cb88, .clickable_d23a1a .icon__4cb88:hover { + color: #fbf1c7; +} + +.button__66e8c .buttonColor_a6eb73.buttonActive__407a7, .button__66e8c.buttonColor_a6eb73.buttonActive__407a7 { + background-color: #B57614; + color: #fbf1c7; +} + +.button__66e8c .buttonColor_a6eb73.buttonActive__407a7:hover, .button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover { + background-color: #B57614; +} + +.gradientBackground_aa82b3 { + display: none; +} + +.theme-dark .footerSeparator__57d95 { + background-color: #282828; +} diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/config b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/config new file mode 100644 index 00000000..637dcd70 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/config @@ -0,0 +1,68 @@ +{ + "layer": "top", + "position": "top", + "modules-left": ["cpu", "memory", "disk"], + "modules-center": ["clock"], + "modules-right": ["network", "pulseaudio", "tray", "battery"], + "clock": { + "format": "󱑒 {:%H:%M}", + "format-alt": "󱑒 {:%a %b %d}", + "tooltip": false + }, + "battery": { + "states": { + "good": 95, + "warning": 30, + "critical": 15 + }, + "bat":"BAT0", + "format": "{icon} {capacity}%", + "format-charging": "󰂄 {capacity}%", + "format-plugged": " {capacity}%", + "format-discharging": " {capacity}%", + "format-alt": "{icon} {time}", + "format-icons": ["", "", "", "", ""] + }, + "network": { + "format": "{ifname}", + "format-wifi": " {essid}", + "format-ethernet": " {ifname}", + "format-disconnected": " No Internet", + "tooltip-format-wifi": "{signalStrength}%", + "max-length": 20 + }, + "pulseaudio": { + "format": "{icon} {volume}%", + "format-bluetooth": "{icon} {volume}%", + "format-muted": "", + "format-icons": { + "headphone": "", + "hands-free": "", + "headset": "", + "phone": "", + "portable": "", + "car": "", + "default": ["", ""] + }, + "scroll-step": 1, + "on-click": "pavucontrol" + }, + "tray": { + "spacing": 10 + }, + "memory": { + "interval": 10, + "format": " {}%", + "max-length": 10 + }, + "cpu": { + "interval": 10, + "format": " {}%", + "max-length": 10 + }, + "disk": { + "interval": 30, + "format": " {specific_free:0.2f} GB", + "unit": "GB" + } +} diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_kbdlayout.sh b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_kbdlayout.sh new file mode 100755 index 00000000..99fd9218 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_kbdlayout.sh @@ -0,0 +1,2 @@ +language=$(swaymsg -r -t get_inputs | awk '/1:1:AT_Translated_Set_2_keyboard/;/xkb_active_layout_name/' | grep -A1 '\b1:1:AT_Translated_Set_2_keyboard\b' | grep "xkb_active_layout_name" | awk -F '"' '{print $4}') +echo $language diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_media.sh b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_media.sh new file mode 100755 index 00000000..ab35c319 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_media.sh @@ -0,0 +1,14 @@ +media=$(playerctl metadata -f "({{playerName}}) {{artist}} - {{title}}") +player_status=$(playerctl status) + +if [[ $player_status = "Playing" ]] +then + song_status='' +elif [[ $player_status = "Paused" ]] +then + song_status='' +else + song_status='Music stopped' +fi + +echo -e "$song_status $media" diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_network.sh b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_network.sh new file mode 100755 index 00000000..2435cb05 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_network.sh @@ -0,0 +1,15 @@ +network=$(ip route get 1.1.1.1 | grep -Po '(?<=dev\s)\w+' | cut -f1 -d ' ') +interface_easyname=$(dmesg | grep $network | grep renamed | awk 'NF>1{print $NF}') +ping=$(ping -c 1 www.google.com | tail -1| awk '{print $4}' | cut -d '/' -f 2 | cut -d '.' -f 1) + +if ! [ $network ] +then + network_active="⛔" +elif [[ $interface_easyname == *"wlan"* ]] +then + network_active="" +else + network_active="" +fi + +echo "{\"text\": \""$network_active $interface_easyname \\n \($ping ms\)"\"}" diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_ping.sh b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_ping.sh new file mode 100755 index 00000000..4b2f8359 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/get_ping.sh @@ -0,0 +1,2 @@ +ping=$(ping -c 1 www.google.com | tail -1| awk '{print $4}' | cut -d '/' -f 2 | cut -d '.' -f 1) +echo "($ping ms)" diff --git a/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/style.css b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/style.css new file mode 100644 index 00000000..ce7c5104 --- /dev/null +++ b/modules/nixos/cspark-desktop-exwm/resources/home-manager/.config/waybar/style.css @@ -0,0 +1,84 @@ +@define-color background-color rgb (40, 40, 40); +@define-color foreground-color rgb (235, 219, 178); + +* { + font-size: 13px; + font-family: "Hack Nerd Font"; +} + +window#waybar { + background: rgba(0,0,0,0); +} + +#battery { + margin: 3px 3px 3px 3px; + background: @background-color; + color: @foreground-color; + padding: 5px; + border-radius: 10px; +} + +#clock { + margin: 3px 0px 3px 3px; + padding: 5px; + background: #fbf1c7; + background: @background-color; + color: @foreground-color; + border-radius: 10px; +} + +#custom-keyboard { + background: @background-color; + color: @foreground-color; + padding: 5px 5px 5px 7px; + margin: 3px 0px 3px 3px; + border-radius: 10px; +} + +#pulseaudio { + margin: 3px 3px 3px 0px; + padding: 5px 7px 5px 5px; + background: @background-color; + color: @foreground-color; + border-radius: 10px; +} + +#network { + margin: 3px 3px 3px 0px; + padding: 5px 7px 5px 5px; + background: @background-color; + color: @foreground-color; + border-radius: 10px; +} + +#memory { + margin: 3px 3px 3px 0px; + padding: 5px 7px 5px 5px; + background: @background-color; + color: @foreground-color; + border-radius: 10px; +} + +#cpu { + margin: 3px 3px 3px 3px; + padding: 5px 7px 5px 5px; + background: @background-color; + color: @foreground-color; + border-radius: 10px; +} + +#disk { + margin: 3px 3px 3px 0px; + padding: 5px 7px 5px 5px; + background: @background-color; + color: @foreground-color; + border-radius: 10px; +} + +#tray { + margin: 3px 3px 3px 0px; + padding: 5px 7px 5px 5px; + background: @background-color; + color: @foreground-color; + border-radius: 10px; +} diff --git a/modules/nixos/cspark-desktop-niri/resources/home-manager/.config/niri/config.kdl b/modules/nixos/cspark-desktop-niri/resources/home-manager/.config/niri/config.kdl index f200f0c5..fb5ad31d 100644 --- a/modules/nixos/cspark-desktop-niri/resources/home-manager/.config/niri/config.kdl +++ b/modules/nixos/cspark-desktop-niri/resources/home-manager/.config/niri/config.kdl @@ -39,7 +39,7 @@ input { warp-mouse-to-focus // Focus windows and outputs automatically when moving the mouse into them. - focus-follows-mouse + // focus-follows-mouse } // You can configure outputs by their name, which you can find