From 73a6f529609e98c05401c9a01f541fdcbc22cf13 Mon Sep 17 00:00:00 2001 From: LordMZTE Date: Sun, 14 Jan 2024 18:27:37 +0100 Subject: [PATCH] don't hardcode catppuccin colors --- .config/alacritty/alacritty.yml.cgt | 92 +- ...ppuccin.tmTheme => catppuccin.tmTheme.cgt} | 172 +-- .config/btop/themes/catppuccin_mocha.theme | 83 - .../btop/themes/catppuccin_mocha.theme.cgt | 83 + .config/conky/conky.conf.cgt | 6 +- .config/discord/theme.css.cgt | 1354 ++++++++--------- .config/fish/conf.d/50-catppuccin.fish | 26 - .config/fish/conf.d/50-catppuccin.fish.cgt | 26 + .config/foot/foot.ini.cgt | 36 +- .config/hypr/hyprland.conf.cgt | 4 +- .config/i3/config.cgt | 50 +- .config/kitty/kitty.conf.cgt | 74 +- .config/luakit/theme.lua.cgt | 22 +- .config/waybar/mocha.css | 37 - .config/waybar/mocha.css.cgt | 37 + .config/wayprompt/config.ini.cgt | 20 +- .config/wezterm/wezterm.lua.cgt | 12 +- 17 files changed, 1067 insertions(+), 1067 deletions(-) rename .config/bat/themes/{catppuccin.tmTheme => catppuccin.tmTheme.cgt} (82%) delete mode 100644 .config/btop/themes/catppuccin_mocha.theme create mode 100644 .config/btop/themes/catppuccin_mocha.theme.cgt delete mode 100644 .config/fish/conf.d/50-catppuccin.fish create mode 100644 .config/fish/conf.d/50-catppuccin.fish.cgt delete mode 100644 .config/waybar/mocha.css create mode 100644 .config/waybar/mocha.css.cgt diff --git a/.config/alacritty/alacritty.yml.cgt b/.config/alacritty/alacritty.yml.cgt index c12125a..15361d2 100644 --- a/.config/alacritty/alacritty.yml.cgt +++ b/.config/alacritty/alacritty.yml.cgt @@ -21,79 +21,79 @@ key_bindings: # CATPPUCCIN THEME colors: primary: - background: "#1E1E2E" # base - foreground: "#CDD6F4" # text + background: "#<% opt.catppuccin.base %>" # base + foreground: "#<% opt.catppuccin.text %>" # text # Bright and dim foreground colors - dim_foreground: "#CDD6F4" # text - bright_foreground: "#CDD6F4" # text + dim_foreground: "#<% opt.catppuccin.text %>" # text + bright_foreground: "#<% opt.catppuccin.text %>" # text # Cursor colors cursor: - text: "#1E1E2E" # base - cursor: "#F5E0DC" # rosewater + text: "#<% opt.catppuccin.base %>" # base + cursor: "#<% opt.catppuccin.rosewater %>" # rosewater vi_mode_cursor: - text: "#1E1E2E" # base - cursor: "#B4BEFE" # lavender + text: "#<% opt.catppuccin.base %>" # base + cursor: "#<% opt.catppuccin.lavender %>" # lavender # Search colors search: matches: - foreground: "#1E1E2E" # base - background: "#A6ADC8" # subtext0 + foreground: "#<% opt.catppuccin.base %>" # base + background: "#<% opt.catppuccin.subtext0 %>" # subtext0 focused_match: - foreground: "#1E1E2E" # base - background: "#A6E3A1" # green + foreground: "#<% opt.catppuccin.base %>" # base + background: "#<% opt.catppuccin.green %>" # green footer_bar: - foreground: "#1E1E2E" # base - background: "#A6ADC8" # subtext0 + foreground: "#<% opt.catppuccin.base %>" # base + background: "#<% opt.catppuccin.subtext0 %>" # subtext0 # Keyboard regex hints hints: start: - foreground: "#1E1E2E" # base - background: "#F9E2AF" # yellow + foreground: "#<% opt.catppuccin.base %>" # base + background: "#<% opt.catppuccin.yellow %>" # yellow end: - foreground: "#1E1E2E" # base - background: "#A6ADC8" # subtext0 + foreground: "#<% opt.catppuccin.base %>" # base + background: "#<% opt.catppuccin.subtext0 %>" # subtext0 # Selection colors selection: - text: "#1E1E2E" # base - background: "#F5E0DC" # rosewater + text: "#<% opt.catppuccin.base %>" # base + background: "#<% opt.catppuccin.rosewater %>" # rosewater # Normal colors normal: - black: "#45475A" # surface1 - red: "#F38BA8" # red - green: "#A6E3A1" # green - yellow: "#F9E2AF" # yellow - blue: "#89B4FA" # blue - magenta: "#F5C2E7" # pink - cyan: "#94E2D5" # teal - white: "#BAC2DE" # subtext1 + black: "#<% opt.catppuccin.surface1 %>" # surface1 + red: "#<% opt.catppuccin.red %>" # red + green: "#<% opt.catppuccin.green %>" # green + yellow: "#<% opt.catppuccin.yellow %>" # yellow + blue: "#<% opt.catppuccin.blue %>" # blue + magenta: "#<% opt.catppuccin.pink %>" # pink + cyan: "#<% opt.catppuccin.teal %>" # teal + white: "#<% opt.catppuccin.subtext1 %>" # subtext1 # Bright colors bright: - black: "#585B70" # surface2 - red: "#F38BA8" # red - green: "#A6E3A1" # green - yellow: "#F9E2AF" # yellow - blue: "#89B4FA" # blue - magenta: "#F5C2E7" # pink - cyan: "#94E2D5" # teal - white: "#A6ADC8" # subtext0 + black: "#<% opt.catppuccin.surface2 %>" # surface2 + red: "#<% opt.catppuccin.red %>" # red + green: "#<% opt.catppuccin.green %>" # green + yellow: "#<% opt.catppuccin.yellow %>" # yellow + blue: "#<% opt.catppuccin.blue %>" # blue + magenta: "#<% opt.catppuccin.pink %>" # pink + cyan: "#<% opt.catppuccin.teal %>" # teal + white: "#<% opt.catppuccin.subtext0 %>" # subtext0 # Dim colors dim: - black: "#45475A" # surface1 - red: "#F38BA8" # red - green: "#A6E3A1" # green - yellow: "#F9E2AF" # yellow - blue: "#89B4FA" # blue - magenta: "#F5C2E7" # pink - cyan: "#94E2D5" # teal - white: "#BAC2DE" # subtext1 + black: "#<% opt.catppuccin.surface1 %>" # surface1 + red: "#<% opt.catppuccin.red %>" # red + green: "#<% opt.catppuccin.green %>" # green + yellow: "#<% opt.catppuccin.yellow %>" # yellow + blue: "#<% opt.catppuccin.blue %>" # blue + magenta: "#<% opt.catppuccin.pink %>" # pink + cyan: "#<% opt.catppuccin.teal %>" # teal + white: "#<% opt.catppuccin.subtext1 %>" # subtext1 indexed_colors: - - { index: 16, color: "#FAB387" } - - { index: 17, color: "#F5E0DC" } + - { index: 16, color: "#<% opt.catppuccin.peach %>" } + - { index: 17, color: "#<% opt.catppuccin.rosewater %>" } diff --git a/.config/bat/themes/catppuccin.tmTheme b/.config/bat/themes/catppuccin.tmTheme.cgt similarity index 82% rename from .config/bat/themes/catppuccin.tmTheme rename to .config/bat/themes/catppuccin.tmTheme.cgt index 658340f..ade8fa7 100644 --- a/.config/bat/themes/catppuccin.tmTheme +++ b/.config/bat/themes/catppuccin.tmTheme.cgt @@ -1,6 +1,6 @@ - + - +<% "<" .. "!" %>DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> name @@ -11,33 +11,33 @@ settings foreground - #cdd6f4 + #<% opt.catppuccin.text %> background - #1e1e2e + #<% opt.catppuccin.base %> caret - #bac2de + #<% opt.catppuccin.subtext1 %> invisibles - #a6adc8 + #<% opt.catppuccin.subtext0 %> gutterForeground - #9399b2 + #<% opt.catppuccin.overlay2 %> gutterForegroundHighlight - #a6e3a1 + #<% opt.catppuccin.green %> lineHighlight - #585b70 + #<% opt.catppuccin.surface2 %> selection - #6c7086 + #<% opt.catppuccin.overlay0 %> selectionBorder - #1e1e2e + #<% opt.catppuccin.base %> activeGuide - #fab387 + #<% opt.catppuccin.peach %> findHighlightForeground - #181825 + #<% opt.catppuccin.mantle %> findHighlight - #f9e2af + #<% opt.catppuccin.yellow %> bracketsForeground - #9399b2 + #<% opt.catppuccin.overlay2 %> bracketContentsForeground - #9399b2 + #<% opt.catppuccin.overlay2 %> @@ -48,7 +48,7 @@ settings foreground - #6c7086 + #<% opt.catppuccin.overlay0 %> fontStyle italic @@ -61,7 +61,7 @@ settings foreground - #a6e3a1 + #<% opt.catppuccin.green %> fontStyle @@ -74,7 +74,7 @@ settings foreground - #fab387 + #<% opt.catppuccin.peach %> fontStyle @@ -87,7 +87,7 @@ settings foreground - #fab387 + #<% opt.catppuccin.peach %> fontStyle @@ -100,7 +100,7 @@ settings foreground - #fab387 + #<% opt.catppuccin.peach %> fontStyle bold italic @@ -113,7 +113,7 @@ settings foreground - #b4befe + #<% opt.catppuccin.lavender %> fontStyle italic @@ -126,7 +126,7 @@ settings foreground - #fab387 + #<% opt.catppuccin.peach %> fontStyle italic @@ -139,7 +139,7 @@ settings foreground - #fab387 + #<% opt.catppuccin.peach %> fontStyle @@ -160,7 +160,7 @@ settings foreground - #f38ba8 + #<% opt.catppuccin.red %> fontStyle italic @@ -173,7 +173,7 @@ settings foreground - #cba6f7 + #<% opt.catppuccin.mauve %> fontStyle bold @@ -186,7 +186,7 @@ settings foreground - #f5c2e7 + #<% opt.catppuccin.pink %> fontStyle bold @@ -199,7 +199,7 @@ settings foreground - #fab387 + #<% opt.catppuccin.peach %> fontStyle italic @@ -212,7 +212,7 @@ settings foreground - #89dceb + #<% opt.catppuccin.sky %> fontStyle bold @@ -225,7 +225,7 @@ settings foreground - #94e2d5 + #<% opt.catppuccin.teal %> fontStyle @@ -238,7 +238,7 @@ settings foreground - #94e2d5 + #<% opt.catppuccin.teal %> fontStyle @@ -251,7 +251,7 @@ settings foreground - #9399b2 + #<% opt.catppuccin.overlay2 %> fontStyle @@ -264,7 +264,7 @@ settings foreground - #94e2d5 + #<% opt.catppuccin.teal %> fontStyle italic @@ -277,7 +277,7 @@ settings foreground - #f38ba8 + #<% opt.catppuccin.red %> fontStyle @@ -290,7 +290,7 @@ settings foreground - #f9e2af + #<% opt.catppuccin.yellow %> fontStyle italic @@ -303,7 +303,7 @@ settings foreground - #f38ba8 + #<% opt.catppuccin.red %> fontStyle @@ -316,7 +316,7 @@ settings foreground - #f5e0dc + #<% opt.catppuccin.rosewater %> fontStyle italic @@ -329,7 +329,7 @@ settings foreground - #f5e0dc + #<% opt.catppuccin.rosewater %> fontStyle italic @@ -342,7 +342,7 @@ settings foreground - #89b4fa + #<% opt.catppuccin.blue %> fontStyle @@ -355,7 +355,7 @@ settings foreground - #f38ba8 + #<% opt.catppuccin.red %> fontStyle italic @@ -368,7 +368,7 @@ settings foreground - #89dceb + #<% opt.catppuccin.sky %> fontStyle @@ -381,7 +381,7 @@ settings foreground - #89dceb + #<% opt.catppuccin.sky %> fontStyle italic @@ -394,7 +394,7 @@ settings foreground - #89b4fa + #<% opt.catppuccin.blue %> fontStyle italic @@ -407,7 +407,7 @@ settings foreground - #f38ba8 + #<% opt.catppuccin.red %> fontStyle @@ -420,7 +420,7 @@ settings foreground - #f38ba8 + #<% opt.catppuccin.red %> fontStyle @@ -433,7 +433,7 @@ settings foreground - #b4befe + #<% opt.catppuccin.lavender %> fontStyle @@ -446,7 +446,7 @@ settings foreground - #f5e0dc + #<% opt.catppuccin.rosewater %> fontStyle italic @@ -459,7 +459,7 @@ settings foreground - #eba0ac + #<% opt.catppuccin.maroon %> fontStyle italic @@ -472,7 +472,7 @@ settings foreground - #89dceb + #<% opt.catppuccin.sky %> fontStyle @@ -485,7 +485,7 @@ settings foreground - #89b4fa + #<% opt.catppuccin.blue %> fontStyle @@ -498,7 +498,7 @@ settings foreground - #89b4fa + #<% opt.catppuccin.blue %> fontStyle italic @@ -522,7 +522,7 @@ settings foreground - #89b4fa + #<% opt.catppuccin.blue %> fontStyle italic @@ -535,7 +535,7 @@ settings foreground - #f5e0dc + #<% opt.catppuccin.rosewater %> fontStyle italic @@ -548,7 +548,7 @@ settings foreground - #cdd6f4 + #<% opt.catppuccin.text %> fontStyle italic @@ -561,7 +561,7 @@ settings foreground - #f5e0dc + #<% opt.catppuccin.rosewater %> fontStyle @@ -574,7 +574,7 @@ settings foreground - #94e2d5 + #<% opt.catppuccin.teal %> fontStyle @@ -587,7 +587,7 @@ settings foreground - #fab387 + #<% opt.catppuccin.peach %> fontStyle @@ -600,7 +600,7 @@ settings foreground - #cba6f7 + #<% opt.catppuccin.mauve %> fontStyle italic @@ -613,7 +613,7 @@ settings foreground - #eba0ac + #<% opt.catppuccin.maroon %> fontStyle @@ -626,7 +626,7 @@ settings foreground - #f5e0dc + #<% opt.catppuccin.rosewater %> fontStyle italic underline @@ -639,7 +639,7 @@ settings foreground - #b4befe + #<% opt.catppuccin.lavender %> fontStyle bold @@ -652,7 +652,7 @@ settings foreground - #94e2d5 + #<% opt.catppuccin.teal %> fontStyle italic @@ -665,7 +665,7 @@ settings foreground - #89b4fa + #<% opt.catppuccin.blue %> fontStyle bold @@ -678,7 +678,7 @@ settings foreground - #eba0ac + #<% opt.catppuccin.maroon %> fontStyle italic @@ -691,7 +691,7 @@ settings foreground - #eba0ac + #<% opt.catppuccin.maroon %> fontStyle bold @@ -704,7 +704,7 @@ settings foreground - #f5c2e7 + #<% opt.catppuccin.pink %> fontStyle @@ -717,7 +717,7 @@ settings foreground - #f5c2e7 + #<% opt.catppuccin.pink %> fontStyle @@ -730,7 +730,7 @@ settings foreground - #f38ba8 + #<% opt.catppuccin.red %> fontStyle italic @@ -743,7 +743,7 @@ settings foreground - #b4befe + #<% opt.catppuccin.lavender %> fontStyle italic @@ -756,7 +756,7 @@ settings foreground - #f2cdcd + #<% opt.catppuccin.flamingo %> fontStyle @@ -769,7 +769,7 @@ settings foreground - #94e2d5 + #<% opt.catppuccin.teal %> fontStyle @@ -782,7 +782,7 @@ settings foreground - #f2cdcd + #<% opt.catppuccin.flamingo %> fontStyle italic @@ -795,7 +795,7 @@ settings foreground - #cdd6f4 + #<% opt.catppuccin.text %> fontStyle @@ -808,7 +808,7 @@ settings foreground - #94e2d5 + #<% opt.catppuccin.teal %> fontStyle italic @@ -821,7 +821,7 @@ settings foreground - #94e2d5 + #<% opt.catppuccin.teal %> fontStyle @@ -834,7 +834,7 @@ settings foreground - #b4befe + #<% opt.catppuccin.lavender %> fontStyle @@ -847,7 +847,7 @@ settings foreground - #94e2d5 + #<% opt.catppuccin.teal %> fontStyle @@ -860,9 +860,9 @@ settings foreground - #cdd6f4 + #<% opt.catppuccin.text %> background - #f38ba8 + #<% opt.catppuccin.red %> fontStyle @@ -875,9 +875,9 @@ settings foreground - #cdd6f4 + #<% opt.catppuccin.text %> background - #cba6f7 + #<% opt.catppuccin.mauve %> fontStyle @@ -890,7 +890,7 @@ settings foreground - #6c7086 + #<% opt.catppuccin.overlay0 %> fontStyle @@ -903,7 +903,7 @@ settings foreground - #f38ba8 + #<% opt.catppuccin.red %> fontStyle @@ -916,7 +916,7 @@ settings foreground - #a6e3a1 + #<% opt.catppuccin.green %> fontStyle @@ -929,7 +929,7 @@ settings foreground - #f9e2af + #<% opt.catppuccin.yellow %> fontStyle @@ -942,7 +942,7 @@ settings foreground - #f38ba8 + #<% opt.catppuccin.red %> fontStyle diff --git a/.config/btop/themes/catppuccin_mocha.theme b/.config/btop/themes/catppuccin_mocha.theme deleted file mode 100644 index 6915504..0000000 --- a/.config/btop/themes/catppuccin_mocha.theme +++ /dev/null @@ -1,83 +0,0 @@ -# Main background, empty for terminal default, need to be empty if you want transparent background -theme[main_bg]="#1E1E2E" - -# Main text color -theme[main_fg]="#CDD6F4" - -# Title color for boxes -theme[title]="#CDD6F4" - -# Highlight color for keyboard shortcuts -theme[hi_fg]="#89B4FA" - -# Background color of selected item in processes box -theme[selected_bg]="#45475A" - -# Foreground color of selected item in processes box -theme[selected_fg]="#89B4FA" - -# Color of inactive/disabled text -theme[inactive_fg]="#7F849C" - -# Color of text appearing on top of graphs, i.e uptime and current network graph scaling -theme[graph_text]="#F5E0DC" - -# Background color of the percentage meters -theme[meter_bg]="#45475A" - -# Misc colors for processes box including mini cpu graphs, details memory graph and details status text -theme[proc_misc]="#F5E0DC" - -# CPU, Memory, Network, Proc box outline colors -theme[cpu_box]="#cba6f7" #Mauve -theme[mem_box]="#a6e3a1" #Green -theme[net_box]="#eba0ac" #Maroon -theme[proc_box]="#89b4fa" #Blue - -# Box divider line and small boxes line color -theme[div_line]="#6C7086" - -# Temperature graph color (Green -> Yellow -> Red) -theme[temp_start]="#a6e3a1" -theme[temp_mid]="#f9e2af" -theme[temp_end]="#f38ba8" - -# CPU graph colors (Teal -> Lavender) -theme[cpu_start]="#94e2d5" -theme[cpu_mid]="#74c7ec" -theme[cpu_end]="#b4befe" - -# Mem/Disk free meter (Mauve -> Lavender -> Blue) -theme[free_start]="#cba6f7" -theme[free_mid]="#b4befe" -theme[free_end]="#89b4fa" - -# Mem/Disk cached meter (Sapphire -> Lavender) -theme[cached_start]="#74c7ec" -theme[cached_mid]="#89b4fa" -theme[cached_end]="#b4befe" - -# Mem/Disk available meter (Peach -> Red) -theme[available_start]="#fab387" -theme[available_mid]="#eba0ac" -theme[available_end]="#f38ba8" - -# Mem/Disk used meter (Green -> Sky) -theme[used_start]="#a6e3a1" -theme[used_mid]="#94e2d5" -theme[used_end]="#89dceb" - -# Download graph colors (Peach -> Red) -theme[download_start]="#fab387" -theme[download_mid]="#eba0ac" -theme[download_end]="#f38ba8" - -# Upload graph colors (Green -> Sky) -theme[upload_start]="#a6e3a1" -theme[upload_mid]="#94e2d5" -theme[upload_end]="#89dceb" - -# Process box color gradient for threads, mem and cpu usage (Sapphire -> Mauve) -theme[process_start]="#74C7EC" -theme[process_mid]="#89DCEB" -theme[process_end]="#cba6f7" diff --git a/.config/btop/themes/catppuccin_mocha.theme.cgt b/.config/btop/themes/catppuccin_mocha.theme.cgt new file mode 100644 index 0000000..dc4d86b --- /dev/null +++ b/.config/btop/themes/catppuccin_mocha.theme.cgt @@ -0,0 +1,83 @@ +# Main background, empty for terminal default, need to be empty if you want transparent background +theme[main_bg]="#<% opt.catppuccin.base %>" + +# Main text color +theme[main_fg]="#<% opt.catppuccin.text %>" + +# Title color for boxes +theme[title]="#<% opt.catppuccin.text %>" + +# Highlight color for keyboard shortcuts +theme[hi_fg]="#<% opt.catppuccin.blue %>" + +# Background color of selected item in processes box +theme[selected_bg]="#<% opt.catppuccin.surface1 %>" + +# Foreground color of selected item in processes box +theme[selected_fg]="#<% opt.catppuccin.blue %>" + +# Color of inactive/disabled text +theme[inactive_fg]="#<% opt.catppuccin.overlay1 %>" + +# Color of text appearing on top of graphs, i.e uptime and current network graph scaling +theme[graph_text]="#<% opt.catppuccin.rosewater %>" + +# Background color of the percentage meters +theme[meter_bg]="#<% opt.catppuccin.surface1 %>" + +# Misc colors for processes box including mini cpu graphs, details memory graph and details status text +theme[proc_misc]="#<% opt.catppuccin.rosewater %>" + +# CPU, Memory, Network, Proc box outline colors +theme[cpu_box]="#<% opt.catppuccin.mauve %>" #Mauve +theme[mem_box]="#<% opt.catppuccin.green %>" #Green +theme[net_box]="#<% opt.catppuccin.maroon %>" #Maroon +theme[proc_box]="#<% opt.catppuccin.blue %>" #Blue + +# Box divider line and small boxes line color +theme[div_line]="#<% opt.catppuccin.overlay0 %>" + +# Temperature graph color (Green -> Yellow -> Red) +theme[temp_start]="#<% opt.catppuccin.green %>" +theme[temp_mid]="#<% opt.catppuccin.yellow %>" +theme[temp_end]="#<% opt.catppuccin.red %>" + +# CPU graph colors (Teal -> Lavender) +theme[cpu_start]="#<% opt.catppuccin.teal %>" +theme[cpu_mid]="#<% opt.catppuccin.sapphire %>" +theme[cpu_end]="#<% opt.catppuccin.lavender %>" + +# Mem/Disk free meter (Mauve -> Lavender -> Blue) +theme[free_start]="#<% opt.catppuccin.mauve %>" +theme[free_mid]="#<% opt.catppuccin.lavender %>" +theme[free_end]="#<% opt.catppuccin.blue %>" + +# Mem/Disk cached meter (Sapphire -> Lavender) +theme[cached_start]="#<% opt.catppuccin.sapphire %>" +theme[cached_mid]="#<% opt.catppuccin.blue %>" +theme[cached_end]="#<% opt.catppuccin.lavender %>" + +# Mem/Disk available meter (Peach -> Red) +theme[available_start]="#<% opt.catppuccin.peach %>" +theme[available_mid]="#<% opt.catppuccin.maroon %>" +theme[available_end]="#<% opt.catppuccin.red %>" + +# Mem/Disk used meter (Green -> Sky) +theme[used_start]="#<% opt.catppuccin.green %>" +theme[used_mid]="#<% opt.catppuccin.teal %>" +theme[used_end]="#<% opt.catppuccin.sky %>" + +# Download graph colors (Peach -> Red) +theme[download_start]="#<% opt.catppuccin.peach %>" +theme[download_mid]="#<% opt.catppuccin.maroon %>" +theme[download_end]="#<% opt.catppuccin.red %>" + +# Upload graph colors (Green -> Sky) +theme[upload_start]="#<% opt.catppuccin.green %>" +theme[upload_mid]="#<% opt.catppuccin.teal %>" +theme[upload_end]="#<% opt.catppuccin.sky %>" + +# Process box color gradient for threads, mem and cpu usage (Sapphire -> Mauve) +theme[process_start]="#<% opt.catppuccin.sapphire %>" +theme[process_mid]="#<% opt.catppuccin.sky %>" +theme[process_end]="#<% opt.catppuccin.mauve %>" diff --git a/.config/conky/conky.conf.cgt b/.config/conky/conky.conf.cgt index f3c3235..4947f59 100644 --- a/.config/conky/conky.conf.cgt +++ b/.config/conky/conky.conf.cgt @@ -68,7 +68,7 @@ conky.config = { own_window_argb_value = 255, -- real transparency - composite manager required 0-255 own_window_argb_visual = true, -- use ARGB - composite manager required own_window_class = 'Conky', -- manually set the WM_CLASS name for use with xprop - own_window_colour = '#1e1e2e', -- set colour if own_window_transparent no + own_window_colour = '#<% opt.catppuccin.base %>', -- set colour if own_window_transparent no own_window_transparent = false, -- if own_window_argb_visual is true sets background opacity 0% own_window_title = 'conky', -- set the name manually own_window_type = 'override', -- if own_window true options are: normal/override/dock/desktop/panel @@ -83,8 +83,8 @@ conky.config = { --catppuccin color0 = '#C9CBFF', color1 = '#D9E0EE', - color2 = '#89DCEB', - color3 = '#F2CDCD', + color2 = '#<% opt.catppuccin.sky %>', + color3 = '#<% opt.catppuccin.flamingo %>', color4 = '#C3BAC6', color5 = '#ABE9B3', color6 = '#FAE3B0', diff --git a/.config/discord/theme.css.cgt b/.config/discord/theme.css.cgt index 866accd..50dec95 100644 --- a/.config/discord/theme.css.cgt +++ b/.config/discord/theme.css.cgt @@ -21,7 +21,7 @@ button[class*=emojiButtonNormal] > div > div { [data-popout-root], html { - --brand-experiment: #89b4fa; + --brand-experiment: #<% opt.catppuccin.blue %>; --brand-experiment-100: white; --brand-experiment-130: white; --brand-experiment-160: white; @@ -34,7 +34,7 @@ html { --brand-experiment-400: #d2e3fd; --brand-experiment-430: #bad3fc; --brand-experiment-460: #a1c4fb; - --brand-experiment-500: #89b4fa; + --brand-experiment-500: #<% opt.catppuccin.blue %>; --brand-experiment-530: #71a4f9; --brand-experiment-560: #5895f8; --brand-experiment-600: #4085f7; @@ -70,144 +70,144 @@ html { .theme-dark, .theme-light { - --header-primary: #cdd6f4; - --header-secondary: #a6adc8; - --text-normal: #cdd6f4; - --text-muted: #a6adc8; - --text-link: #89b4fa; - --text-link-low-saturation: #74c7ec; - --text-positive: #a6e3a1; - --text-warning: #f9e2af; - --text-danger: #f38ba8; - --text-brand: #89b4fa; - --background-primary: #1e1e2e; - --background-secondary: #181825; + --header-primary: #<% opt.catppuccin.text %>; + --header-secondary: #<% opt.catppuccin.subtext0 %>; + --text-normal: #<% opt.catppuccin.text %>; + --text-muted: #<% opt.catppuccin.subtext0 %>; + --text-link: #<% opt.catppuccin.blue %>; + --text-link-low-saturation: #<% opt.catppuccin.sapphire %>; + --text-positive: #<% opt.catppuccin.green %>; + --text-warning: #<% opt.catppuccin.yellow %>; + --text-danger: #<% opt.catppuccin.red %>; + --text-brand: #<% opt.catppuccin.blue %>; + --background-primary: #<% opt.catppuccin.base %>; + --background-secondary: #<% opt.catppuccin.mantle %>; --background-secondary-alt: #14141f; - --background-tertiary: #11111b; - --background-accent: #89b4fa; + --background-tertiary: #<% opt.catppuccin.crust %>; + --background-accent: #<% opt.catppuccin.blue %>; --background-floating: #0d0d15; - --background-nested-floating: #181825; - --background-mobile-primary: #1e1e2e; - --background-mobile-secondary: #181825; - --chat-background: #1e1e2e; - --chat-border: #11111b; - --chat-input-container-background: #1e1e2e; + --background-nested-floating: #<% opt.catppuccin.mantle %>; + --background-mobile-primary: #<% opt.catppuccin.base %>; + --background-mobile-secondary: #<% opt.catppuccin.mantle %>; + --chat-background: #<% opt.catppuccin.base %>; + --chat-border: #<% opt.catppuccin.crust %>; + --chat-input-container-background: #<% opt.catppuccin.base %>; --background-modifier-hover: rgba(205, 214, 244, 0.15); --background-modifier-selected: rgba(205, 214, 244, 0.2); --background-modifier-accent: rgba(205, 214, 244, 0.26); --background-modifier-active: rgba(205, 214, 244, 0.17); --info-positive-background: rgba(166, 227, 161, 0.15); - --info-positive-foreground: #a6e3a1; - --info-positive-text: #cdd6f4; + --info-positive-foreground: #<% opt.catppuccin.green %>; + --info-positive-text: #<% opt.catppuccin.text %>; --info-warning-background: rgba(249, 226, 175, 0.15); - --info-warning-foreground: #f9e2af; - --info-warning-text: #cdd6f4; + --info-warning-foreground: #<% opt.catppuccin.yellow %>; + --info-warning-text: #<% opt.catppuccin.text %>; --info-danger-background: rgba(243, 139, 168, 0.15); - --info-danger-foreground: #f38ba8; - --info-danger-text: #cdd6f4; + --info-danger-foreground: #<% opt.catppuccin.red %>; + --info-danger-text: #<% opt.catppuccin.text %>; --info-help-background: rgba(137, 220, 235, 0.15); - --info-help-foreground: #89dceb; - --info-help-text: #cdd6f4; - --status-positive-background: #a6e3a1; - --status-positive-text: #1e1e2e; - --status-warning-background: #f9e2af; - --status-warning-text: #1e1e2e; - --status-danger-background: #f38ba8; - --status-danger-text: #1e1e2e; - --status-danger: #f38ba8; - --status-positive: #a6e3a1; - --status-warning: #f9e2af; - --status-yellow-400: #f9e2af; - --status-green-600: #a6e3a1; - --primary-dark-600: #1e1e2e; - --status-yellow-560: #f9e2af; - --status-red-500: #f38ba8; - --status-red-530: #f38ba8; - --status-yellow-500: #f9e2af; - --black-500: #11111b; - --green-360: #a6e3a1; - --yellow-360: #f9e2af; - --yellow-300: #f9e2af; - --red-400: #f38ba8; - --brand-500: #89b4fa; + --info-help-foreground: #<% opt.catppuccin.sky %>; + --info-help-text: #<% opt.catppuccin.text %>; + --status-positive-background: #<% opt.catppuccin.green %>; + --status-positive-text: #<% opt.catppuccin.base %>; + --status-warning-background: #<% opt.catppuccin.yellow %>; + --status-warning-text: #<% opt.catppuccin.base %>; + --status-danger-background: #<% opt.catppuccin.red %>; + --status-danger-text: #<% opt.catppuccin.base %>; + --status-danger: #<% opt.catppuccin.red %>; + --status-positive: #<% opt.catppuccin.green %>; + --status-warning: #<% opt.catppuccin.yellow %>; + --status-yellow-400: #<% opt.catppuccin.yellow %>; + --status-green-600: #<% opt.catppuccin.green %>; + --primary-dark-600: #<% opt.catppuccin.base %>; + --status-yellow-560: #<% opt.catppuccin.yellow %>; + --status-red-500: #<% opt.catppuccin.red %>; + --status-red-530: #<% opt.catppuccin.red %>; + --status-yellow-500: #<% opt.catppuccin.yellow %>; + --black-500: #<% opt.catppuccin.crust %>; + --green-360: #<% opt.catppuccin.green %>; + --yellow-360: #<% opt.catppuccin.yellow %>; + --yellow-300: #<% opt.catppuccin.yellow %>; + --red-400: #<% opt.catppuccin.red %>; + --brand-500: #<% opt.catppuccin.blue %>; --brand-560: #5895f8; - --primary-400: #bac2de; - --primary-dark-700: #11111b; - --status-green-560: #a6e3a1; - --white-400: #cdd6f4; - --white-500: #cdd6f4; - --guild-boosting-pink: #f5c2e7; - --premium-perk-yellow: #f9e2af; - --premium-perk-purple: #cba6f7; + --primary-400: #<% opt.catppuccin.subtext1 %>; + --primary-dark-700: #<% opt.catppuccin.crust %>; + --status-green-560: #<% opt.catppuccin.green %>; + --white-400: #<% opt.catppuccin.text %>; + --white-500: #<% opt.catppuccin.text %>; + --guild-boosting-pink: #<% opt.catppuccin.pink %>; + --premium-perk-yellow: #<% opt.catppuccin.yellow %>; + --premium-perk-purple: #<% opt.catppuccin.mauve %>; --premium-perk-dark-blue: #5895f8; --premium-perk-light-blue: #a1c4fb; - --premium-perk-blue: #89b4fa; - --premium-perk-green: #a6e3a1; - --premium-perk-pink: #f5c2e7; - --premium-perk-orange: #fab387; - --status-green-400: #a6e3a1; - --button-danger-background: #f38ba8; + --premium-perk-blue: #<% opt.catppuccin.blue %>; + --premium-perk-green: #<% opt.catppuccin.green %>; + --premium-perk-pink: #<% opt.catppuccin.pink %>; + --premium-perk-orange: #<% opt.catppuccin.peach %>; + --status-green-400: #<% opt.catppuccin.green %>; + --button-danger-background: #<% opt.catppuccin.red %>; --button-danger-background-hover: #f17497; --button-danger-background-active: #649df8; - --button-danger-background-disabled: #f38ba8; - --button-positive-background: #a6e3a1; + --button-danger-background-disabled: #<% opt.catppuccin.red %>; + --button-positive-background: #<% opt.catppuccin.green %>; --button-positive-background-hover: #93dd8d; --button-positive-background-active: #8ada84; - --button-positive-background-disabled: #a6e3a1; - --button-secondary-background: #45475a; + --button-positive-background-disabled: #<% opt.catppuccin.green %>; + --button-secondary-background: #<% opt.catppuccin.surface1 %>; --button-secondary-background-hover: #3a3c4c; --button-secondary-background-active: #3a3c4c; - --button-secondary-background-disabled: #45475a; - --button-outline-danger-text: #cdd6f4; - --button-outline-danger-border: #f38ba8; + --button-secondary-background-disabled: #<% opt.catppuccin.surface1 %>; + --button-outline-danger-text: #<% opt.catppuccin.text %>; + --button-outline-danger-border: #<% opt.catppuccin.red %>; --button-outline-danger-background: transparent; --button-outline-danger-background-hover: #f27f9f; - --button-outline-danger-text-hover: #1e1e2e; + --button-outline-danger-text-hover: #<% opt.catppuccin.base %>; --button-outline-danger-border-hover: #f27f9f; --button-outline-danger-background-active: #f17497; - --button-outline-danger-text-active: #1e1e2e; + --button-outline-danger-text-active: #<% opt.catppuccin.base %>; --button-outline-danger-border-active: #f27f9f; - --button-outline-positive-text: #cdd6f4; - --button-outline-positive-border: #a6e3a1; + --button-outline-positive-text: #<% opt.catppuccin.text %>; + --button-outline-positive-border: #<% opt.catppuccin.green %>; --button-outline-positive-background: transparent; --button-outline-positive-background-hover: #9de097; - --button-outline-positive-text-hover: #1e1e2e; + --button-outline-positive-text-hover: #<% opt.catppuccin.base %>; --button-outline-positive-border-hover: #9de097; --button-outline-positive-background-active: #93dd8d; - --button-outline-positive-text-active: #1e1e2e; + --button-outline-positive-text-active: #<% opt.catppuccin.base %>; --button-outline-positive-border-active: #9de097; - --button-outline-brand-text: #cdd6f4; - --button-outline-brand-border: #89b4fa; + --button-outline-brand-text: #<% opt.catppuccin.text %>; + --button-outline-brand-border: #<% opt.catppuccin.blue %>; --button-outline-brand-background: transparent; --button-outline-brand-background-hover: #7dacf9; - --button-outline-brand-text-hover: #1e1e2e; + --button-outline-brand-text-hover: #<% opt.catppuccin.base %>; --button-outline-brand-border-hover: #7dacf9; --button-outline-brand-background-active: #71a4f9; - --button-outline-brand-text-active: #1e1e2e; + --button-outline-brand-text-active: #<% opt.catppuccin.base %>; --button-outline-brand-border-active: #7dacf9; - --button-outline-primary-text: #cdd6f4; - --button-outline-primary-border: #585b70; + --button-outline-primary-text: #<% opt.catppuccin.text %>; + --button-outline-primary-border: #<% opt.catppuccin.surface2 %>; --button-outline-primary-background: transparent; --button-outline-primary-background-hover: #525569; - --button-outline-primary-text-hover: #1e1e2e; + --button-outline-primary-text-hover: #<% opt.catppuccin.base %>; --button-outline-primary-border-hover: #525569; --button-outline-primary-background-active: #4d4f62; - --button-outline-primary-text-active: #1e1e2e; + --button-outline-primary-text-active: #<% opt.catppuccin.base %>; --button-outline-primary-border-active: #525569; - --modal-background: #1e1e2e; - --modal-footer-background: #11111b; - --scrollbar-thin-thumb: #89b4fa; + --modal-background: #<% opt.catppuccin.base %>; + --modal-footer-background: #<% opt.catppuccin.crust %>; + --scrollbar-thin-thumb: #<% opt.catppuccin.blue %>; --scrollbar-thin-track: transparent; - --scrollbar-auto-thumb: #89b4fa; - --scrollbar-auto-track: #11111b; - --scrollbar-auto-scrollbar-color-thumb: #89b4fa; - --scrollbar-auto-scrollbar-color-track: #11111b; - --input-background: #11111b; - --input-placeholder-text: #bac2de; - --logo-primary: #cdd6f4; - --control-brand-foreground: #89b4fa; - --control-brand-foreground-new: #89b4fa; - --mention-foreground: #89b4fa; + --scrollbar-auto-thumb: #<% opt.catppuccin.blue %>; + --scrollbar-auto-track: #<% opt.catppuccin.crust %>; + --scrollbar-auto-scrollbar-color-thumb: #<% opt.catppuccin.blue %>; + --scrollbar-auto-scrollbar-color-track: #<% opt.catppuccin.crust %>; + --input-background: #<% opt.catppuccin.crust %>; + --input-placeholder-text: #<% opt.catppuccin.subtext1 %>; + --logo-primary: #<% opt.catppuccin.text %>; + --control-brand-foreground: #<% opt.catppuccin.blue %>; + --control-brand-foreground-new: #<% opt.catppuccin.blue %>; + --mention-foreground: #<% opt.catppuccin.blue %>; --mention-background: rgba(137, 180, 250, 0.3); --background-mentioned: rgba(249, 226, 175, 0.1); --background-mentioned-hover: rgba(249, 226, 175, 0.08); @@ -219,29 +219,29 @@ html { --channels-default: #969ebe; --channel-icon: #969ebe; --channel-text-area-placeholder: rgba(205, 214, 244, 0.5); - --channeltextarea-background: #181825; - --activity-card-background: #11111b; - --textbox-markdown-syntax: #6c7086; - --spoiler-revealed-background: #313244; - --spoiler-hidden-background: #585b70; - --android-navigation-bar-background: #11111b; + --channeltextarea-background: #<% opt.catppuccin.mantle %>; + --activity-card-background: #<% opt.catppuccin.crust %>; + --textbox-markdown-syntax: #<% opt.catppuccin.overlay0 %>; + --spoiler-revealed-background: #<% opt.catppuccin.surface0 %>; + --spoiler-hidden-background: #<% opt.catppuccin.surface2 %>; + --android-navigation-bar-background: #<% opt.catppuccin.crust %>; --android-ripple: rgba(17, 17, 27, 0.3); --deprecated-card-bg: rgba(17, 17, 27, 0.6); --deprecated-card-editable-bg: rgba(17, 17, 27, 0.3); - --deprecated-store-bg: #1e1e2e; + --deprecated-store-bg: #<% opt.catppuccin.base %>; --deprecated-quickswitcher-input-background: #4d4f62; --deprecated-quickswitcher-input-placeholder: rgba(17, 17, 27, 0.3); - --deprecated-text-input-bg: #11111b; + --deprecated-text-input-bg: #<% opt.catppuccin.crust %>; --deprecated-text-input-border: rgba(17, 17, 27, 0.3); --deprecated-text-input-border-hover: #07070b; - --deprecated-text-input-border-disabled: #181825; - --deprecated-text-input-prefix: #a6adc8; - --focus-primary: #89b4fa; - --interactive-normal: #cdd6f4; + --deprecated-text-input-border-disabled: #<% opt.catppuccin.mantle %>; + --deprecated-text-input-prefix: #<% opt.catppuccin.subtext0 %>; + --focus-primary: #<% opt.catppuccin.blue %>; + --interactive-normal: #<% opt.catppuccin.text %>; --interactive-muted: rgba(205, 214, 244, 0.3); - --interactive-hover: #cdd6f4; - --interactive-active: #cdd6f4; - --search-popout-option-non-text-color: #a6adc8; + --interactive-hover: #<% opt.catppuccin.text %>; + --interactive-active: #<% opt.catppuccin.text %>; + --search-popout-option-non-text-color: #<% opt.catppuccin.subtext0 %>; } ::selection { @@ -249,184 +249,184 @@ html { } [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='%2311111b'%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; + 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='%23<% opt.catppuccin.crust %>'%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='%23a6e3a1'/%3E%3C/g%3E%3C/svg%3E") !important; + 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='%23<% opt.catppuccin.green %>'/%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="%2311111b" 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; + 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="%23<% opt.catppuccin.crust %>" 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='%23f38ba8'/%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3C/g%3E%3C/svg%3E") !important; + 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='%23<% opt.catppuccin.red %>'/%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='%23f38ba8'/%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3C/g%3E%3C/svg%3E") !important; + 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='%23<% opt.catppuccin.red %>'/%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='%23a6e3a1' fill-rule='evenodd' transform='translate(-545 -509)'/%3E%3C/svg%3E") !important; + 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='%23<% opt.catppuccin.green %>' fill-rule='evenodd' transform='translate(-545 -509)'/%3E%3C/svg%3E") !important; } .theme-dark svg[class*=noItemsIcon_], .theme-light svg[class*=noItemsIcon_] { - background-color: #45475a; + background-color: #<% opt.catppuccin.surface1 %>; } .theme-dark svg[class*=tier1ProfilePerk_], .theme-light svg[class*=tier1ProfilePerk_] { - color: #89b4fa !important; + color: #<% opt.catppuccin.blue %> !important; } .theme-dark svg[class*=tier1BoostPerk_], .theme-light svg[class*=tier1BoostPerk_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !important; } .theme-dark svg[class*=tier1CustomEmojiPerk_], .theme-light svg[class*=tier1CustomEmojiPerk_] { - color: #f9e2af !important; + color: #<% opt.catppuccin.yellow %> !important; } .theme-dark svg[class*=tier1UploadPerk_], .theme-light svg[class*=tier1UploadPerk_] { - color: #b4befe !important; + color: #<% opt.catppuccin.lavender %> !important; } .theme-dark svg[class*=tier1StreamPerk_], .theme-light svg[class*=tier1StreamPerk_] { - color: #a6e3a1 !important; + color: #<% opt.catppuccin.green %> !important; } .theme-dark svg[class*=guildBoostingIcon_], .theme-light svg[class*=guildBoostingIcon_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !important; } .theme-dark svg[class*=guildSubscriptionSlotIcon_], .theme-light svg[class*=guildSubscriptionSlotIcon_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !important; } .theme-dark svg[class*=guildSubscriberCountIcon_], .theme-light svg[class*=guildSubscriberCountIcon_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !important; } .theme-dark svg[class*=gemWithLabel_], .theme-light svg[class*=gemWithLabel_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !important; } .theme-dark svg[class*=gemWithoutLabel_], .theme-light svg[class*=gemWithoutLabel_] { - color: #7f849c !important; + color: #<% opt.catppuccin.overlay1 %> !important; } .theme-dark svg[class*=memberBadgeIcon_], .theme-light svg[class*=memberBadgeIcon_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !important; } .theme-dark svg[class*=audioQualityIcon_], .theme-light svg[class*=audioQualityIcon_] { - color: #74c7ec !important; + color: #<% opt.catppuccin.sapphire %> !important; } .theme-dark svg[class*=uploadSizeIcon_], .theme-light svg[class*=uploadSizeIcon_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !important; } .theme-dark svg[class*=threadIcon_], .theme-light svg[class*=threadIcon_] { - color: #94e2d5 !important; + color: #<% opt.catppuccin.teal %> !important; } .theme-dark svg[class*=premiumIcon_], .theme-light svg[class*=premiumIcon_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !important; } .theme-dark svg[class*=gameIcon_], .theme-light svg[class*=gameIcon_] { - color: #cdd6f4 !important; + color: #<% opt.catppuccin.text %> !important; } .theme-dark svg[class*=tierMarkerLabelPlusIcon_], .theme-light svg[class*=tierMarkerLabelPlusIcon_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !important; } .theme-dark svg[class*=currentTierIcon_], .theme-light svg[class*=currentTierIcon_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !important; } .theme-dark svg[class*=tier3Icon_], .theme-light svg[class*=tier3Icon_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !important; } .theme-dark svg[class*=searchIcon_], .theme-light svg[class*=searchIcon_] { - color: #a6adc8 !important; + color: #<% opt.catppuccin.subtext0 %> !important; } .theme-dark svg[class*=upsellIcon_], .theme-light svg[class*=upsellIcon_] { - color: #f5c2e7 !important; + color: #<% opt.catppuccin.pink %> !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: #11111b; + color: #<% opt.catppuccin.crust %>; } [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: #e76ac5; } [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: #11111b; + background-color: #<% opt.catppuccin.crust %>; } [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: #11111b; + color: #<% opt.catppuccin.crust %>; } [class*=lookFilled_][class*=colorPrimary_] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } button[class*=lookFilled_][class*=colorRed_]:active { - background-color: #f38ba8; + background-color: #<% opt.catppuccin.red %>; } [class*=lookOutlined_][class*=colorPrimary_] { - border-color: #45475a; + border-color: #<% opt.catppuccin.surface1 %>; } [class*=lookOutlined_][class*=colorPrimary_]:hover { - background-color: #313244; - color: #cdd6f4; - border-color: #45475a; + background-color: #<% opt.catppuccin.surface0 %>; + color: #<% opt.catppuccin.text %>; + border-color: #<% opt.catppuccin.surface1 %>; } div[class^=actionButtons] [class^=button][class*=buttonColor_], div[class^=actionButtons] [class^=button] [class*=buttonColor_] { - background-color: #45475a; + background-color: #<% opt.catppuccin.surface1 %>; } div[class^=actionButtons] [class^=button][class*=buttonColor_][class*=buttonActive_], div[class^=actionButtons] [class^=button] [class*=buttonColor_][class*=buttonActive_] { - background-color: #a6e3a1; - color: #11111b; + background-color: #<% opt.catppuccin.green %>; + color: #<% opt.catppuccin.crust %>; } div[class^=actionButtons] [class^=button][class*=buttonColor_][class*=buttonActive_] [class*=buttonContents_], div[class^=actionButtons] [class^=button] [class*=buttonColor_][class*=buttonActive_] [class*=buttonContents_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } 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: #11111b; + color: #<% opt.catppuccin.crust %>; } [class*=lookInverted_][class*=colorBrand_] { @@ -438,12 +438,12 @@ div[class^=actionButtons] [class^=button] [class*=buttonColor_][class*=buttonAct .theme-dark [class*=lookLink_][class*=colorPrimary_], .theme-light [class*=lookLink_][class*=colorPrimary_] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } .theme-dark [class*=lookFilled_][class*=colorTransparent_], .theme-light [class*=lookFilled_][class*=colorTransparent_] { - color: #cdd6f4; - background-color: #313244; + color: #<% opt.catppuccin.text %>; + background-color: #<% opt.catppuccin.surface0 %>; } div[class*=button_][class*=dangerous_]:hover { @@ -451,20 +451,20 @@ div[class*=button_][class*=dangerous_]:hover { } div[role=radio][class*=selected] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[role=radio][class*=selected][class*=allow] { - background-color: #a6e3a1; + background-color: #<% opt.catppuccin.green %>; } [class*=container_][style*="background_color: var(__green_360)"] { - --green-360: #a6e3a1; - background-color: #a6e3a1 !important; + --green-360: #<% opt.catppuccin.green %>; + background-color: #<% opt.catppuccin.green %> !important; } [class*=container_][style*="background_color: var(__primary_400)"], [class*=container_][style*="background_color: rgb(130, 133, 143)"] { - background-color: #11111b !important; + background-color: #<% opt.catppuccin.crust %> !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 { @@ -475,172 +475,172 @@ div[role=radio][class*=selected][class*=allow] { } [class*=topGuildEmojiBadge_] { - background: linear-gradient(268.26deg, #fab387, #f38ba8 102.45%); + background: linear-gradient(268.26deg, #<% opt.catppuccin.peach %>, #<% opt.catppuccin.red %> 102.45%); } [class*=topGuildEmojiBadge_] * { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } [class*=newlyAddedBadge_] { - background: linear-gradient(268.26deg, #94e2d5, #a6e3a1 102.45%); + background: linear-gradient(268.26deg, #<% opt.catppuccin.teal %>, #<% opt.catppuccin.green %> 102.45%); } [class*=newlyAddedBadge_] * { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } [class*=lookFilled_] [class*=premiumSubscribeButton_] > [class*=premiumIcon_] { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } div[class^=sidebarRegion] div[class^=serverBoostTabItem] svg[class^=icon] { - fill: #f5c2e7 !important; + fill: #<% opt.catppuccin.pink %> !important; } div[class^=sidebarRegion] div[class^=serverBoostTabItem][class*=selected_] { - background-color: #89b4fa !important; - color: #11111b !important; + background-color: #<% opt.catppuccin.blue %> !important; + color: #<% opt.catppuccin.crust %> !important; } div[class^=sidebarRegion] div[class^=serverBoostTabItem][class*=selected_] svg[class^=icon] { - fill: #11111b !important; + fill: #<% opt.catppuccin.crust %> !important; } div[class^=sidebarRegion] div[class^=premiumTab] > div > svg > path { - fill: #f5c2e7; + fill: #<% opt.catppuccin.pink %>; } div[class^=sidebarRegion] div[class^=premiumTab] > div[class*=selected] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=sidebarRegion] div[class^=premiumTab] > div[class*=selected] svg > path { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=sidebarRegion] div[class*=tabBarItemContainer_] [class*=textBadge_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=sidebarRegion] div[class*=tabBarItemContainer_] [class*=textBadge_][style*="background-color: var(--brand-500);"] { - background-color: #89b4fa !important; + background-color: #<% opt.catppuccin.blue %> !important; } div[class^=contentRegion] div[class*=noticeRegion_] div[style="background_color: rgb(24, 25, 28);"] { - background-color: #11111b !important; + background-color: #<% opt.catppuccin.crust %> !important; } div[class^=contentRegion] div[class^=streamerModeEnabledBtn] { - background-color: #cba6f7; - color: #11111b; + background-color: #<% opt.catppuccin.mauve %>; + color: #<% opt.catppuccin.crust %>; } div[class^=contentRegion] [class^=bar], div[class^=contentRegion] [class^=markDash] { - background: #45475a; + background: #<% opt.catppuccin.surface1 %>; } div[class^=contentRegion] [id="privacy-&-safety-tab"] div[class^=radioBar][style*="hsl(139,"] { - border-color: #a6e3a1; + border-color: #<% opt.catppuccin.green %>; } div[class^=contentRegion] [id="privacy-&-safety-tab"] div[class^=radioBar][style*="hsl(37,"] { - border-color: #f9e2af; + border-color: #<% opt.catppuccin.yellow %>; } div[class^=contentRegion] [id="privacy-&-safety-tab"] div[class^=radioBar][style*="hsl(359,"] { - border-color: #f38ba8; + border-color: #<% opt.catppuccin.red %>; } div[class^=contentRegion] [id="privacy-&-safety-tab"] div[class*=betaTagIcon] { - background-color: #89b4fa !important; - color: #11111b; + background-color: #<% opt.catppuccin.blue %> !important; + color: #<% opt.catppuccin.crust %>; } div[class^=contentRegion] #accessibility-tab button[class*=colorBrandNew] { - background-color: #89b4fa; + background-color: #<% opt.catppuccin.blue %>; } div[class^=contentRegion] #keybinds-tab span[class*=key] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=contentRegion] #keybinds-tab span[class*=key] g { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=contentRegion] #nitro-server-boost-tab circle[class^=circleProgress] { - color: #f5c2e7; + color: #<% opt.catppuccin.pink %>; } div[class^=contentRegion] #nitro-server-boost-tab div[class*=gemIndicatorContainer_] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } div[class^=contentRegion] #nitro-server-boost-tab div[class*=gemIndicatorContainer_] div[class^=tierLabel] { - color: #bac2de; + color: #<% opt.catppuccin.subtext1 %>; } div[class^=contentRegion] #nitro-server-boost-tab button[class*=lookInverted_] { - color: #11111b; - background-color: #cdd6f4; + color: #<% opt.catppuccin.crust %>; + background-color: #<% opt.catppuccin.text %>; } div[class^=contentRegion] #nitro-server-boost-tab button[class*=lookInverted_]:hover { background-color: #cfd8f4; } div[class^=contentRegion] #nitro-server-boost-tab div[class*=card_], div[class^=contentRegion] #nitro-server-boost-tab h3[class*=price_] { - color: #cdd6f4 !important; + color: #<% opt.catppuccin.text %> !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: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } div[class^=contentRegion] #discord-nitro-tab button[class*=buttonWhite] { - color: #cdd6f4 !important; - border-color: #cdd6f4 !important; + color: #<% opt.catppuccin.text %> !important; + border-color: #<% opt.catppuccin.text %> !important; } div[class^=contentRegion] #discord-nitro-tab h2 { - color: #cdd6f4 !important; + color: #<% opt.catppuccin.text %> !important; } div[class^=contentRegion] #discord-nitro-tab svg[class*=sparkleStar_] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=contentRegion] #discord-nitro-tab div[class*=description_] { - color: #bac2de !important; + color: #<% opt.catppuccin.subtext1 %> !important; } div[class^=contentRegion] #discord-nitro-tab div[class*=card_] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=contentRegion] #discord-nitro-tab button[class*=lookInverted_] { - color: #11111b; - background-color: #cdd6f4; + color: #<% opt.catppuccin.crust %>; + background-color: #<% opt.catppuccin.text %>; } div[class^=contentRegion] #discord-nitro-tab button[class*=lookInverted_]:hover { background-color: #cfd8f4; } div[class^=contentRegion] #billing-tab div[class*=subtext] { - color: #bac2de; + color: #<% opt.catppuccin.subtext1 %>; } div[class^=contentRegion] #billing-tab [class*=Divider] { border-color: var(--background-modifier-accent); } div[class^=contentRegion] #billing-tab div[class^=defaultIndicator] { - color: #cdd6f4; - background-color: #45475a; + color: #<% opt.catppuccin.text %>; + background-color: #<% opt.catppuccin.surface1 %>; } div[class^=contentRegion] #billing-tab div[class*=summaryInfo], div[class^=contentRegion] #billing-tab [class^=paymentHeader] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; border-color: var(--background-modifier-accent); } div[class^=contentRegion] #billing-tab div[class^=premiumIndicator] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } 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: #313244; - color: #cdd6f4; + background-color: #<% opt.catppuccin.surface0 %>; + color: #<% opt.catppuccin.text %>; } div[class^=contentRegion] #billing-tab div[class^=expandedInfo] { - background-color: #45475a; + background-color: #<% opt.catppuccin.surface1 %>; } div[class^=contentRegion] #billing-tab [class*=paymentText_] { - color: #bac2de; + color: #<% opt.catppuccin.subtext1 %>; } div[class^=contentRegion] #billing-tab div[class^=codeRedemptionRedirect] { - background-color: #181825; - color: #cdd6f4; - border-color: #313244; + background-color: #<% opt.catppuccin.mantle %>; + color: #<% opt.catppuccin.text %>; + border-color: #<% opt.catppuccin.surface0 %>; } div[class^=contentRegion] [id="voice-&-video-tab"] div[class^=backgroundOptionRing] { - border-color: #89b4fa; + border-color: #<% opt.catppuccin.blue %>; } div[class^=contentRegion] #notifications-tab button[class*=marketingUnsubscribeButton_] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=contentRegion] #game-activity-tab div[class*=nowPlayingAdd_], div[class^=contentRegion] #game-activity-tab div[class*=lastPlayed_], @@ -648,212 +648,212 @@ 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: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=contentRegion] #game-activity-tab div[class*=activeGame_][class*=nowPlaying] * svg > path { - fill: #11111b !important; + fill: #<% opt.catppuccin.crust %> !important; } div[class^=contentRegion] #game-activity-tab input[class^=gameName] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=contentRegion] #game-activity-tab input[class*=gameNameInput_]:hover, div[class^=contentRegion] #game-activity-tab input[class*=gameNameInput_]:focus { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; border-color: rgba(24, 24, 37, 0.3); - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } 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: #313244; + background-color: #<% opt.catppuccin.surface0 %>; } div[class^=contentRegion] #emoji-tab div[class*=emojiRemove_] { - background-color: #313244; + background-color: #<% opt.catppuccin.surface0 %>; } div[class^=contentRegion] section[class^=inputSensitivityToggle] div[class^=inputSensitivityBar] { - background: #45475a; + background: #<% opt.catppuccin.surface1 %>; } div[class^=contentRegion] section[class^=inputSensitivityToggle] div[class^=inputSensitivityBar][class*=speaking_] { - background: #a6e3a1 !important; + background: #<% opt.catppuccin.green %> !important; } div[class^=contentRegion] div[class*=reactionMe_] { - background-color: #313244 !important; + background-color: #<% opt.catppuccin.surface0 %> !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: #a6e3a1 !important; + background-color: #<% opt.catppuccin.green %> !important; } div[class^=contentRegion] div[class^=control] > div[style*="background-color: hsl(218, calc(var(--saturation-factor, 1) * 4.6%), 46.9%)"], div[class^=contentRegion] div[class^=control] > div[style$="background-color: rgb(128, 132, 142);"] { - background-color: #585b70 !important; + background-color: #<% opt.catppuccin.surface2 %> !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: #f5c2e7; + background: #<% opt.catppuccin.pink %>; } div[class^=contentRegion] #guild_premium-tab [class*=tierInProgress_] { - background-color: #11111b; + background-color: #<% opt.catppuccin.crust %>; } div[class^=contentRegion] #guild_premium-tab div[class^=progressWithSubscriptions] > svg > g > rect:first-child { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=contentRegion] #guild_premium-tab div[class^=progressWithSubscriptions] > svg > g > rect:nth-child(2) { - color: #f5c2e7; + color: #<% opt.catppuccin.pink %>; } div[class^=contentRegion] #guild_premium-tab div[class^=tierHeaderUnlocked], div[class^=contentRegion] #guild_premium-tab div[class^=tierHeaderLocked] { - background-color: #11111b; - color: #a6adc8; + background-color: #<% opt.catppuccin.crust %>; + color: #<% opt.catppuccin.subtext0 %>; } 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, #89b4fa, #cba6f7); - color: #11111b; + background-image: linear-gradient(90deg, #<% opt.catppuccin.blue %>, #<% opt.catppuccin.mauve %>); + color: #<% opt.catppuccin.crust %>; 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: #f5c2e7; + color: #<% opt.catppuccin.pink %>; } 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: #7f849c; + color: #<% opt.catppuccin.overlay1 %>; } 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: #585b70; + color: #<% opt.catppuccin.surface2 %>; } div[class^=contentRegion] #guild_premium-tab div[class^=tierBody] { - color: #bac2de; - background-color: #181825; + color: #<% opt.catppuccin.subtext1 %>; + background-color: #<% opt.catppuccin.mantle %>; } div[class^=contentRegion] svg[class^=activeCircle] { - color: #11111b; - background-color: #a6e3a1; + color: #<% opt.catppuccin.crust %>; + background-color: #<% opt.catppuccin.green %>; } div[class^=contentRegion] #discovery-tab div[class*=checklistIcon] svg[viewBox="0 0 14 14"] path { - fill: #f38ba8; + fill: #<% opt.catppuccin.red %>; } div[class^=contentRegion] #discovery-tab div[class*=checklistIcon] svg[viewBox="0 0 20 20"] path { - fill: #f9e2af; + fill: #<% opt.catppuccin.yellow %>; } div[class^=contentRegion] #guild_templates-tab svg[class*=descriptionIcon][viewBox="0 0 24 24"] path { - fill: #a6e3a1; + fill: #<% opt.catppuccin.green %>; } div[class^=contentRegion] #guild_templates-tab svg[class*=descriptionIcon][viewBox="0 0 14 14"] path { - fill: #f38ba8; + fill: #<% opt.catppuccin.red %>; } div[class^=contentRegion] #guild_templates-tab svg[class*=descriptionIcon] circle { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=contentRegion] #stickers-tab div[class*=tierHeaderContent] { - background-color: #11111b; + background-color: #<% opt.catppuccin.crust %>; } div[class^=contentRegion] #stickers-tab div[class*=tierBody] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } 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='%2345475a'/%3E%3Cpath d='M17.5 0V2.5H20V4.16667H17.5V6.66667H15.8334V4.16667H13.3334V2.5H15.8334V0H17.5Z' fill='%2345475a'/%3E%3C/svg%3E"; + 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='%23<% opt.catppuccin.surface1 %>'/%3E%3Cpath d='M17.5 0V2.5H20V4.16667H17.5V6.66667H15.8334V4.16667H13.3334V2.5H15.8334V0H17.5Z' fill='%23<% opt.catppuccin.surface1 %>'/%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='%23cdd6f4'%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"; + 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='%23<% opt.catppuccin.text %>'%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"; } div[class^=contentRegion] #family-center-tab div[class^=featureCards] svg[class^=icon] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=contentRegion] #profile-customization-tab div[class*=premiumFeatureBannerBackground] button { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=contentRegion] #appearance-tab div[class^=selectionCircle] { - box-shadow: inset 0 0 0 2px #89b4fa, inset 0 0 0 4px var(--background-primary); + box-shadow: inset 0 0 0 2px #<% opt.catppuccin.blue %>, inset 0 0 0 4px var(--background-primary); } div[class^=contentRegion] #appearance-tab div[class^=selectionCircle] svg[class^=checkmarkCircle] > circle { - fill: #11111b !important; + fill: #<% opt.catppuccin.crust %> !important; } div[class^=contentRegion] #appearance-tab div[class^=selectionCircle] svg[class^=checkmarkCircle] > g > path { - fill: #89b4fa !important; + fill: #<% opt.catppuccin.blue %> !important; } .theme-light div[class^=contentRegion] #appearance-tab div[class^=themeSelection][class*=lightIcon] { - background: #313244; + background: #<% opt.catppuccin.surface0 %>; } div[class^=contentRegion] #overview-tab div[class^=addTags] svg path { - fill: #11111b !important; + fill: #<% opt.catppuccin.crust %> !important; } .bd-settings-title { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } .bd-switch-body { - --switch-color: #585b70; + --switch-color: #<% opt.catppuccin.surface2 %>; } .bd-switch input:checked + .bd-switch-body { - --switch-color: #a6e3a1; + --switch-color: #<% opt.catppuccin.green %>; } .bd-switch input:checked + .bd-switch-body svg.bd-switch-symbol path { fill: #328e2a; } .bd-button { - background-color: #89b4fa; - color: #11111b; + background-color: #<% opt.catppuccin.blue %>; + color: #<% opt.catppuccin.crust %>; } .bd-button.bd-button-danger { - background-color: #f38ba8; + background-color: #<% opt.catppuccin.red %>; } .bd-controls > .bd-addon-button svg { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } .bd-addon-views .bd-view-button.selected { - background-color: #89b4fa; + background-color: #<% opt.catppuccin.blue %>; } .bd-addon-views .bd-view-button.selected svg { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=perksModal] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } div[class^=perksModal] li[class^=perk] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } div[class^=perksModal] li[class^=perk] svg { - color: #f5c2e7; + color: #<% opt.catppuccin.pink %>; } div[class^=perksModal] svg[class^=giftIcon] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=perksModal] div[class^=tierHeaderUnlocked] { - background-image: linear-gradient(90deg, #89b4fa, #cba6f7); - color: #1e1e2e; + background-image: linear-gradient(90deg, #<% opt.catppuccin.blue %>, #<% opt.catppuccin.mauve %>); + color: #<% opt.catppuccin.base %>; } div[class^=perksModal] div[class^=tierUnlocked], div[class^=perksModal] div[class^=tierMarkerBackground] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } div[class^=perksModal] div[class^=barBackground], div[class^=perksModal] div[class^=tierMarkerInProgress], div[class^=perksModal] div[class^=tierBody] { - background-color: #11111b !important; + background-color: #<% opt.catppuccin.crust %> !important; } div[class^=perksModal] div[class^=tierMarkerAccomplished] { - background: #f5c2e7 !important; + background: #<% opt.catppuccin.pink %> !important; } div[class^=perksModal] div[class^=tierMarkerInProgress] [class^=currentTierIcon] { - color: #f5c2e7; + color: #<% opt.catppuccin.pink %>; } div[class^=perksModal] div[class^=barForeground], div[class^=perksModal] div[class^=tierMarkerAccomplished] { - background-color: #f5c2e7; + background-color: #<% opt.catppuccin.pink %>; } div[class^=perksModal] svg[class^=currentTierIcon] { - color: #1e1e2e; + color: #<% opt.catppuccin.base %>; } div[class^=perksModal] div[class*=tierMarkerLabelText], div[class^=perksModal] svg[class^=tierLock] { @@ -867,14 +867,14 @@ div[class^=perksModal] div[class^=tierHeaderLocked] { color: var(--text-muted); } div[class^=perksModal] svg[class*=unlocked] { - color: #a6e3a1; + color: #<% opt.catppuccin.green %>; } div[class^=sidebar] div[class^=container] div[class^=progressBar] { - background: linear-gradient(90deg, #89b4fa, #cba6f7); + background: linear-gradient(90deg, #<% opt.catppuccin.blue %>, #<% opt.catppuccin.mauve %>); } div[class^=sidebar] div[class^=container]:hover div[class^=progressBar] { - background: linear-gradient(90deg, #89b4fa, #cba6f7 34%, #89b4fa 67%, #cba6f7); + background: linear-gradient(90deg, #<% opt.catppuccin.blue %>, #<% opt.catppuccin.mauve %> 34%, #<% opt.catppuccin.blue %> 67%, #<% opt.catppuccin.mauve %>); background-size: 300% 100%; } div[class^=sidebar] div[class^=container] div[class^=divider] { @@ -882,26 +882,26 @@ div[class^=sidebar] div[class^=container] div[class^=divider] { } div[class^=pageWrapper] { - background: #1e1e2e !important; + background: #<% opt.catppuccin.base %> !important; } div[class^=pageWrapper] div[class*=searchBox_] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } div[class^=pageWrapper] div[class*=searchBox_] input[class*=searchBoxInput_] { color: var(--text-normal); } div[class^=pageWrapper] div[class*=searchBox_] svg[class*=clearIcon] path { - fill: #6c7086; + fill: #<% opt.catppuccin.overlay0 %>; } div[class^=pageWrapper] div[class*=categoryPill_][class*=selected_] div { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } div[class^=homeContainer] { - background: #1e1e2e !important; + background: #<% opt.catppuccin.base %> !important; } div[class^=homeContainer] > div[class^=homeContent] div[class*=card_] { - background: #313244 !important; + background: #<% opt.catppuccin.surface0 %> !important; } section[class^=title] { @@ -910,72 +910,72 @@ section[class^=title] { div[class^=categoryItem][class*=selectedCategoryItem], button[class*=lookFilled] div[class*=addButton] { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } div[class^=itemInner] div[class^=new] > div[class*=newText_] { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } div[class*=directoryModal_] { - background-color: #1e1e2e !important; + background-color: #<% opt.catppuccin.base %> !important; } div[class*=directoryModal_] [class*=searchBox] { - background-color: #181825 !important; + background-color: #<% opt.catppuccin.mantle %> !important; } div[class*=directoryModal_] [class*=searchBox] [name=search]::placeholder { - color: #a6adc8; + color: #<% opt.catppuccin.subtext0 %>; } div[class*=directoryModal_] [role=button][class*=activeButton] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } section[class^=guildListSection] div[class^=guildList]:first-child div[class^=iconContainer] { - background-color: #a6e3a1; + background-color: #<% opt.catppuccin.green %>; } 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='%2311111b'%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"); + 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='%23<% opt.catppuccin.crust %>'%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: #94e2d5; + fill: #<% opt.catppuccin.teal %>; } 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: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=tierPreviews] button[class^=button] { - background: linear-gradient(90deg, #94e2d5, #89b4fa); + background: linear-gradient(90deg, #<% opt.catppuccin.teal %>, #<% opt.catppuccin.blue %>); } div[class^=notice] div[class*=noticeText_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=notice] div[class*=header_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=notice] div[class^=closeButton] > svg > path { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=notice] button[class^=button] { - border-color: #11111b; - color: #11111b; + border-color: #<% opt.catppuccin.crust %>; + color: #<% opt.catppuccin.crust %>; } div[class^=notice] button[class^=button]:hover { background: #5895f8; } div[class^=notice][class*=colorStreamerMode_] { - background-color: #cba6f7; - color: #11111b; + background-color: #<% opt.catppuccin.mauve %>; + color: #<% opt.catppuccin.crust %>; } div[class^=notice][class*=colorStreamerMode_] button[class^=button]:hover { background: #b077f3; - color: #181825; + color: #<% opt.catppuccin.mantle %>; } 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: #11111b; + color: #<% opt.catppuccin.crust %>; font-weight: 600; } nav[class*=guilds_] div[data-list-item-id=guildsnav___home] { @@ -992,87 +992,87 @@ nav[class*=guilds_] div[data-list-item-id=guildsnav___guild-discover-button]:hov nav[class*=guilds_] div[data-list-item-id=guildsnav___guild-discover-button][class*=selected], nav[class*=guilds_] div[data-list-item-id=guildsnav___app-download-button]:hover, nav[class*=guilds_] div[data-list-item-id=guildsnav___app-download-button][class*=selected] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; font-weight: 600; } div[class^=upperBadge] > div[class^=iconBadge] path { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=upperBadge] div[class*=participating_] { - background: #a6e3a1; + background: #<% opt.catppuccin.green %>; } div[class^=lowerBadge] div[class^=iconBadge] path { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } svg[class^=spine] { - color: #585b70; + color: #<% opt.catppuccin.surface2 %>; } div[class^=spineBorder] { - background: #585b70; + background: #<% opt.catppuccin.surface2 %>; } ul[aria-label$=" threads"] > li:nth-child(1n) { --channels-default: #d8c0dd; - --interactive-hover: #f38ba8; - --interactive-active: #f38ba8; + --interactive-hover: #<% opt.catppuccin.red %>; + --interactive-active: #<% opt.catppuccin.red %>; } ul[aria-label$=" threads"] > li:nth-child(2n) { --channels-default: #dbccd3; - --interactive-hover: #fab387; - --interactive-active: #fab387; + --interactive-hover: #<% opt.catppuccin.peach %>; + --interactive-active: #<% opt.catppuccin.peach %>; } ul[aria-label$=" threads"] > li:nth-child(3n) { --channels-default: #dadadf; - --interactive-hover: #f9e2af; - --interactive-active: #f9e2af; + --interactive-hover: #<% opt.catppuccin.yellow %>; + --interactive-active: #<% opt.catppuccin.yellow %>; } ul[aria-label$=" threads"] > li:nth-child(4n) { --channels-default: #c1dadb; - --interactive-hover: #a6e3a1; - --interactive-active: #a6e3a1; + --interactive-hover: #<% opt.catppuccin.green %>; + --interactive-active: #<% opt.catppuccin.green %>; } ul[aria-label$=" threads"] > li:nth-child(5n) { --channels-default: #b9ccf6; - --interactive-hover: #74c7ec; - --interactive-active: #74c7ec; + --interactive-hover: #<% opt.catppuccin.sapphire %>; + --interactive-active: #<% opt.catppuccin.sapphire %>; } ul[aria-label$=" threads"] > li:nth-child(6n) { --channels-default: #ccc8f5; - --interactive-hover: #cba6f7; - --interactive-active: #cba6f7; + --interactive-hover: #<% opt.catppuccin.mauve %>; + --interactive-active: #<% opt.catppuccin.mauve %>; } [class*=botText_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; font-weight: 600; } svg[class*=botTagVerified_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class*=activePostCount_] { - background-color: #313244; - color: #cdd6f4 !important; + background-color: #<% opt.catppuccin.surface0 %>; + color: #<% opt.catppuccin.text %> !important; } div[class*=newPostCount_] { - background-color: #cdd6f4; - color: #11111b; + background-color: #<% opt.catppuccin.text %>; + color: #<% opt.catppuccin.crust %>; } div[class*=liveSmall_] { - background-color: #f38ba8 !important; - color: #11111b; + background-color: #<% opt.catppuccin.red %> !important; + color: #<% opt.catppuccin.crust %>; } [class^=chatContent] div[class*=wrapperAudio_] div[class*=audioControls], @@ -1086,13 +1086,13 @@ div[class*=liveSmall_] { [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: #bac2de; + color: #<% opt.catppuccin.subtext1 %>; } [class^=chatContent] #---new-messages-bar span[class^=unreadPill] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } [class^=chatContent] div[class^=newMessagesBar] button { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } [class^=chatContent] div[class^=channelTextArea] div[class^=buttons] * { color: var(--interactive-normal) !important; @@ -1105,38 +1105,38 @@ div[class*=liveSmall_] { border-radius: 0.4rem; } [class^=chatContent] div[class*=isBurstReactionPicker_] { - box-shadow: 0 0 0 2px #cba6f7, 0 0 16px #b4befe; + box-shadow: 0 0 0 2px #<% opt.catppuccin.mauve %>, 0 0 16px #<% opt.catppuccin.lavender %>; } [class^=chatContent] div[class^=navButtonSuperReactActive], [class^=chatContent] div[class^=navButtonSuperReactActive]:hover { - background: linear-gradient(270deg, #f5c2e7, #b4befe 33.63%, #cba6f7); - color: #11111b; + background: linear-gradient(270deg, #<% opt.catppuccin.pink %>, #<% opt.catppuccin.lavender %> 33.63%, #<% opt.catppuccin.mauve %>); + color: #<% opt.catppuccin.crust %>; } [class^=chatContent] div[class*=betaTag_] { background: var(--brand-experiment) !important; - color: #11111b; + color: #<% opt.catppuccin.crust %>; } [class^=chatContent] button[class*=navButtonActive_], [class^=chatContent] button[class*=navButtonActive_]:hover { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } [class^=chatContent] div[class*=colorPremiumGradient_][class*=focused_] { - background: linear-gradient(270deg, #f5c2e7, #b4befe 33.63%, #cba6f7); - color: #11111b !important; + background: linear-gradient(270deg, #<% opt.catppuccin.pink %>, #<% opt.catppuccin.lavender %> 33.63%, #<% opt.catppuccin.mauve %>); + color: #<% opt.catppuccin.crust %> !important; } [class^=chatContent] div[class*=isBurstReactionPicker] { border: none; - box-shadow: 0 0 0 2px #cba6f7, 0 0 16px #b4befe; + box-shadow: 0 0 0 2px #<% opt.catppuccin.mauve %>, 0 0 16px #<% opt.catppuccin.lavender %>; } [class^=chatContent] div[class*=playButtonContainer_] { background: var(--brand-experiment) !important; } [class^=chatContent] svg[class*=playIcon_] path { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } [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: #313244; + background: #<% opt.catppuccin.surface0 %>; } [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 { @@ -1144,40 +1144,40 @@ div[class*=liveSmall_] { border-color: var(--brand-experiment-30a); } [class^=chatContent] div[class^=messagesErrorBar] div[class*=barButtonBase_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } [class^=chatContent] [class*=inlineCode_] { - background: #313244; + background: #<% opt.catppuccin.surface0 %>; } [class^=chatContent] code.inline { - background: #313244; + background: #<% opt.catppuccin.surface0 %>; } [class^=chatContent] div[class^=container] div[class^=cardWrapper] div[class*=completed_] svg[class^=checkmark] { - background-color: #a6e3a1; - color: #11111b; + background-color: #<% opt.catppuccin.green %>; + color: #<% opt.catppuccin.crust %>; } 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='%23a6e3a1'/%3E%3C/g%3E%3C/svg%3E") !important; + 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='%23<% opt.catppuccin.green %>'/%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: #f5c2e7; + color: #<% opt.catppuccin.pink %>; } .theme-dark span[class^=spoilerContent], .theme-dark div[class^=spoilerContent], .theme-light span[class^=spoilerContent], .theme-light div[class^=spoilerContent] { - background-color: #313244; + background-color: #<% opt.catppuccin.surface0 %>; } .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: #585b70; + background-color: #<% opt.catppuccin.surface2 %>; } .theme-dark span[class^=spoilerContent][class*=hidden]:hover, .theme-dark div[class^=spoilerContent][class*=hidden]:hover, @@ -1187,11 +1187,11 @@ main[class^=chatContent] div[id^=message-content] svg[class^=icon] > path[d="M2 } .theme-dark span[class*=spoilerMarkdownContent] h1 > span, .theme-light span[class*=spoilerMarkdownContent] h1 > span { - background-color: #313244; + background-color: #<% opt.catppuccin.surface0 %>; } .theme-dark span[class*=spoilerMarkdownContent][class*=hidden] h1 > span, .theme-light span[class*=spoilerMarkdownContent][class*=hidden] h1 > span { - background-color: #585b70; + background-color: #<% opt.catppuccin.surface2 %>; } .theme-dark span[class*=spoilerMarkdownContent][class*=hidden] h1 > span:hover, .theme-light span[class*=spoilerMarkdownContent][class*=hidden] h1 > span:hover { @@ -1199,17 +1199,17 @@ main[class^=chatContent] div[id^=message-content] svg[class^=icon] > path[d="M2 } .theme-dark div[class^=spoilerContainer] div[class^=spoilerWarning], .theme-light div[class^=spoilerContainer] div[class^=spoilerWarning] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; background-color: rgba(17, 17, 27, 0.7); } .theme-dark div[class^=spoilerContainer]:hover div[class^=spoilerWarning], .theme-light div[class^=spoilerContainer]:hover div[class^=spoilerWarning] { - color: #cdd6f4; - background-color: #11111b; + color: #<% opt.catppuccin.text %>; + background-color: #<% opt.catppuccin.crust %>; } .theme-dark div[class^=spoilerContainer] article[class*=embedFull_], .theme-light div[class^=spoilerContainer] article[class*=embedFull_] { - border-color: #585b70; + border-color: #<% opt.catppuccin.surface2 %>; } div[class^=cooldownWrapper] { @@ -1217,10 +1217,10 @@ div[class^=cooldownWrapper] { } div[class*=autocomplete_] { - background-color: #181825 !important; + background-color: #<% opt.catppuccin.mantle %> !important; } div[class*=autocomplete_] div[class*=categoryHeader] { - background-color: #181825 !important; + background-color: #<% opt.catppuccin.mantle %> !important; } div[class*=autocomplete_] div[class*=autocompleteRowSubheading] { background-color: transparent; @@ -1229,10 +1229,10 @@ div[class*=autocomplete_] div[class*=autocompleteRowContentSecondary] { background-color: transparent; } div[class*=autocomplete_] div[class^=usageWrapper] > div[class*=title_] { - color: #89b4fa !important; + color: #<% opt.catppuccin.blue %> !important; } div[class*=autocomplete_] strong { - color: #89b4fa !important; + color: #<% opt.catppuccin.blue %> !important; } div[class^=channelTextArea] button[class*=emojiButton_] { @@ -1240,67 +1240,67 @@ div[class^=channelTextArea] button[class*=emojiButton_] { } [class^=uploadDropModal][class*=error] { - background-color: #f38ba8; + background-color: #<% opt.catppuccin.red %>; } [class^=uploadDropModal] div[class^=inner] { - border-color: #11111b; + border-color: #<% opt.catppuccin.crust %>; } [class^=uploadDropModal] div[class^=inner] * { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } div[class^=chat] > div[class^=content] > div[class^=container] div[class^=chatContainer] > div[class^=container] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } div[class^=chat] > div[class^=content] > div[class^=container] div[class^=grid][class*=scrollerBase], div[class^=chat] > div[class^=content] > div[class^=container] > div[class^=chatContainer] > div[class^=container] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } div[class^=chat] > div[class^=content] > div[class^=container] div[class^=matchingPostsRow] span[class^=key] { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } 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: #a6adc8; + fill: #<% opt.catppuccin.subtext0 %>; } 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: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=chat] > div[class^=content] > div[class^=container] div[class*=countText] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=chat] > div[class^=content] > div[class^=container] svg[class^=discordIcon] { - background-color: #89b4fa; - color: #11111b; + background-color: #<% opt.catppuccin.blue %>; + color: #<% opt.catppuccin.crust %>; } div[class^=chat] > div[class^=content] > div[class^=container] div[class^=newBadge] { - background-color: #b4befe !important; - color: #11111b; + background-color: #<% opt.catppuccin.lavender %> !important; + color: #<% opt.catppuccin.crust %>; } div[class^=chat] > div[class^=content] > div[class^=container] div[class*=mainCard_] { - background-color: #313244; + background-color: #<% opt.catppuccin.surface0 %>; } div[class^=sidebar] > section[class^=panels] svg[class*=buttonIcon_], div[class^=sidebar] > section[class^=panels] div[class*=buttonContents] { - fill: #cdd6f4; - color: #cdd6f4; + fill: #<% opt.catppuccin.text %>; + color: #<% opt.catppuccin.text %>; } [data-list-id^=forum-channel-list] div[class^=body] > div[class^=tags] div[class*=pill] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } [data-list-id^=forum-channel-list] button[class^=submitButton][class*=colorBrand] { - background-color: #89b4fa; - color: #11111b; + background-color: #<% opt.catppuccin.blue %>; + color: #<% opt.catppuccin.crust %>; } div[class^=applicationCommand] span[class*=selectedPill_] { - border-color: #89b4fa !important; + border-color: #<% opt.catppuccin.blue %> !important; } div[class^=applicationCommand] span[class*=erroredPill_] { - border-color: #f38ba8 !important; + border-color: #<% opt.catppuccin.red %> !important; } div[class^=chat] > div[class^=content] main[class^=chatContent] + div[class^=container] { @@ -1308,179 +1308,179 @@ div[class^=chat] > div[class^=content] main[class^=chatContent] + div[class^=con } [class*=channelTextAreaInnerError_] { - border: 1px solid #f38ba8 !important; + border: 1px solid #<% opt.catppuccin.red %> !important; } div[class^=messagesWrapper] ol[class^=scrollerInner] > div[class^=container]:not([class*=cozy]) div[class^=emptyChannelIcon] { background-image: url("data:image/svg+xml,%3Csvg fill='rgb(17, 17, 27)' height='44' viewBox='0 0 44 44' width='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m10.295 38.5c-.31112 0-.54669-.2811-.49232-.5874l1.19742-6.7459h-6.73825c-.31061 0-.54605-.2803-.49251-.5862l.46666-2.6667c.04187-.2392.24963-.4138.49252-.4138h6.91328l1.9433-11h-6.73825c-.31061 0-.54605-.2802-.49251-.5862l.46666-2.6667c.04187-.2392.24963-.4138.49252-.4138h6.91328l1.2284-6.92068c.0424-.23871.2499-.41262.4923-.41262h2.651c.3111 0 .5467.28107.4923.58738l-1.1974 6.74592h11l1.2284-6.92068c.0424-.23871.2499-.41262.4924-.41262h2.651c.3111 0 .5467.28107.4923.58738l-1.1974 6.74592h6.7382c.3106 0 .5461.2803.4925.5862l-.4666 2.6667c-.0419.2392-.2497.4138-.4925.4138h-6.9133l-1.9433 11h6.7382c.3106 0 .5461.2802.4925.5862l-.4666 2.6667c-.0419.2392-.2497.4138-.4925.4138h-6.9133l-1.2284 6.9207c-.0424.2387-.2499.4126-.4923.4126h-2.651c-.3111 0-.5467-.2811-.4924-.5874l1.1975-6.7459h-11l-1.2285 6.9207c-.0423.2387-.2498.4126-.4923.4126zm6.9576-22-1.9434 11h11l1.9434-11z'/%3E%3C/svg%3E"); } div[class^=messagesWrapper] ol[class^=scrollerInner] > div[class^=container]:not([class*=cozy]) div[class^=iconWrapper] { - background-color: #89b4fa; + background-color: #<% opt.catppuccin.blue %>; } div[class^=messagesWrapper] ol[class^=scrollerInner] > div[class^=container]:not([class*=cozy]) div[class^=iconWrapper] svg[class^=icon] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } [class*=barButtonBase_] { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } div[class^=callContainer] [class*=controlIcon_] { - color: #bac2de; + color: #<% opt.catppuccin.subtext1 %>; } div[class^=callContainer] [class*=controlIcon_]:hover { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=callContainer] div[class*=tile_], div[class^=callContainer] div[class*=background_] { - background-color: #1e1e2e !important; + background-color: #<% opt.catppuccin.base %> !important; } div[class^=callContainer] div[class*=overlayTitle], div[class^=callContainer] svg[class*=status_] { - background-color: #313244; - color: #cdd6f4; + background-color: #<% opt.catppuccin.surface0 %>; + color: #<% opt.catppuccin.text %>; } div[class^=callContainer] div[class*=header], div[class^=callContainer] svg[class*=selectedIcon_] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=callContainer] div[class*=button_][class*=contents_], div[class^=callContainer] button[class*=cta_], div[class^=callContainer] button[class*=participantsButton_] { - background-color: #313244; - color: #cdd6f4; + background-color: #<% opt.catppuccin.surface0 %>; + color: #<% opt.catppuccin.text %>; } div[class^=callContainer] div[class^=indicators] div[class^=liveQualityIndicator] { - background-color: #f38ba8 !important; + background-color: #<% opt.catppuccin.red %> !important; } div[class^=callContainer] div[class^=indicators] div[class^=liveQualityIndicator] svg[class^=premiumStreamIcon] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=callContainer] div[class^=videoControls] div[class^=children] div[class*=playingText_] { - color: #bac2de; + color: #<% opt.catppuccin.subtext1 %>; } div[class^=callContainer] div[class^=videoControls] div[class^=bottomControls] button[class^=textButton] { - color: #cdd6f4; - background-color: #45475a; + color: #<% opt.catppuccin.text %>; + background-color: #<% opt.catppuccin.surface1 %>; } div[class^=callContainer] div[class^=videoControls] div[class^=toolbar] svg[class^=controlIcon] { color: var(--interactive-normal); } div[class^=callContainer] div[class^=videoControls] div[class^=toolbar] div[class^=streamQualityIndicator] div[class^=liveQualityIndicator] { - background-color: #45475a !important; + background-color: #<% opt.catppuccin.surface1 %> !important; } div[class^=callContainer] div[class^=videoControls] div[class^=toolbar] div[class^=streamQualityIndicator] div[class^=liveQualityIndicator] div[class^=qualityIndicator] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=callContainer] div[class^=videoControls] div[class^=toolbar] div[class^=streamQualityIndicator] div[class^=liveQualityIndicator] svg[class^=premiumStreamIcon] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=callContainer] div[class^=videoControls] div[class^=toolbar] div[class^=liveIndicator] div[class^=live] { - background-color: #f38ba8 !important; - color: #11111b !important; + background-color: #<% opt.catppuccin.red %> !important; + color: #<% opt.catppuccin.crust %> !important; } div[class^=callContainer] div[class^=videoControls] button[class*=leftTrayIcon_][class*=buttonColor_] { - background-color: #313244; - color: #cdd6f4; + background-color: #<% opt.catppuccin.surface0 %>; + color: #<% opt.catppuccin.text %>; } div[class^=callContainer] div[class^=videoControls] div[class^=badge] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=red_] { - background: #f38ba8; + background: #<% opt.catppuccin.red %>; } div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=red_] [class*=centerIcon_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=primaryDark_] { - background: #45475a; - color: #cdd6f4; + background: #<% opt.catppuccin.surface1 %>; + color: #<% opt.catppuccin.text %>; } div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=primaryDark_] [class*=centerIcon_] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=primaryDark_] svg[class^=raisedHandButtonIcon] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=green_] { - background: #a6e3a1; + background: #<% opt.catppuccin.green %>; } div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=green_] [class*=centerIcon_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=white_] { - color: #11111b; - background-color: #bac2de; + color: #<% opt.catppuccin.crust %>; + background-color: #<% opt.catppuccin.subtext1 %>; } div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=white_] [class*=centerIcon_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=white_]:hover, div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=white_][class*=active_] { - background: #cdd6f4; + background: #<% opt.catppuccin.text %>; } div[class^=chat] section[class*=forumOrHome_] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } div[class^=chat] section[class*=forumOrHome_] div[class^=upperContainer] > div[class^=children]:after { background: none; } div[class*=giftCodeContainer] [class*=tile] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } div[class*=giftCodeContainer] [class*=tile] > [class*=description] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class*=chat_] section[class*=header_] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } div[class*=chat_] div[class*=content_][class*=container_] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } div[class*=chat_] div[class*=content_][class*=container_] div[class*=container] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } div[class*=chat_] div[class*=content_][class*=container_] div[class*=search_] { - background-color: #1e1e2e !important; + background-color: #<% opt.catppuccin.base %> !important; } div[class*=chat_] div[class*=content_][class*=container_] div[class*=search_] input::placeholder { - color: #6c7086; + color: #<% opt.catppuccin.overlay0 %>; } div[class*=chat_] div[class*=content_][class*=container_] div[class*=browser] div[class*=content] div[class^=container] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } div[class*=chat_] div[class*=content_][class*=container_] div[class*=scrollerContainer_] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } div[class*=chat_] div[class*=content_][class*=container_] div[class*=scrollerContainer_] div[class*=checkIcon_][style*="opacity: 1;"] > svg > path { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class*=chat_] div[class*=content_][class*=container_] div[role=tablist] { - background-color: #181825; - border-bottom: 2px solid #313244; + background-color: #<% opt.catppuccin.mantle %>; + border-bottom: 2px solid #<% opt.catppuccin.surface0 %>; } div[class*=chat_] div[class*=content_][class*=container_] div[role=tablist] [class*=textBadge_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class*=chat_] section[class*=title] div[class*=searchBar] span[class*=search] { - background-color: #313244; - color: #cdd6f4; + background-color: #<% opt.catppuccin.surface0 %>; + color: #<% opt.catppuccin.text %>; } div[class*=chat_] nav[class*=pageControl] div[class*=roundButton][class*=activeButton] span { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class*=chat_] li[class*=mainCard_][class*=container] { - background-color: #313244; + background-color: #<% opt.catppuccin.surface0 %>; } div[class*=chat_] li[class*=mainCard_][class*=container]:hover { - background-color: #45475a; + background-color: #<% opt.catppuccin.surface1 %>; } div[class*=chat_] li[class*=mainCard_][class*=container] div[class*=contentPreview_] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; border: none; } div[class*=chat_] li[class*=mainCard_][class*=container] div[class*=contentPreview_] div[class*=textContentFooter_] { @@ -1490,24 +1490,24 @@ div[class*=chat_] li[class*=mainCard_][class*=container] div[class*=tags_] div[c background-color: rgba(69, 71, 90, 0.8); } div[class*=chat_] div[class*=emptyPage] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } div[class*=chat_] div[class*=innerHeader]:after { background: none; } [id*=message-accessories-] > [class*=invite_] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } [id*=message-accessories-] > [class*=invite_] [class*=inFront_][class*=header_] { - color: #a6adc8; + color: #<% opt.catppuccin.subtext0 %>; } [id*=message-accessories-] > [class*=invite_] [class*=partyStatus_] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } [class^=avatar] [class^=dots] { - color: #1e1e2e; + color: #<% opt.catppuccin.base %>; } div[class^=chat][class*=page_] div[class^=content][class*=container_] { @@ -1519,7 +1519,7 @@ div[class^=chat] div[class^=homeContainer] { } .messagelogger-deleted div { - color: #f38ba8 !important; + color: #<% opt.catppuccin.red %> !important; } .messagelogger-deleted div a { @@ -1545,7 +1545,7 @@ div[class^=layerContainer] [role=menu] { --brand-experiment-600: var(--brand-experiment); } div[class^=layerContainer] [role=menu] [class*=colorDefault][class*=colorBrand] { - color: #89b4fa; + color: #<% opt.catppuccin.blue %>; } div[class^=layerContainer] [role=menu] [class*=colorDefault][class*=focused]:not([class*=colorDanger]), div[class^=layerContainer] [role=menu] [class*=colorDefault][class*=focused] [class*=checkbox_] { @@ -1553,17 +1553,17 @@ div[class^=layerContainer] [role=menu] [class*=colorDefault][class*=focused] [cl } div[class^=layerContainer] [role=menu] [class*=colorDefault][role=menuitem]:not([class*=colorDanger]):not([id*=user-context-user-volume]):hover { background: var(--background-accent); - color: #11111b; + color: #<% opt.catppuccin.crust %>; } 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: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] [role=menu] [class*=colorDefault] [class*=caret] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=layerContainer] [role=menu] [class*=colorDefault]:hover [class*=caret] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction_]) { color: var(--background-floating); @@ -1575,47 +1575,47 @@ div[class^=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*= color: var(--background-floating); } div[class^=layerContainer] [role=menu] div[id^=account-switch-account][class*=focused] div[class*=userMenuUsername] div { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] [role=menu] div[id^=account-switch-account][class*=focused] svg[class^=activeIcon] circle { - fill: #89b4fa; + fill: #<% opt.catppuccin.blue %>; } div[class^=layerContainer] [role=menu] div[id^=account-switch-account][class*=focused] svg[class^=activeIcon] g path { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] [role=menu] div[id^=account-switch-account] svg[class^=activeIcon] circle { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] [role=menu] div[id^=account-switch-account] svg[class^=activeIcon] g path { - fill: #89b4fa; + fill: #<% opt.catppuccin.blue %>; } div[class^=layerContainer] [role=menu] [class*=colorDanger][class*=focused], div[class^=layerContainer] [role=menu] [class*=colorDefault] [class*=check_] { color: var(--background-floating); - background-color: #f38ba8; + background-color: #<% opt.catppuccin.red %>; } div[class^=layerContainer] [role=menu] #guild-header-popout-premium-subscribe div[class^=iconContainer] > svg { - color: #f5c2e7; + color: #<% opt.catppuccin.pink %>; } div[class^=layerContainer] [role=menu] #user-context-user-volume div[class*=slider_] div[class*=bar_] { - background-color: #313244; + background-color: #<% opt.catppuccin.surface0 %>; } .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: #89b4fa; + fill: #<% opt.catppuccin.blue %>; } .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: #11111b; + color: #<% opt.catppuccin.crust %>; } .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: #11111b; + fill: #<% opt.catppuccin.crust %>; } .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: #89b4fa; + fill: #<% opt.catppuccin.blue %>; } .theme-dark div[class^=layerContainer] div[id^=popout_] > div[class*=didRender_] div[class*=container] div[class^=popoutBottom] span[class^=secured]::before, .theme-light div[class^=layerContainer] div[id^=popout_] > div[class*=didRender_] div[class*=container] div[class^=popoutBottom] span[class^=secured]::before { @@ -1625,24 +1625,24 @@ div[class^=layerContainer] [role=menu] #user-context-user-volume div[class*=slid .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: #181825; + background-color: #<% opt.catppuccin.mantle %>; } .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: #7f849c; + color: #<% opt.catppuccin.overlay1 %>; } .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: #1e1e2e; - color: #cdd6f4; + background-color: #<% opt.catppuccin.base %>; + color: #<% opt.catppuccin.text %>; } 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: #1e1e2e; + color: #<% opt.catppuccin.base %>; } div[class*=recentMentionsPopout] div[class^=header] div[class^=controls-] { - --background-secondary: #313244; + --background-secondary: #<% opt.catppuccin.surface0 %>; --background-primary: rgba(49, 50, 68, 0.9); } div[class*=recentMentionsPopout] div[class^=scroller] [role=button] { @@ -1650,7 +1650,7 @@ div[class*=recentMentionsPopout] div[class^=scroller] [role=button] { --background-floating: rgba(166, 173, 200, 0.12); } div[class*=recentMentionsPopout] div[class^=scroller] [role=button] div[class*=jumpButton_] { - background-color: #313244; + background-color: #<% opt.catppuccin.surface0 %>; } div[class*=rolesList] div[class^=role], @@ -1658,10 +1658,10 @@ div[class*=rolesList] button[class^=addButton] { background-color: #202031; } div[class*=rolesList] div[class^=role] span[class^=roleCircle][style*="background-color: rgb(185, 187, 190)"] { - background-color: #a6adc8 !important; + background-color: #<% opt.catppuccin.subtext0 %> !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: #1e1e2e !important; + background-color: #<% opt.catppuccin.base %> !important; } div[class*=layerContainer] > div[class*=layer] div[class^=reactors] { @@ -1675,16 +1675,16 @@ 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: #313244 !important; + background: #<% opt.catppuccin.surface0 %> !important; } section[class*=positionContainer_] button[class*=navButtonActive] { - background-color: #89b4fa; - color: #11111b; + background-color: #<% opt.catppuccin.blue %>; + color: #<% opt.catppuccin.crust %>; } .theme-light section[class^=positionContainer] div[class^=categoryText] { - color: #1e1e2e; + color: #<% opt.catppuccin.base %>; } #emoji-picker-tab-panel [class*=stickerInspected_] [class*=inspectedIndicator], @@ -1692,11 +1692,11 @@ section[class*=positionContainer_] button[class*=navButtonActive] { background-color: var(--brand-experiment-25a); } #emoji-picker-tab-panel [class*=newlyAddedHighlight_] { - border: 1px solid #a6e3a1; + border: 1px solid #<% opt.catppuccin.green %>; } #emoji-picker-tab-panel [class*=newlyAddedHighlight_] ~ [class*=newlyAddedBadge_] { - background: #a6e3a1 !important; - color: #11111b; + background: #<% opt.catppuccin.green %> !important; + color: #<% opt.catppuccin.crust %>; } [class*=stickerInspected_] [class^=inspectedIndicator] { @@ -1704,31 +1704,31 @@ section[class*=positionContainer_] button[class*=navButtonActive] { } .theme-light > div[class^=focusLock] > div[class^=root] > div[class^=container] div[class*=footer][class*=footerSeparator_] { - box-shadow: inset 0 1px 0 #313244; - -webkit-box-shadow: inset 0 1px 0 #313244; + box-shadow: inset 0 1px 0 #<% opt.catppuccin.surface0 %>; + -webkit-box-shadow: inset 0 1px 0 #<% opt.catppuccin.surface0 %>; } .theme-light > div[class^=focusLock] > div[class^=root] { - box-shadow: 0 0 0 1px #313244, 0 2px 10px 0 hsla(0, calc(var(--saturation-factor, 1) * 0%), 0%, 0.1); - -webkit-box-shadow: 0 0 0 1px #313244, 0 2px 10px 0 hsla(0, calc(var(--saturation-factor, 1) * 0%), 0%, 0.1); + box-shadow: 0 0 0 1px #<% opt.catppuccin.surface0 %>, 0 2px 10px 0 hsla(0, calc(var(--saturation-factor, 1) * 0%), 0%, 0.1); + -webkit-box-shadow: 0 0 0 1px #<% opt.catppuccin.surface0 %>, 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: #1e1e2e !important; + background-color: #<% opt.catppuccin.base %> !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: #cdd6f4; + color: #<% opt.catppuccin.text %>; } .theme-light div[class^=focusLock] div[class^=downloadApps] div[class*=footer_] { - color: #cdd6f4 !important; + color: #<% opt.catppuccin.text %> !important; background-color: unset !important; } .theme-light div[class^=focusLock] div[class^=downloadApps] div[class*=footer_] a { - color: #89b4fa; + color: #<% opt.catppuccin.blue %>; } .theme-light div[class^=focusLock] div[class^=downloadApps] li[class*=active_] a[class*=downloadButton_] { transition: all 0.3s ease-in-out; - color: #1e1e2e; + color: #<% opt.catppuccin.base %>; } .theme-light[class*=profileColors_] [class*=userTagUsernameBase_], .theme-light[class*=profileColors_] [class*=discrimBase_], @@ -1741,10 +1741,10 @@ section[class*=positionContainer_] button[class*=navButtonActive] { .theme-light[class*=profileColors_] [class*=section_], .theme-light[class*=profileColors_] [class*=additionalActionsIcon_], .theme-light[class*=profileColors_] [class*=overlayBackground_] * { - --interactive-normal: #11111b; - --text-normal: #11111b; - --interactive-active: #11111b; - --interactive-hover: #11111b; + --interactive-normal: #<% opt.catppuccin.crust %>; + --text-normal: #<% opt.catppuccin.crust %>; + --interactive-active: #<% opt.catppuccin.crust %>; + --interactive-hover: #<% opt.catppuccin.crust %>; } .theme-light[class*=profileColors_] [class*=userTagUsernameBase_]:not(a), .theme-light[class*=profileColors_] [class*=discrimBase_]:not(a), @@ -1764,28 +1764,28 @@ 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: #11111b; + background: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] > div[class*=layer] div[role=listbox] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } div[class^=layerContainer] > div[class*=layer] div[role=listbox] div[role=option][aria-selected=true] { - background: #313244; + background: #<% opt.catppuccin.surface0 %>; } div[class^=layerContainer] > div[class*=layer] div[role=listbox] div[role=option] svg[class*=selectedIcon] circle { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] > div[class*=layer] div[role=listbox] div[class*=queryText_] { - color: #7f849c; + color: #<% opt.catppuccin.overlay1 %>; } div[class^=layerContainer] > div[class*=layer] div[role=listbox] div[class*=queryText_] strong { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } 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: #181825; + background-color: #<% opt.catppuccin.mantle %>; } 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, @@ -1799,16 +1799,16 @@ div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^= 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: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class*=footer] { - background-color: #11111b; + background-color: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class*=footer] button[type=submit] span { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class*=footer] [class*=footerText_] { - color: #bac2de; + color: #<% opt.catppuccin.subtext1 %>; } div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h1[class^=fixed], div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h2[class^=fixed], @@ -1816,7 +1816,7 @@ div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h3[class^=f 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: #f38ba8; + color: #<% opt.catppuccin.red %>; } 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, @@ -1824,31 +1824,31 @@ div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h3[class^=f 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: #f38ba8; + background-color: #<% opt.catppuccin.red %>; } div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class*=message_] { - background-color: #313244; + background-color: #<% opt.catppuccin.surface0 %>; } div[class^=layerContainer] > div[class*=layer] div[class^=focusLock][aria-label=Activities] div[class*=activityItem_] { - background-color: #11111b; + background-color: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] > div[class*=layer] div[class^=focusLock][aria-label=Activities] div[class*=activityItem_] div[class*=previewBadge_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] > div[class*=layer] div[class^=focusLock][aria-label=Activities] div[class*=activityTag_] { - background-color: #313244; + background-color: #<% opt.catppuccin.surface0 %>; } div[class^=layerContainer] > div[class*=layer] div[class^=focusLock][aria-label="Manage Accounts"] div[class*=navRow_] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } div[class^=layerContainer] > div[class*=layer] div[class^=checkbox][class*=checked_] { border: none; } div[class^=layerContainer] > div[class*=layer] div[class^=checkbox][class*=checked_] svg path { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] div[class^=addGamePopout] { - background-color: #181825; + background-color: #<% opt.catppuccin.mantle %>; } div[class^=layerContainer] div[class*=searchOption_]::after, div[class^=layerContainer] div[class*=option_]::after, @@ -1856,27 +1856,27 @@ div[class^=layerContainer] li[class*=option_]::after { display: none; } div[class^=layerContainer] div[class^=queryContainer] { - background-color: #11111b !important; + background-color: #<% opt.catppuccin.crust %> !important; } div[class^=layerContainer] div[class^=queryContainer] span[class^=key] { - color: #cdd6f4; - background-color: #1e1e2e; + color: #<% opt.catppuccin.text %>; + background-color: #<% opt.catppuccin.base %>; } div[class^=layerContainer] [class*=tooltipBrand_], div[class^=layerContainer] [class*=tooltipRed_], div[class^=layerContainer] [class*=tooltipGreen_], div[class^=layerContainer] [class*=tooltipYellow] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] div[class^=popout] div[class^=row][role=button]:hover { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] div[class^=popout] div[class^=row][role=button]:hover [class*=timestamp] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } form[class*=card_] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } div[class*=userInfoSection_] div[class^=connectedAccountContainer] { @@ -1884,12 +1884,12 @@ div[class*=userInfoSection_] div[class^=connectedAccountContainer] { } div[class*=cardWarning_] div[class*=warning_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } #emoji-picker-tab-panel, #sticker-picker-tab-panel { - /* --background-floating: #313244; + /* --background-floating: #<% opt.catppuccin.surface0 %>; + div[class^="slotsContainer"] { background-color: $surface0; @@ -1898,194 +1898,194 @@ div[class*=cardWarning_] div[class*=warning_] { } #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(#f5c2e7), color-stop(33.33%, #cba6f7), to(#89b4fa)); - background: linear-gradient(270deg, #f5c2e7, #cba6f7 33.33%, #89b4fa); + background: -webkit-gradient(linear, right top, left top, from(#<% opt.catppuccin.pink %>), color-stop(33.33%, #<% opt.catppuccin.mauve %>), to(#<% opt.catppuccin.blue %>)); + background: linear-gradient(270deg, #<% opt.catppuccin.pink %>, #<% opt.catppuccin.mauve %> 33.33%, #<% opt.catppuccin.blue %>); } button#reaction-picker-tab div[class^=contents] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class*=keyboardShortcutsModal_] { - background-color: #181825 !important; + background-color: #<% opt.catppuccin.mantle %> !important; } div[class*=keyboardShortcutsModal_] div[class^=keybindShortcut] span[class^=key] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class*=keyboardShortcutsModal_] div[class^=keybindShortcut] span[class^=key] svg g { - fill: #11111b !important; + fill: #<% opt.catppuccin.crust %> !important; } div[class^=planOptionClickableContainer] div[class^=checkbox][class*=checked] svg path { - fill: #11111b !important; + fill: #<% opt.catppuccin.crust %> !important; } div[class^=planOptionClickableContainer] span[class*=planOptionDiscount_] { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } .react-datepicker, .react-datepicker__header { - background-color: #181825 !important; + background-color: #<% opt.catppuccin.mantle %> !important; } .react-datepicker__day { - background-color: #11111b !important; + background-color: #<% opt.catppuccin.crust %> !important; } .react-datepicker__day:active { - background: #89b4fa !important; + background: #<% opt.catppuccin.blue %> !important; } .react-datepicker__day--selected:after { - background-color: #89b4fa !important; + background-color: #<% opt.catppuccin.blue %> !important; } [class^=datePickerHint] [class^=hintValue] { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } div[class*=layerContainer_] div[class^=control] div[class*=checked_] { - background-color: #a6e3a1 !important; + background-color: #<% opt.catppuccin.green %> !important; } div[class*=layerContainer_] div[class^=control] div[style*="background-color: rgb(114, 118, 125);"] { - background-color: #585b70 !important; + background-color: #<% opt.catppuccin.surface2 %> !important; } div[class*=layerContainer_] div[class*=guildPopout_][role=dialog] { - background-color: #1e1e2e; + background-color: #<% opt.catppuccin.base %>; } div[class*=layerContainer_] div[class*=guildPopout_][role=dialog] div[class*=guildName_] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class*=layerContainer_] [role*=dialog] a[class*=downloadLink_] { - color: #7f849c !important; + color: #<% opt.catppuccin.overlay1 %> !important; opacity: 1; } div[class*=layerContainer_] [role*=dialog] a[class*=downloadLink_]:hover { - color: #cdd6f4 !important; + color: #<% opt.catppuccin.text %> !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='%23cba6f7' fill-rule='evenodd'/%3E%3C/svg%3E"); + 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='%23<% opt.catppuccin.mauve %>' 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='%2394e2d5' fill-rule='evenodd'/%3E%3C/svg%3E"); + 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='%23<% opt.catppuccin.teal %>' 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='%23f38ba8' fill-rule='evenodd'/%3E%3C/svg%3E"); + 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='%23<% opt.catppuccin.red %>' 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='%23a6e3a1'/%3E%3C/svg%3E"); + 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='%23<% opt.catppuccin.green %>'/%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='%2389b4fa'/%3E%3C/svg%3E"); + 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='%23<% opt.catppuccin.blue %>'/%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: #89b4fa; + background: #<% opt.catppuccin.blue %>; } [class*=layerContainer_] [id^=slate_toolbar] { background-color: var(--background-floating); } [class*=layerContainer_] [id^=slate_toolbar] [class*=buttons_] [class*=icon_] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } [class*=layerContainer_] div[id=sort_and_view] div[id=sort-and-view-reset-all] [style="color: var(--text-normal);"]:hover { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } [class^=layerContainer] [class^=quickswitcher] [class*=badge_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] div[aria-label=clyde] div[class^=profileBadges] div[class^=textBadge] { - background-color: #89b4fa !important; - color: #11111b; + background-color: #<% opt.catppuccin.blue %> !important; + color: #<% opt.catppuccin.crust %>; } div[class^=layerContainer] div[aria-label=clyde] button[class^=messageClydeButton] { - color: #cdd6f4; - background-color: #45475a; + color: #<% opt.catppuccin.text %>; + background-color: #<% opt.catppuccin.surface1 %>; } div[class^=layerContainer] div[aria-label=clyde] button[class^=messageClydeButton]:hover { - background-color: #585b70; + background-color: #<% opt.catppuccin.surface2 %>; } div[class^=layerContainer] div[class^=pencilContainer] svg[class^=editIcon] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=keyboardShortcutsModal] span[class^=key] { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } div[class^=keyboardShortcutsModal] span[class^=key] svg g { - fill: #11111b !important; + fill: #<% opt.catppuccin.crust %> !important; } [class*=disabledPointerEvents] { - --background-floating: #313244; + --background-floating: #<% opt.catppuccin.surface0 %>; --background-tertiary: #242437; } [class*=disabledPointerEvents] svg[class^=activityIcon] { - color: #a6adc8; + color: #<% opt.catppuccin.subtext0 %>; } [class*=disabledPointerEvents] [class*=tooltipBrand_] [class*=tooltipText_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } [class*=disabledPointerEvents] div[class^=flowerStarContainer] div[class^=childContainer] svg path { - fill: #11111b !important; + fill: #<% opt.catppuccin.crust %> !important; } div[class^=qualitySettingsContainer] div[class^=settingsGroup] div[class*=selectorTextSelected_], div[class^=qualitySettingsContainer] div[class^=settingsGroup] button[class*=selectorButton_]:hover div[class*=selectorText_] { - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } div[class*=phoneFieldPopout] { - background: #181825 !important; + background: #<% opt.catppuccin.mantle %> !important; } div[class*=phoneFieldPopout] div[class^=countryName], div[class*=phoneFieldPopout] div[class^=countryCode] { - color: #cdd6f4 !important; + color: #<% opt.catppuccin.text %> !important; } rect[fill="#23a55a"], foreignObject[mask="url(#svg-mask-status-online)"] > div, div[class^=dotOnline], i[class^=statusOnline] { - fill: #a6e3a1 !important; - background-color: #a6e3a1 !important; + fill: #<% opt.catppuccin.green %> !important; + background-color: #<% opt.catppuccin.green %> !important; } rect[fill="rgba(35, 165, 90, 1)"] { - fill: #a6e3a1 !important; + fill: #<% opt.catppuccin.green %> !important; } rect[fill="#f0b232"], foreignObject[mask="url(#svg-mask-status-idle)"] > div { - fill: #f9e2af !important; - background-color: #f9e2af !important; + fill: #<% opt.catppuccin.yellow %> !important; + background-color: #<% opt.catppuccin.yellow %> !important; } rect[fill="rgba(240, 178, 50, 1)"] { - fill: #f9e2af !important; + fill: #<% opt.catppuccin.yellow %> !important; } rect[fill="#f23f43"], foreignObject[mask="url(#svg-mask-status-dnd)"] > div { - fill: #f38ba8 !important; - background-color: #f38ba8 !important; + fill: #<% opt.catppuccin.red %> !important; + background-color: #<% opt.catppuccin.red %> !important; } rect[fill="rgba(242, 63, 67, 1)"] { - fill: #f38ba8 !important; + fill: #<% opt.catppuccin.red %> !important; } rect[fill="#82858f"], @@ -2093,32 +2093,32 @@ foreignObject[mask="url(#svg-mask-status-offline)"] > div, foreignObject[mask="url(#svg-mask-status-offline)"] > rect, div[class^=dotOffline], i[class^=statusOffline] { - fill: #a6adc8 !important; - background-color: #a6adc8 !important; + fill: #<% opt.catppuccin.subtext0 %> !important; + background-color: #<% opt.catppuccin.subtext0 %> !important; } rect[fill="rgba(130, 133, 143, 1)"] { - fill: #a6adc8 !important; + fill: #<% opt.catppuccin.subtext0 %> !important; } rect[fill="#593695"] { - fill: #cba6f7 !important; + fill: #<% opt.catppuccin.mauve %> !important; } .vc-platform-indicator svg[fill*="--green-"] { - fill: #a6e3a1; + fill: #<% opt.catppuccin.green %>; } .vc-platform-indicator svg[fill*="--yellow-"] { - fill: #f9e2af; + fill: #<% opt.catppuccin.yellow %>; } .vc-platform-indicator svg[fill*="--red-"] { - fill: #f38ba8; + fill: #<% opt.catppuccin.red %>; } .vc-platform-indicator svg[fill*="--primary-400"] { - fill: #a6adc8; + fill: #<% opt.catppuccin.subtext0 %>; } [src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { @@ -2128,7 +2128,7 @@ rect[fill="#593695"] { -webkit-mask-image: url("https://discord.com/assets/eaeac24163b35f7526704a3d9b3c7722.svg"); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; - background: #a6e3a1; + background: #<% opt.catppuccin.green %>; } .vc-user-connection [src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { @@ -2136,12 +2136,12 @@ rect[fill="#593695"] { } #vencordthemes-tab [class*=input_]:focus { - border-color: #89b4fa !important; + border-color: #<% opt.catppuccin.blue %> !important; } [style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%)"] { - background-color: #89b4fa !important; - color: #11111b; + background-color: #<% opt.catppuccin.blue %> !important; + color: #<% opt.catppuccin.crust %>; } span[class*=username_][style*="color: rgb(54, 57, 62)"], @@ -2153,277 +2153,277 @@ div[class*=flowerStarContainer_][class*=boostedGuildTierIconBackgroundWithVisibl fill: #fff; } div[class*=flowerStarContainer_][class*=boostedGuildTierIconBackgroundWithVisibleBanner] div[class^=childContainer] svg * { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class*=flowerStarContainer_][class*=iconBackgroundTierOne_] svg[class*=flowerStar_] *, div[class*=flowerStarContainer_][class*=iconBackgroundTierTwo_]:not([class*=boostedGuildTierIconBackgroundWithVisibleBanner]) svg[class*=flowerStar_] * { - fill: #585b70; + fill: #<% opt.catppuccin.surface2 %>; } div[class*=flowerStarContainer_][class*=iconBackgroundTierOne_] div[class^=childContainer] svg *, div[class*=flowerStarContainer_][class*=iconBackgroundTierTwo_]:not([class*=boostedGuildTierIconBackgroundWithVisibleBanner]) div[class^=childContainer] svg * { - fill: #cdd6f4; + fill: #<% opt.catppuccin.text %>; } div[class*=flowerStarContainer_][class*=iconBackgroundTierThree_] svg[class*=flowerStar_] * { - fill: #f5c2e7; + fill: #<% opt.catppuccin.pink %>; } div[class*=flowerStarContainer_][class*=iconBackgroundTierThree_] div[class^=childContainer] svg * { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class*=flowerStarContainer_][class*=verified_] svg[class*=flowerStar_] * { - fill: #a6e3a1; + fill: #<% opt.catppuccin.green %>; } div[class*=flowerStarContainer_][class*=verified_] div[class^=childContainer] svg * { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class*=flowerStarContainer_][class*=partnered_] svg[class*=flowerStar_] * { - fill: #89b4fa; + fill: #<% opt.catppuccin.blue %>; } div[class*=flowerStarContainer_][class*=partnered_] div[class^=childContainer] svg * { - fill: #11111b; + fill: #<% opt.catppuccin.crust %>; } div[class^=communityInfoPill] { --background-accent: rgba(30, 30, 46, 0.7); - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } div[class^=communityInfoPill] div[class^=text] { font-weight: 500; } a[class*=socialLink_][href*=discord] { - color: #a6adc8; + color: #<% opt.catppuccin.subtext0 %>; } svg[class^=uploadIcon] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } .theme-dark h2[class^=emptyStateHeader], .theme-light h2[class^=emptyStateHeader] { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } .theme-dark p[class^=emptyStateSubtext], .theme-light p[class^=emptyStateSubtext] { - color: #a6adc8; + color: #<% opt.catppuccin.subtext0 %>; } div[class*=unreadMentionsBar_], div[class*=unreadBar_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=numberBadge] { font-weight: 700; - color: #11111b !important; + color: #<% opt.catppuccin.crust %> !important; } div[class^=newChannel] { - color: #11111b; - background-color: #89b4fa !important; + color: #<% opt.catppuccin.crust %>; + background-color: #<% opt.catppuccin.blue %> !important; } div[class^=botTag] { - background-color: #89b4fa; + background-color: #<% opt.catppuccin.blue %>; } div[class^=addFriendInputWrapper]:focus-within { - border-color: #89b4fa; + border-color: #<% opt.catppuccin.blue %>; } button[class^=attachButton] svg path[class^=attachButtonPlay] { - color: #a6e3a1; - fill: #a6e3a1; + color: #<% opt.catppuccin.green %>; + fill: #<% opt.catppuccin.green %>; } div[class^=tags] div[class^=pinIcon] path { - fill: #1e1e2e !important; + fill: #<% opt.catppuccin.base %> !important; } div[class*=avatarSpeaking_] { - -webkit-box-shadow: inset 0 0 0 2px #a6e3a1, inset 0 0 0 3px var(--background-secondary); - box-shadow: inset 0 0 0 2px #a6e3a1, inset 0 0 0 3px var(--background-secondary); + -webkit-box-shadow: inset 0 0 0 2px #<% opt.catppuccin.green %>, inset 0 0 0 3px var(--background-secondary); + box-shadow: inset 0 0 0 2px #<% opt.catppuccin.green %>, 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 #a6e3a1, inset 0 0 0 3px #a6e3a1; - box-shadow: inset 0 0 0 2px #a6e3a1, inset 0 0 0 3px #a6e3a1; + -webkit-box-shadow: inset 0 0 0 2px #<% opt.catppuccin.green %>, inset 0 0 0 3px #<% opt.catppuccin.green %>; + box-shadow: inset 0 0 0 2px #<% opt.catppuccin.green %>, inset 0 0 0 3px #<% opt.catppuccin.green %>; } div[class*=videoLayer_] > div[class^=tileChild] > div[class^=border][class*=voiceChannelEffect_] { - -webkit-box-shadow: inset 0 0 0 2px #89b4fa, inset 0 0 0 3px #89b4fa; - box-shadow: inset 0 0 0 2px #89b4fa, inset 0 0 0 3px #89b4fa; + -webkit-box-shadow: inset 0 0 0 2px #<% opt.catppuccin.blue %>, inset 0 0 0 3px #<% opt.catppuccin.blue %>; + box-shadow: inset 0 0 0 2px #<% opt.catppuccin.blue %>, inset 0 0 0 3px #<% opt.catppuccin.blue %>; } div[class*=featureIcon_] path { - fill: #89b4fa; + fill: #<% opt.catppuccin.blue %>; } div[class*=backgroundAccent_] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } 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='%23a6e3a1'%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"); + content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23<% opt.catppuccin.green %>'%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: #11111b; + color: #<% opt.catppuccin.crust %>; } [class^=tabBar] [class^=badge] { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } span[class*=channelMention]:hover, [class*=mention]:not([class*=mentionButton_], [class*=mentionIcon_]):hover { - color: #11111b; + color: #<% opt.catppuccin.crust %>; } div[class^=checkbox][class*=checked_] { - border-color: #11111b !important; + border-color: #<% opt.catppuccin.crust %> !important; } div[class^=checkbox][class*=checked_] svg path { - fill: #11111b !important; + fill: #<% opt.catppuccin.crust %> !important; } .theme-dark code.hljs { - color: #cdd6f4; - background: #1e1e2e; + color: #<% opt.catppuccin.text %>; + background: #<% opt.catppuccin.base %>; } .theme-dark code .hljs-keyword { - color: #cba6f7; + color: #<% opt.catppuccin.mauve %>; } .theme-dark code .hljs-built_in { - color: #f38ba8; + color: #<% opt.catppuccin.red %>; } .theme-dark code .hljs-type { - color: #f9e2af; + color: #<% opt.catppuccin.yellow %>; } .theme-dark code .hljs-literal { - color: #fab387; + color: #<% opt.catppuccin.peach %>; } .theme-dark code .hljs-number { - color: #fab387; + color: #<% opt.catppuccin.peach %>; } .theme-dark code .hljs-operator { - color: #94e2d5; + color: #<% opt.catppuccin.teal %>; } .theme-dark code .hljs-punctuation { - color: #bac2de; + color: #<% opt.catppuccin.subtext1 %>; } .theme-dark code .hljs-property { - color: #94e2d5; + color: #<% opt.catppuccin.teal %>; } .theme-dark code .hljs-regexp { - color: #f5c2e7; + color: #<% opt.catppuccin.pink %>; } .theme-dark code .hljs-string { - color: #a6e3a1; + color: #<% opt.catppuccin.green %>; } .theme-dark code .hljs-char.escape_ { - color: #a6e3a1; + color: #<% opt.catppuccin.green %>; } .theme-dark code .hljs-subst { - color: #a6adc8; + color: #<% opt.catppuccin.subtext0 %>; } .theme-dark code .hljs-symbol { - color: #f2cdcd; + color: #<% opt.catppuccin.flamingo %>; } .theme-dark code .hljs-variable { - color: #cba6f7; + color: #<% opt.catppuccin.mauve %>; } .theme-dark code .hljs-variable.language_ { - color: #cba6f7; + color: #<% opt.catppuccin.mauve %>; } .theme-dark code .hljs-variable.constant_ { - color: #fab387; + color: #<% opt.catppuccin.peach %>; } .theme-dark code .hljs-title { - color: #89b4fa; + color: #<% opt.catppuccin.blue %>; } .theme-dark code .hljs-title.class_ { - color: #f9e2af; + color: #<% opt.catppuccin.yellow %>; } .theme-dark code .hljs-title.function_ { - color: #89b4fa; + color: #<% opt.catppuccin.blue %>; } .theme-dark code .hljs-params { - color: #cdd6f4; + color: #<% opt.catppuccin.text %>; } .theme-dark code .hljs-comment { - color: #585b70; + color: #<% opt.catppuccin.surface2 %>; } .theme-dark code .hljs-doctag { - color: #f38ba8; + color: #<% opt.catppuccin.red %>; } .theme-dark code .hljs-meta { - color: #fab387; + color: #<% opt.catppuccin.peach %>; } .theme-dark code .hljs-section { - color: #89b4fa; + color: #<% opt.catppuccin.blue %>; } .theme-dark code .hljs-tag { - color: #a6adc8; + color: #<% opt.catppuccin.subtext0 %>; } .theme-dark code .hljs-name { - color: #cba6f7; + color: #<% opt.catppuccin.mauve %>; } .theme-dark code .hljs-attr { - color: #89b4fa; + color: #<% opt.catppuccin.blue %>; } .theme-dark code .hljs-attribute { - color: #a6e3a1; + color: #<% opt.catppuccin.green %>; } .theme-dark code .hljs-bullet { - color: #94e2d5; + color: #<% opt.catppuccin.teal %>; } .theme-dark code .hljs-code { - color: #a6e3a1; + color: #<% opt.catppuccin.green %>; } .theme-dark code .hljs-emphasis { - color: #f38ba8; + color: #<% opt.catppuccin.red %>; font-style: italic; } .theme-dark code .hljs-strong { - color: #f38ba8; + color: #<% opt.catppuccin.red %>; font-weight: bold; } .theme-dark code .hljs-formula { - color: #94e2d5; + color: #<% opt.catppuccin.teal %>; } .theme-dark code .hljs-link { - color: #74c7ec; + color: #<% opt.catppuccin.sapphire %>; font-style: italic; } .theme-dark code .hljs-quote { - color: #a6e3a1; + color: #<% opt.catppuccin.green %>; font-style: italic; } .theme-dark code .hljs-selector-tag { - color: #f9e2af; + color: #<% opt.catppuccin.yellow %>; } .theme-dark code .hljs-selector-id { - color: #89b4fa; + color: #<% opt.catppuccin.blue %>; } .theme-dark code .hljs-selector-class { - color: #94e2d5; + color: #<% opt.catppuccin.teal %>; } .theme-dark code .hljs-selector-attr { - color: #cba6f7; + color: #<% opt.catppuccin.mauve %>; } .theme-dark code .hljs-selector-pseudo { - color: #94e2d5; + color: #<% opt.catppuccin.teal %>; } .theme-dark code .hljs-template-tag { - color: #f2cdcd; + color: #<% opt.catppuccin.flamingo %>; } .theme-dark code .hljs-template-variable { - color: #f2cdcd; + color: #<% opt.catppuccin.flamingo %>; } .theme-dark code .hljs-addition { - color: #a6e3a1; + color: #<% opt.catppuccin.green %>; background: rgba(166, 227, 161, 0.15); } .theme-dark code .hljs-deletion { - color: #f38ba8; + color: #<% opt.catppuccin.red %>; background: rgba(243, 139, 168, 0.15); } diff --git a/.config/fish/conf.d/50-catppuccin.fish b/.config/fish/conf.d/50-catppuccin.fish deleted file mode 100644 index d2ae6ab..0000000 --- a/.config/fish/conf.d/50-catppuccin.fish +++ /dev/null @@ -1,26 +0,0 @@ -set -g fish_color_normal cdd6f4 -set -g fish_color_command 89b4fa -set -g fish_color_param f2cdcd -set -g fish_color_keyword f38ba8 -set -g fish_color_quote a6e3a1 -set -g fish_color_redirection f5c2e7 -set -g fish_color_end fab387 -set -g fish_color_comment 7f849c -set -g fish_color_error f38ba8 -set -g fish_color_gray 6c7086 -set -g fish_color_selection --background=313244 -set -g fish_color_search_match --background=313244 -set -g fish_color_option a6e3a1 -set -g fish_color_operator f5c2e7 -set -g fish_color_escape eba0ac -set -g fish_color_autosuggestion 6c7086 -set -g fish_color_cancel f38ba8 -set -g fish_color_cwd f9e2af -set -g fish_color_user 94e2d5 -set -g fish_color_host 89b4fa -set -g fish_color_host_remote a6e3a1 -set -g fish_color_status f38ba8 -set -g fish_pager_color_progress 6c7086 -set -g fish_pager_color_prefix f5c2e7 -set -g fish_pager_color_completion cdd6f4 -set -g fish_pager_color_description 6c7086 diff --git a/.config/fish/conf.d/50-catppuccin.fish.cgt b/.config/fish/conf.d/50-catppuccin.fish.cgt new file mode 100644 index 0000000..5c22ded --- /dev/null +++ b/.config/fish/conf.d/50-catppuccin.fish.cgt @@ -0,0 +1,26 @@ +set -g fish_color_normal <% opt.catppuccin.text %> +set -g fish_color_command <% opt.catppuccin.blue %> +set -g fish_color_param <% opt.catppuccin.flamingo %> +set -g fish_color_keyword <% opt.catppuccin.red %> +set -g fish_color_quote <% opt.catppuccin.green %> +set -g fish_color_redirection <% opt.catppuccin.pink %> +set -g fish_color_end <% opt.catppuccin.peach %> +set -g fish_color_comment <% opt.catppuccin.overlay1 %> +set -g fish_color_error <% opt.catppuccin.red %> +set -g fish_color_gray <% opt.catppuccin.overlay0 %> +set -g fish_color_selection --background=<% opt.catppuccin.surface0 %> +set -g fish_color_search_match --background=<% opt.catppuccin.surface0 %> +set -g fish_color_option <% opt.catppuccin.green %> +set -g fish_color_operator <% opt.catppuccin.pink %> +set -g fish_color_escape <% opt.catppuccin.maroon %> +set -g fish_color_autosuggestion <% opt.catppuccin.overlay0 %> +set -g fish_color_cancel <% opt.catppuccin.red %> +set -g fish_color_cwd <% opt.catppuccin.yellow %> +set -g fish_color_user <% opt.catppuccin.teal %> +set -g fish_color_host <% opt.catppuccin.blue %> +set -g fish_color_host_remote <% opt.catppuccin.green %> +set -g fish_color_status <% opt.catppuccin.red %> +set -g fish_pager_color_progress <% opt.catppuccin.overlay0 %> +set -g fish_pager_color_prefix <% opt.catppuccin.pink %> +set -g fish_pager_color_completion <% opt.catppuccin.text %> +set -g fish_pager_color_description <% opt.catppuccin.overlay0 %> diff --git a/.config/foot/foot.ini.cgt b/.config/foot/foot.ini.cgt index 1125f06..8cbed04 100644 --- a/.config/foot/foot.ini.cgt +++ b/.config/foot/foot.ini.cgt @@ -5,21 +5,21 @@ font=<% opt.term_font %>:size=10 alpha=0.8 [colors] -foreground=cdd6f4 # Text -background=1e1e2e # Base -regular0=45475a # Surface 1 -regular1=f38ba8 # red -regular2=a6e3a1 # green -regular3=f9e2af # yellow -regular4=89b4fa # blue -regular5=f5c2e7 # pink -regular6=94e2d5 # teal -regular7=bac2de # Subtext 1 -bright0=585b70 # Surface 2 -bright1=f38ba8 # red -bright2=a6e3a1 # green -bright3=f9e2af # yellow -bright4=89b4fa # blue -bright5=f5c2e7 # pink -bright6=94e2d5 # teal -bright7=a6adc8 # Subtext 0 +foreground=<% opt.catppuccin.text %> # Text +background=<% opt.catppuccin.base %> # Base +regular0=<% opt.catppuccin.surface1 %> # Surface 1 +regular1=<% opt.catppuccin.red %> # red +regular2=<% opt.catppuccin.green %> # green +regular3=<% opt.catppuccin.yellow %> # yellow +regular4=<% opt.catppuccin.blue %> # blue +regular5=<% opt.catppuccin.pink %> # pink +regular6=<% opt.catppuccin.teal %> # teal +regular7=<% opt.catppuccin.subtext1 %> # Subtext 1 +bright0=<% opt.catppuccin.surface2 %> # Surface 2 +bright1=<% opt.catppuccin.red %> # red +bright2=<% opt.catppuccin.green %> # green +bright3=<% opt.catppuccin.yellow %> # yellow +bright4=<% opt.catppuccin.blue %> # blue +bright5=<% opt.catppuccin.pink %> # pink +bright6=<% opt.catppuccin.teal %> # teal +bright7=<% opt.catppuccin.subtext0 %> # Subtext 0 diff --git a/.config/hypr/hyprland.conf.cgt b/.config/hypr/hyprland.conf.cgt index 57cd255..5422fb4 100644 --- a/.config/hypr/hyprland.conf.cgt +++ b/.config/hypr/hyprland.conf.cgt @@ -14,8 +14,8 @@ general { gaps_in = 5 gaps_out = 20 border_size = 2.5 - col.active_border = rgba(f38ba8ee) rgba(a6e3a1ee) 45deg - col.inactive_border = rgba(11111baa) + col.active_border = rgba(<% opt.catppuccin.red %>ee) rgba(<% opt.catppuccin.green %>ee) 45deg + col.inactive_border = rgba(<% opt.catppuccin.crust %>aa) layout = dwindle } diff --git a/.config/i3/config.cgt b/.config/i3/config.cgt index 034ffc8..dfb5ce7 100644 --- a/.config/i3/config.cgt +++ b/.config/i3/config.cgt @@ -266,31 +266,31 @@ bindsym Shift+Print exec shotgun -s - | feh --class feh-float - for_window [class="feh-float"] floating enable # catppuccin mocha theme -set $rosewater #f5e0dc -set $flamingo #f2cdcd -set $pink #f5c2e7 -set $mauve #cba6f7 -set $red #f38ba8 -set $maroon #eba0ac -set $peach #fab387 -set $green #a6e3a1 -set $teal #94e2d5 -set $sky #89dceb -set $sapphire #74c7ec -set $blue #89b4fa -set $lavender #b4befe -set $text #cdd6f4 -set $subtext1 #bac2de -set $subtext0 #a6adc8 -set $overlay2 #9399b2 -set $overlay1 #7f849c -set $overlay0 #6c7086 -set $surface2 #585b70 -set $surface1 #45475a -set $surface0 #313244 -set $base #1e1e2e -set $mantle #181825 -set $crust #11111b +set $rosewater #<% opt.catppuccin.rosewater %> +set $flamingo #<% opt.catppuccin.flamingo %> +set $pink #<% opt.catppuccin.pink %> +set $mauve #<% opt.catppuccin.mauve %> +set $red #<% opt.catppuccin.red %> +set $maroon #<% opt.catppuccin.maroon %> +set $peach #<% opt.catppuccin.peach %> +set $green #<% opt.catppuccin.green %> +set $teal #<% opt.catppuccin.teal %> +set $sky #<% opt.catppuccin.sky %> +set $sapphire #<% opt.catppuccin.sapphire %> +set $blue #<% opt.catppuccin.blue %> +set $lavender #<% opt.catppuccin.lavender %> +set $text #<% opt.catppuccin.text %> +set $subtext1 #<% opt.catppuccin.subtext1 %> +set $subtext0 #<% opt.catppuccin.subtext0 %> +set $overlay2 #<% opt.catppuccin.overlay2 %> +set $overlay1 #<% opt.catppuccin.overlay1 %> +set $overlay0 #<% opt.catppuccin.overlay0 %> +set $surface2 #<% opt.catppuccin.surface2 %> +set $surface1 #<% opt.catppuccin.surface1 %> +set $surface0 #<% opt.catppuccin.surface0 %> +set $base #<% opt.catppuccin.base %> +set $mantle #<% opt.catppuccin.mantle %> +set $crust #<% opt.catppuccin.crust %> client.focused $red $surface1 $text $rosewater $red client.focused_inactive $maroon $base $text $rosewater $maroon diff --git a/.config/kitty/kitty.conf.cgt b/.config/kitty/kitty.conf.cgt index 9ec1a4b..6c19f1e 100644 --- a/.config/kitty/kitty.conf.cgt +++ b/.config/kitty/kitty.conf.cgt @@ -12,72 +12,72 @@ background_opacity 0.8 # The basic colors -foreground #CDD6F4 -background #1E1E2E -selection_foreground #1E1E2E -selection_background #F5E0DC +foreground #<% opt.catppuccin.text %> +background #<% opt.catppuccin.base %> +selection_foreground #<% opt.catppuccin.base %> +selection_background #<% opt.catppuccin.rosewater %> # Cursor colors -cursor #F5E0DC -cursor_text_color #1E1E2E +cursor #<% opt.catppuccin.rosewater %> +cursor_text_color #<% opt.catppuccin.base %> # URL underline color when hovering with mouse -url_color #F5E0DC +url_color #<% opt.catppuccin.rosewater %> # Kitty window border colors -active_border_color #B4BEFE -inactive_border_color #6C7086 -bell_border_color #F9E2AF +active_border_color #<% opt.catppuccin.lavender %> +inactive_border_color #<% opt.catppuccin.overlay0 %> +bell_border_color #<% opt.catppuccin.yellow %> # OS Window titlebar colors wayland_titlebar_color system macos_titlebar_color system # Tab bar colors -active_tab_foreground #11111B -active_tab_background #CBA6F7 -inactive_tab_foreground #CDD6F4 -inactive_tab_background #181825 -tab_bar_background #11111B +active_tab_foreground #<% opt.catppuccin.crust %> +active_tab_background #<% opt.catppuccin.mauve %> +inactive_tab_foreground #<% opt.catppuccin.text %> +inactive_tab_background #<% opt.catppuccin.mantle %> +tab_bar_background #<% opt.catppuccin.crust %> # Colors for marks (marked text in the terminal) -mark1_foreground #1E1E2E -mark1_background #B4BEFE -mark2_foreground #1E1E2E -mark2_background #CBA6F7 -mark3_foreground #1E1E2E -mark3_background #74C7EC +mark1_foreground #<% opt.catppuccin.base %> +mark1_background #<% opt.catppuccin.lavender %> +mark2_foreground #<% opt.catppuccin.base %> +mark2_background #<% opt.catppuccin.mauve %> +mark3_foreground #<% opt.catppuccin.base %> +mark3_background #<% opt.catppuccin.sapphire %> # The 16 terminal colors # black -color0 #45475A -color8 #585B70 +color0 #<% opt.catppuccin.surface1 %> +color8 #<% opt.catppuccin.surface2 %> # red -color1 #F38BA8 -color9 #F38BA8 +color1 #<% opt.catppuccin.red %> +color9 #<% opt.catppuccin.red %> # green -color2 #A6E3A1 -color10 #A6E3A1 +color2 #<% opt.catppuccin.green %> +color10 #<% opt.catppuccin.green %> # yellow -color3 #F9E2AF -color11 #F9E2AF +color3 #<% opt.catppuccin.yellow %> +color11 #<% opt.catppuccin.yellow %> # blue -color4 #89B4FA -color12 #89B4FA +color4 #<% opt.catppuccin.blue %> +color12 #<% opt.catppuccin.blue %> # magenta -color5 #F5C2E7 -color13 #F5C2E7 +color5 #<% opt.catppuccin.pink %> +color13 #<% opt.catppuccin.pink %> # cyan -color6 #94E2D5 -color14 #94E2D5 +color6 #<% opt.catppuccin.teal %> +color14 #<% opt.catppuccin.teal %> # white -color7 #BAC2DE -color15 #A6ADC8 +color7 #<% opt.catppuccin.subtext1 %> +color15 #<% opt.catppuccin.subtext0 %> diff --git a/.config/luakit/theme.lua.cgt b/.config/luakit/theme.lua.cgt index ce64f67..0ce5fe2 100644 --- a/.config/luakit/theme.lua.cgt +++ b/.config/luakit/theme.lua.cgt @@ -1,16 +1,16 @@ -- local catppuccin = { - bg = "#181825", - fg = "#cdd6f4", - bright_bg = "#1e1e2e", - very_bright_bg = "#313244", - cyan = "#89b4fa", - green = "#a6e3a1", - orange = "#fab387", - pink = "#f5c2e7", - purple = "#cba6f7", - red = "#f38ba8", - yellow = "#f9e2af", + bg = "#<% opt.catppuccin.mantle %>", + fg = "#<% opt.catppuccin.text %>", + bright_bg = "#<% opt.catppuccin.base %>", + very_bright_bg = "#<% opt.catppuccin.surface0 %>", + cyan = "#<% opt.catppuccin.blue %>", + green = "#<% opt.catppuccin.green %>", + orange = "#<% opt.catppuccin.peach %>", + pink = "#<% opt.catppuccin.pink %>", + purple = "#<% opt.catppuccin.mauve %>", + red = "#<% opt.catppuccin.red %>", + yellow = "#<% opt.catppuccin.yellow %>", } local theme = {} diff --git a/.config/waybar/mocha.css b/.config/waybar/mocha.css deleted file mode 100644 index 98e218a..0000000 --- a/.config/waybar/mocha.css +++ /dev/null @@ -1,37 +0,0 @@ -/* -* -* Catppuccin Mocha palette -* Maintainer: rubyowo -* -*/ - -@define-color base #1e1e2e; -@define-color mantle #181825; -@define-color crust #11111b; - -@define-color text #cdd6f4; -@define-color subtext0 #a6adc8; -@define-color subtext1 #bac2de; - -@define-color surface0 #313244; -@define-color surface1 #45475a; -@define-color surface2 #585b70; - -@define-color overlay0 #6c7086; -@define-color overlay1 #7f849c; -@define-color overlay2 #9399b2; - -@define-color blue #89b4fa; -@define-color lavender #b4befe; -@define-color sapphire #74c7ec; -@define-color sky #89dceb; -@define-color teal #94e2d5; -@define-color green #a6e3a1; -@define-color yellow #f9e2af; -@define-color peach #fab387; -@define-color maroon #eba0ac; -@define-color red #f38ba8; -@define-color mauve #cba6f7; -@define-color pink #f5c2e7; -@define-color flamingo #f2cdcd; -@define-color rosewater #f5e0dc; diff --git a/.config/waybar/mocha.css.cgt b/.config/waybar/mocha.css.cgt new file mode 100644 index 0000000..443a67c --- /dev/null +++ b/.config/waybar/mocha.css.cgt @@ -0,0 +1,37 @@ +/* +* +* Catppuccin Mocha palette +* Maintainer: rubyowo +* +*/ + +@define-color base #<% opt.catppuccin.base %>; +@define-color mantle #<% opt.catppuccin.mantle %>; +@define-color crust #<% opt.catppuccin.crust %>; + +@define-color text #<% opt.catppuccin.text %>; +@define-color subtext0 #<% opt.catppuccin.subtext0 %>; +@define-color subtext1 #<% opt.catppuccin.subtext1 %>; + +@define-color surface0 #<% opt.catppuccin.surface0 %>; +@define-color surface1 #<% opt.catppuccin.surface1 %>; +@define-color surface2 #<% opt.catppuccin.surface2 %>; + +@define-color overlay0 #<% opt.catppuccin.overlay0 %>; +@define-color overlay1 #<% opt.catppuccin.overlay1 %>; +@define-color overlay2 #<% opt.catppuccin.overlay2 %>; + +@define-color blue #<% opt.catppuccin.blue %>; +@define-color lavender #<% opt.catppuccin.lavender %>; +@define-color sapphire #<% opt.catppuccin.sapphire %>; +@define-color sky #<% opt.catppuccin.sky %>; +@define-color teal #<% opt.catppuccin.teal %>; +@define-color green #<% opt.catppuccin.green %>; +@define-color yellow #<% opt.catppuccin.yellow %>; +@define-color peach #<% opt.catppuccin.peach %>; +@define-color maroon #<% opt.catppuccin.maroon %>; +@define-color red #<% opt.catppuccin.red %>; +@define-color mauve #<% opt.catppuccin.mauve %>; +@define-color pink #<% opt.catppuccin.pink %>; +@define-color flamingo #<% opt.catppuccin.flamingo %>; +@define-color rosewater #<% opt.catppuccin.rosewater %>; diff --git a/.config/wayprompt/config.ini.cgt b/.config/wayprompt/config.ini.cgt index a903ea8..9e7293e 100644 --- a/.config/wayprompt/config.ini.cgt +++ b/.config/wayprompt/config.ini.cgt @@ -4,13 +4,13 @@ font-regular = <% opt.font %>:size=14; font-large = <% opt.font %>:size=20; [colours] -background = <% opt.catppuccin.mantle %>; -border = <% opt.catppuccin.red %>; -text = <% opt.catppuccin.text %>; -error-text = <% opt.catppuccin.red %>; -pin-background = <% opt.catppuccin.base %>; -pin-border = <% opt.catppuccin.green %>; -pin-square = <% opt.catppuccin.mauve %>; -ok-button = <% opt.catppuccin.blue %>; -not-ok-button = <% opt.catppuccin.maroon %>; -cancel-button = <% opt.catppuccin.red %>; +background = 0x<% opt.catppuccin.mantle %>; +border = 0x<% opt.catppuccin.red %>; +text = 0x<% opt.catppuccin.text %>; +error-text = 0x<% opt.catppuccin.red %>; +pin-background = 0x<% opt.catppuccin.base %>; +pin-border = 0x<% opt.catppuccin.green %>; +pin-square = 0x<% opt.catppuccin.mauve %>; +ok-button = 0x<% opt.catppuccin.blue %>; +not-ok-button = 0x<% opt.catppuccin.maroon %>; +cancel-button = 0x<% opt.catppuccin.red %>; diff --git a/.config/wezterm/wezterm.lua.cgt b/.config/wezterm/wezterm.lua.cgt index 3ccd12a..b76dc75 100644 --- a/.config/wezterm/wezterm.lua.cgt +++ b/.config/wezterm/wezterm.lua.cgt @@ -49,8 +49,8 @@ (fn on-format-tab-title [tab tabs panes config hover max_width] (let [title (if (and tab.tab_title (> (length tab.tab_title) 0)) tab.tab_title tab.active_pane.title) - bg (fn [t h] (if t.is_active :#cba6f7 (if h :#45475a :#313244))) - fg (fn [t] (if t.is_active :#181825 :#cdd6f4)) + bg (fn [t h] (if t.is_active :#<% opt.catppuccin.mauve %> (if h :#<% opt.catppuccin.surface1 %> :#<% opt.catppuccin.surface0 %>))) + fg (fn [t] (if t.is_active :#<% opt.catppuccin.mantle %> :#<% opt.catppuccin.text %>)) not-first? (~= tab.tab_index 0) last? (= tab.tab_index (- (length tabs) 1)) deco-len (+ 2 @@ -70,19 +70,19 @@ ;; last tab (when (= tab.tab_index (- (length tabs) 1)) (table.insert elems {:Foreground {:Color (bg tab hover)}}) - (table.insert elems {:Background {:Color :#45475a}}) ;; color of new tab button + (table.insert elems {:Background {:Color :#<% opt.catppuccin.surface1 %>}}) ;; color of new tab button (table.insert elems {:Text " "})) elems)) (wt.on :format-tab-title on-format-tab-title) (fn new-tab-button [hover] - (let [bg (if hover :#89b4fa :#45475a)] + (let [bg (if hover :#<% opt.catppuccin.blue %> :#<% opt.catppuccin.surface1 %>)] (wt.format [{:Background {:Color bg}} - {:Foreground {:Color :#cdd6f4}} + {:Foreground {:Color :#<% opt.catppuccin.text %>}} {:Text "  "} {:Foreground {:Color bg}} - {:Background {:Color :#11111b}} + {:Background {:Color :#<% opt.catppuccin.crust %>}} {:Text ""}]))) {:default_prog ["<% shell %>"]