From d152d2800d8f2dc448cdf9dfca0ed32cdcdc58af Mon Sep 17 00:00:00 2001 From: Daniel Fichtinger Date: Fri, 4 Apr 2025 23:15:10 -0400 Subject: [PATCH] AutoYADM commit: 2025-04-04 23:15:10 --- .config/foot/foot.ini##hostname.dbox | 2 +- .config/niri/config.kdl##hostname.dbox | 45 +- .config/vesktop/themes/ashen.theme.css | 3600 +++++++++++++++++++----- 3 files changed, 2996 insertions(+), 651 deletions(-) diff --git a/.config/foot/foot.ini##hostname.dbox b/.config/foot/foot.ini##hostname.dbox index e213082a..6d905fad 100644 --- a/.config/foot/foot.ini##hostname.dbox +++ b/.config/foot/foot.ini##hostname.dbox @@ -12,7 +12,7 @@ include=~/dev/ashen/monorepo/foot/ashen.ini # font=monospace:size=10 # font=SauceCodePro NFM:size=12 # font = IosevkaTerm Nerd Font Mono:size=14, Symbols Nerd Font Mono:size=12, FreeMono:size=12 -font = JetBrainsMonoNL Nerd Font:size=12, Symbols Nerd Font Mono:size=12, FreeMono:size=12 +font = JetBrainsMonoNL Nerd Font:size=12, Symbols Nerd Font Mono:size=12, FreeMono:size=12, Noto Color Emoji:size=12 # font = SauceCodePro NFM:size=12, Symbols Nerd Font Mono:size=12, FreeMono:size=12 # font-bold = SauceCodePro NFM SemiBold:size=12, Symbols Nerd Font Mono:size=12, FreeMono:size=12 # font-bold= diff --git a/.config/niri/config.kdl##hostname.dbox b/.config/niri/config.kdl##hostname.dbox index de9beef0..659f8c5b 100644 --- a/.config/niri/config.kdl##hostname.dbox +++ b/.config/niri/config.kdl##hostname.dbox @@ -71,10 +71,6 @@ layout { struts { top -16 bottom -16 - // left 8 - // right 8 - // top 7 - // bottom 16 } // gaps 16 // gaps 8 @@ -84,8 +80,8 @@ layout { // - "always", the focused column will always be centered. // - "on-overflow", focusing a column will center it if it doesn't fit // together with the previously focused column. - center-focused-column "never" - // /-always-center-single-column + // center-focused-column "on-overflow" + always-center-single-column // You can customize the widths that "switch-preset-column-width" (Mod+R) toggles between. preset-column-widths { // Proportion sets the width as a fraction of the output width, taking gaps into account. @@ -169,11 +165,10 @@ layout { // which may be more convenient to use. // See the binds section below for more spawn examples. // spawn-at-startup "alacritty" "-e" "fish" -// spawn-at-startup "dunst" "&" -// spawn-at-startup "dunst" "&" -spawn-at-startup "systemctl" "--user" "restart" "blueman-applet.service" +spawn-at-startup "dunst" "&" +// spawn-at-startup "systemctl" "--user" "start" "blueman-applet.service" // spawn-at-startup "systemctl" "--user" "restart" "blueman-manager.service" -spawn-at-startup "systemctl" "--user" "restart" "waybar" +// spawn-at-startup "systemctl" "--user" "restart" "waybar" spawn-at-startup "xwayland-satellite" // Uncomment this line to ask the clients to omit their client-side decorations if possible. // If the client will specifically ask for CSD, the request will be honored. @@ -221,6 +216,12 @@ window-rule { proportion 0.75 } } +window-rule { + match app-id="^Bitwarden$" + default-column-width { + proportion 0.33337 + } +} window-rule { match app-id="vesktop$" // clip-to-geometry true @@ -637,29 +638,29 @@ binds { // The following binds move the focused window in and out of a column. // If the window is alone, they will consume it into the nearby column to the side. // If the window is already in a column, they will expel it out. - Mod+BracketLeft { + Mod+Alt+C { consume-or-expel-window-left } - Mod+BracketRight { + Mod+Alt+D { consume-or-expel-window-right } // Consume one window from the right to the bottom of the focused column. - Mod+BraceLeft { + Mod+Alt+F { consume-window-into-column } // Expel the bottom window from the focused column to the right. - Mod+BraceRight { + Mod+Alt+P { expel-window-from-column } Mod+R { switch-preset-column-width } - Mod+Shift+R { - switch-preset-window-height - } - Mod+Ctrl+R { - reset-window-height - } + // Mod+Shift+R { + // switch-preset-window-height + // } + // Mod+Ctrl+R { + // reset-window-height + // } Mod+F { maximize-column } @@ -696,10 +697,10 @@ binds { set-window-height "+10%" } // Move the focused window between the floating and the tiling layout. - Mod+V { + Mod+T { toggle-window-floating } - Mod+Shift+V { + Mod+Shift+T { switch-focus-between-floating-and-tiling } // Toggle tabbed column display mode. diff --git a/.config/vesktop/themes/ashen.theme.css b/.config/vesktop/themes/ashen.theme.css index 6b9a8aea..5fd29b2e 100644 --- a/.config/vesktop/themes/ashen.theme.css +++ b/.config/vesktop/themes/ashen.theme.css @@ -1,669 +1,3013 @@ /** * @name Ashen * @author Daniel Fichtinger - * @version 0.0.1 - * @description A warm theme with red and orange tones. -*/ -/* CSS variables - */ -:root { - /* Special */ - --background: #121212; - --background-alt: #191919; - --foreground: #c3c3c3; - /* --foreground: #b22c2c; */ - --cursor: #c3c3c3; +**/ +/* $cursorline: #191919; */ +/* $text: #b4b4b4; */ +/* $green: #1E6F54; */ +:root .theme-light { + /* + nav[class*="guilds-"].theme-dark { + @import "@catppuccin/palette/scss/; - /* Colors */ - --color0: #1e1e1e; - --color1: #C4693D; - --color2: #B14242; - --color3: #B14242; - --color4: #C4693D; - --color5: #D87C4A; - --color6: #DF6464; - --color7: #988d8d; - --color8: #6c5959; - --color9: #DF6464; - --color10: #B14242; - --color11: #B14242; - --color12: #B14242; - --color13: #C4693D; - --color14: #B14242; - --color15: #c3c3c3; + // server icons + foreignObject > div[data-list-item-id^="guildsnav_"] { + background-color: lighten($base, 2%); + + &:hover, + &[class*="selected"] { + > div[class^="childWrapper"] { + color: $crust; + font-weight: 600; + } + } + } + + // lightens home nav bg + div[data-list-item-id="guildsnav___home"] { + --background-primary: #f8f9fb; + } + + // lightens folder wrapper bg + span[class^="expandedFolderBackground"] { + background-color: lighten($base, 3%); + } + div[class^="folder"][class*="hover-"] { + background-color: lighten($base, 8%); + } + + // create server/discovery + div[data-list-item-id="guildsnav___create-join-button"] svg > path, + div[data-list-item-id="guildsnav___guild-discover-button"] svg > path { + fill: $green; + } + + // server list icons + div[class^="upperBadge"] { + > div[class^="iconBadge"] { + path { + color: $base; + } + } + + div[class*="participating-"] { + background: $green; + } + } + } + */ +} +:root .theme-light { + --brand-experiment: #b14242; + --brand-experiment-100: #f5e4e4; + --brand-experiment-130: #f1dada; + --brand-experiment-160: #eed1d1; + --brand-experiment-200: #eac8c8; + --brand-experiment-230: #e7bfbf; + --brand-experiment-260: #e4b5b5; + --brand-experiment-300: #e0acac; + --brand-experiment-330: #d99999; + --brand-experiment-360: #d28787; + --brand-experiment-400: #cb7474; + --brand-experiment-430: #c46262; + --brand-experiment-460: #bd4f4f; + --brand-experiment-500: #b14242; + --brand-experiment-530: #9e3b3b; + --brand-experiment-560: #8c3434; + --brand-experiment-600: #792d2d; + --brand-experiment-630: #672626; + --brand-experiment-660: #541f1f; + --brand-experiment-700: #421818; + --brand-experiment-730: #381515; + --brand-experiment-760: #2f1212; + --brand-experiment-800: #260e0e; + --brand-experiment-830: #1c0b0b; + --brand-experiment-860: #130707; + --brand-experiment-900: #0a0404; + --brand-experiment-05a: rgba(177, 66, 66, 0.05); + --brand-experiment-10a: rgba(177, 66, 66, 0.1); + --brand-experiment-15a: rgba(177, 66, 66, 0.15); + --brand-experiment-20a: rgba(177, 66, 66, 0.2); + --brand-experiment-25a: rgba(177, 66, 66, 0.25); + --brand-experiment-30a: rgba(177, 66, 66, 0.3); + --brand-experiment-35a: rgba(177, 66, 66, 0.35); + --brand-experiment-40a: rgba(177, 66, 66, 0.4); + --brand-experiment-45a: rgba(177, 66, 66, 0.45); + --brand-experiment-50a: rgba(177, 66, 66, 0.5); + --brand-experiment-55a: rgba(177, 66, 66, 0.55); + --brand-experiment-60a: rgba(177, 66, 66, 0.6); + --brand-experiment-65a: rgba(177, 66, 66, 0.65); + --brand-experiment-70a: rgba(177, 66, 66, 0.7); + --brand-experiment-75a: rgba(177, 66, 66, 0.75); + --brand-experiment-80a: rgba(177, 66, 66, 0.8); + --brand-experiment-85a: rgba(177, 66, 66, 0.85); + --brand-experiment-90a: rgba(177, 66, 66, 0.9); + --brand-experiment-95a: rgba(177, 66, 66, 0.95); + --header-primary: #4c4f69; + --header-secondary: #6c6f85; + --text-normal: #4c4f69; + --text-muted: #6c6f85; + --text-link: #1e66f5; + --text-link-low-saturation: #209fb5; + --text-positive: #40a02b; + --text-warning: #df8e1d; + --text-danger: #d20f39; + --text-brand: #b14242; + --background-primary: #eff1f5; + --background-secondary: #e6e9ef; + --background-secondary-alt: #e0e4eb; + --background-tertiary: #dce0e8; + --background-accent: #b14242; + --background-floating: #d6dbe4; + --background-nested-floating: #e6e9ef; + --background-mobile-primary: #eff1f5; + --background-mobile-secondary: #e6e9ef; + --chat-background: #eff1f5; + --chat-border: #dce0e8; + --chat-input-container-background: #eff1f5; + --background-modifier-hover: rgba(76, 79, 105, 0.15); + --background-modifier-selected: rgba(76, 79, 105, 0.2); + --background-modifier-accent: rgba(76, 79, 105, 0.26); + --background-modifier-active: rgba(76, 79, 105, 0.17); + --info-positive-background: rgba(64, 160, 43, 0.15); + --info-positive-foreground: #40a02b; + --info-positive-text: #4c4f69; + --info-warning-background: rgba(223, 142, 29, 0.15); + --info-warning-foreground: #df8e1d; + --info-warning-text: #4c4f69; + --info-danger-background: rgba(210, 15, 57, 0.15); + --info-danger-foreground: #d20f39; + --info-danger-text: #4c4f69; + --info-help-background: rgba(4, 165, 229, 0.15); + --info-help-foreground: #04a5e5; + --info-help-text: #4c4f69; + --status-positive-background: #40a02b; + --status-positive-text: #eff1f5; + --status-warning-background: #df8e1d; + --status-warning-text: #eff1f5; + --status-danger-background: #d20f39; + --status-danger-text: #eff1f5; + --status-danger: #d20f39; + --status-positive: #40a02b; + --status-warning: #df8e1d; + --button-danger-background: #d20f39; + --button-danger-background-hover: #ba0d33; + --button-danger-background-active: #953838; + --button-danger-background-disabled: #d20f39; + --button-positive-background: #40a02b; + --button-positive-background-hover: #388c26; + --button-positive-background-active: #348223; + --button-positive-background-disabled: #40a02b; + --button-secondary-background: #bcc0cc; + --button-secondary-background-hover: #aeb2c1; + --button-secondary-background-active: #aeb2c1; + --button-secondary-background-disabled: #bcc0cc; + --button-outline-danger-text: #4c4f69; + --button-outline-danger-border: #d20f39; + --button-outline-danger-background: transparent; + --button-outline-danger-background-hover: #c60e36; + --button-outline-danger-text-hover: #eff1f5; + --button-outline-danger-border-hover: #c60e36; + --button-outline-danger-background-active: #ba0d33; + --button-outline-danger-text-active: #eff1f5; + --button-outline-danger-border-active: #c60e36; + --button-outline-positive-text: #4c4f69; + --button-outline-positive-border: #40a02b; + --button-outline-positive-background: transparent; + --button-outline-positive-background-hover: #3c9628; + --button-outline-positive-text-hover: #eff1f5; + --button-outline-positive-border-hover: #3c9628; + --button-outline-positive-background-active: #388c26; + --button-outline-positive-text-active: #eff1f5; + --button-outline-positive-border-active: #3c9628; + --button-outline-brand-text: #4c4f69; + --button-outline-brand-border: #b14242; + --button-outline-brand-background: transparent; + --button-outline-brand-background-hover: #a83f3f; + --button-outline-brand-text-hover: #eff1f5; + --button-outline-brand-border-hover: #a83f3f; + --button-outline-brand-background-active: #9e3b3b; + --button-outline-brand-text-active: #eff1f5; + --button-outline-brand-border-active: #a83f3f; + --button-outline-primary-text: #4c4f69; + --button-outline-primary-border: #acb0be; + --button-outline-primary-background: transparent; + --button-outline-primary-background-hover: #a5a9b8; + --button-outline-primary-text-hover: #eff1f5; + --button-outline-primary-border-hover: #a5a9b8; + --button-outline-primary-background-active: #9ea2b3; + --button-outline-primary-text-active: #eff1f5; + --button-outline-primary-border-active: #a5a9b8; + --modal-background: #eff1f5; + --modal-footer-background: #dce0e8; + --scrollbar-thin-thumb: #b14242; + --scrollbar-thin-track: transparent; + --scrollbar-auto-thumb: #b14242; + --scrollbar-auto-track: #dce0e8; + --scrollbar-auto-scrollbar-color-thumb: #b14242; + --scrollbar-auto-scrollbar-color-track: #dce0e8; + --input-background: #dce0e8; + --input-placeholder-text: #5c5f77; + --logo-primary: #4c4f69; + --control-brand-foreground: #b14242; + --control-brand-foreground-new: #b14242; + --background-mentioned: rgba(223, 142, 29, 0.1); + --background-mentioned-hover: rgba(223, 142, 29, 0.08); + --background-message-hover: rgba(220, 224, 232, 0.07); + --background-message-automod: rgba(220, 138, 120, 0.05); + --background-message-automod-hover: rgba(220, 138, 120, 0.1); + --background-message-highlight: rgba(177, 66, 66, 0.1); + --background-message-highlight-hover: rgba(177, 66, 66, 0.08); + --channels-default: #616377; + --channel-icon: #616377; + --channel-text-area-placeholder: rgba(76, 79, 105, 0.5); + --channeltextarea-background: #e6e9ef; + --activity-card-background: #dce0e8; + --textbox-markdown-syntax: #9ca0b0; + --spoiler-revealed-background: #ccd0da; + --spoiler-hidden-background: #acb0be; + --android-navigation-bar-background: #dce0e8; + --android-ripple: rgba(220, 224, 232, 0.3); + --deprecated-card-bg: rgba(220, 224, 232, 0.6); + --deprecated-card-editable-bg: rgba(220, 224, 232, 0.3); + --deprecated-store-bg: #eff1f5; + --deprecated-quickswitcher-input-background: #9ea2b3; + --deprecated-quickswitcher-input-placeholder: rgba(220, 224, 232, 0.3); + --deprecated-text-input-bg: #dce0e8; + --deprecated-text-input-border: rgba(220, 224, 232, 0.3); + --deprecated-text-input-border-hover: #cdd2de; + --deprecated-text-input-border-disabled: #e6e9ef; + --deprecated-text-input-prefix: #6c6f85; + --focus-primary: #b14242; + --interactive-normal: #4c4f69; + --interactive-muted: rgba(76, 79, 105, 0.3); + --interactive-hover: #4c4f69; + --interactive-active: #4c4f69; +} +:root .theme-light svg[class^=spine] { + color: #acb0be; +} +:root .theme-light ul[aria-label$=" threads"] > li:nth-child(1n) { + --channels-default: #743c5b; + --interactive-hover: #d20f39; + --interactive-active: #d20f39; +} +:root .theme-light ul[aria-label$=" threads"] > li:nth-child(2n) { + --channels-default: #81554d; + --interactive-hover: #fe640b; + --interactive-active: #fe640b; +} +:root .theme-light ul[aria-label$=" threads"] > li:nth-child(3n) { + --channels-default: #786252; + --interactive-hover: #df8e1d; + --interactive-active: #df8e1d; +} +:root .theme-light ul[aria-label$=" threads"] > li:nth-child(4n) { + --channels-default: #486756; + --interactive-hover: #40a02b; + --interactive-active: #40a02b; +} +:root .theme-light ul[aria-label$=" threads"] > li:nth-child(5n) { + --channels-default: #3e5693; + --interactive-hover: #209fb5; + --interactive-active: #209fb5; +} +:root .theme-light ul[aria-label$=" threads"] > li:nth-child(6n) { + --channels-default: #5e4891; + --interactive-hover: #8839ef; + --interactive-active: #8839ef; } -/* friends page */ -.peopleList-2VBrVI, -.inner-2pOSmK { - background: var(--darkbg) !important; +[data-popout-root], +html { + --brand-experiment: #b14242; + --brand-experiment-100: #f5e4e4; + --brand-experiment-130: #f1dada; + --brand-experiment-160: #eed1d1; + --brand-experiment-200: #eac8c8; + --brand-experiment-230: #e7bfbf; + --brand-experiment-260: #e4b5b5; + --brand-experiment-300: #e0acac; + --brand-experiment-330: #d99999; + --brand-experiment-360: #d28787; + --brand-experiment-400: #cb7474; + --brand-experiment-430: #c46262; + --brand-experiment-460: #bd4f4f; + --brand-experiment-500: #b14242; + --brand-experiment-530: #9e3b3b; + --brand-experiment-560: #8c3434; + --brand-experiment-600: #792d2d; + --brand-experiment-630: #672626; + --brand-experiment-660: #541f1f; + --brand-experiment-700: #421818; + --brand-experiment-730: #381515; + --brand-experiment-760: #2f1212; + --brand-experiment-800: #260e0e; + --brand-experiment-830: #1c0b0b; + --brand-experiment-860: #130707; + --brand-experiment-900: #0a0404; + --brand-100: #f5e4e4; + --brand-130: #f1dada; + --brand-160: #eed1d1; + --brand-200: #eac8c8; + --brand-230: #e7bfbf; + --brand-260: #e4b5b5; + --brand-300: #e0acac; + --brand-330: #d99999; + --brand-360: #d28787; + --brand-400: #cb7474; + --brand-430: #c46262; + --brand-460: #bd4f4f; + --brand-500: #b14242; + --brand-530: #9e3b3b; + --brand-560: #8c3434; + --brand-600: #792d2d; + --brand-630: #672626; + --brand-660: #541f1f; + --brand-700: #421818; + --brand-730: #381515; + --brand-760: #2f1212; + --brand-800: #260e0e; + --brand-830: #1c0b0b; + --brand-860: #130707; + --brand-900: #0a0404; + --brand-experiment-05a: rgba(177, 66, 66, 0.05); + --brand-experiment-10a: rgba(177, 66, 66, 0.1); + --brand-experiment-15a: rgba(177, 66, 66, 0.15); + --brand-experiment-20a: rgba(177, 66, 66, 0.2); + --brand-experiment-25a: rgba(177, 66, 66, 0.25); + --brand-experiment-30a: rgba(177, 66, 66, 0.3); + --brand-experiment-35a: rgba(177, 66, 66, 0.35); + --brand-experiment-40a: rgba(177, 66, 66, 0.4); + --brand-experiment-45a: rgba(177, 66, 66, 0.45); + --brand-experiment-50a: rgba(177, 66, 66, 0.5); + --brand-experiment-55a: rgba(177, 66, 66, 0.55); + --brand-experiment-60a: rgba(177, 66, 66, 0.6); + --brand-experiment-65a: rgba(177, 66, 66, 0.65); + --brand-experiment-70a: rgba(177, 66, 66, 0.7); + --brand-experiment-75a: rgba(177, 66, 66, 0.75); + --brand-experiment-80a: rgba(177, 66, 66, 0.8); + --brand-experiment-85a: rgba(177, 66, 66, 0.85); + --brand-experiment-90a: rgba(177, 66, 66, 0.9); + --brand-experiment-95a: rgba(177, 66, 66, 0.95); + --brand-05a: rgba(177, 66, 66, 0.05); + --brand-10a: rgba(177, 66, 66, 0.1); + --brand-15a: rgba(177, 66, 66, 0.15); + --brand-20a: rgba(177, 66, 66, 0.2); + --brand-25a: rgba(177, 66, 66, 0.25); + --brand-30a: rgba(177, 66, 66, 0.3); + --brand-35a: rgba(177, 66, 66, 0.35); + --brand-40a: rgba(177, 66, 66, 0.4); + --brand-45a: rgba(177, 66, 66, 0.45); + --brand-50a: rgba(177, 66, 66, 0.5); + --brand-55a: rgba(177, 66, 66, 0.55); + --brand-60a: rgba(177, 66, 66, 0.6); + --brand-65a: rgba(177, 66, 66, 0.65); + --brand-70a: rgba(177, 66, 66, 0.7); + --brand-75a: rgba(177, 66, 66, 0.75); + --brand-80a: rgba(177, 66, 66, 0.8); + --brand-85a: rgba(177, 66, 66, 0.85); + --brand-90a: rgba(177, 66, 66, 0.9); + --brand-95a: rgba(177, 66, 66, 0.95); } -.peopleColumn-1wMU14 { - background: var(--color0) !important; +.theme-dark, +.theme-light { + --header-primary: #b4b4b4 !important; + --header-secondary: #a7a7a7 !important; + --__header-bar-background: #151515 !important; + --text-normal: #b4b4b4 !important; + --text-muted: #a7a7a7 !important; + --text-link: #b14242 !important; + --text-link-low-saturation: #b14242; + --text-positive: #d87c4a; + --text-warning: #d87c4a; + --text-danger: #b14242; + --text-brand: #b14242; + --text-tertiary: #a7a7a7 !important; + --background-primary: #121212 !important; + --background-secondary: #151515 !important; + --background-secondary-alt: #0f0f0f !important; + --background-tertiary: #191919 !important; + --background-accent: #b14242 !important; + --background-floating: #141414 !important; + --background-surface-highest: #212121 !important; + --background-surface-higher: #151515 !important; + --background-surface-high: #121212 !important; + --background-base-lowest: #121212 !important; + --background-base-lower: #121212 !important; + --background-base-low: #0f0f0f !important; + --background-nested-floating: #151515; + --background-mobile-primary: #121212; + --background-mobile-secondary: #151515; + --bg-base-secondary: #151515; + --bg-base-tertiary: #191919 !important; + --bg-surface-raised: #151515; + --bg-overlay-floating: #0f0f0f; + --home-background: #121212; + --chat-background: #121212; + --chat-border: #191919; + --chat-input-container-background: #121212; + --border-normal: #191919; + --border-subtle: #121212 !important; + --background-modifier-hover: rgba(180, 180, 180, 0.15); + --background-modifier-selected: rgba(180, 180, 180, 0.2); + --background-modifier-accent: rgba(180, 180, 180, 0.26); + --background-modifier-active: rgba(180, 180, 180, 0.17); + --background-mod-subtle: #1d1d1d !important; + --custom-channel-members-bg: #151515; + --info-positive-background: rgba(216, 124, 74, 0.15); + --info-positive-foreground: #d87c4a; + --info-positive-text: #b4b4b4; + --card-primary-bg: #1d1d1d !important; + --brand-500: #b14242; + --brand-560: #8c3434; + --info-warning-background: rgba(216, 124, 74, 0.15); + --info-warning-foreground: #d87c4a; + --info-warning-text: #b4b4b4; + --info-danger-background: rgba(177, 66, 66, 0.15); + --info-danger-foreground: #b14242; + --info-danger-text: #b4b4b4; + --info-help-background: rgba(177, 66, 66, 0.15); + --info-help-foreground: #b14242; + --info-help-text: #b4b4b4; + --status-positive-background: #d87c4a; + --status-positive-text: #121212; + --status-warning-background: #d87c4a; + --status-warning-text: #121212; + --status-danger-background: #b14242; + --status-danger-text: #121212; + --status-danger: #b14242; + --status-positive: #d87c4a; + --status-warning: #d87c4a; + --status-yellow-400: #d87c4a; + --status-green-600: #d87c4a; + --primary-dark-600: #121212; + --status-yellow-560: #d87c4a; + --status-red-500: #b14242; + --status-red-530: #b14242; + --status-yellow-500: #d87c4a; + --black-500: #191919; + --green-360: #d87c4a; + --yellow-360: #d87c4a; + --yellow-300: #d87c4a; + --red-400: #b14242; + --primary-100: #b4b4b4; + --primary-300: #b4b4b4; + --primary-400: #b4b4b4; + --primary-dark-700: #191919; + --primary-800: #191919; + --status-green-560: #d87c4a; + --white-400: #b4b4b4; + --white-500: #b4b4b4; + --guild-boosting-pink: #df6464; + --premium-perk-yellow: #d87c4a; + --premium-perk-purple: #c4693d; + --premium-perk-dark-blue: #8c3434; + --premium-perk-light-blue: #bd4f4f; + --premium-perk-blue: #b14242; + --premium-perk-green: #d87c4a; + --premium-perk-pink: #df6464; + --premium-perk-orange: #e49a44; + --status-green-400: #d87c4a; + --button-danger-background: #b14242; + --button-danger-background-hover: #9e3b3b; + --button-danger-background-active: #953838; + --button-danger-background-disabled: #b14242; + --button-positive-background: #d87c4a; + --button-positive-background-hover: #d36d35; + --button-positive-background-active: #cf662d; + --button-positive-background-disabled: #d87c4a; + --button-secondary-background: #212121; + --button-secondary-background-hover: #141414; + --button-secondary-background-active: #141414; + --button-secondary-background-disabled: #212121; + --button-outline-danger-text: #b4b4b4; + --button-outline-danger-border: #b14242; + --button-outline-danger-background: transparent; + --button-outline-danger-background-hover: #a83f3f; + --button-outline-danger-text-hover: #121212; + --button-outline-danger-border-hover: #a83f3f; + --button-outline-danger-background-active: #9e3b3b; + --button-outline-danger-text-active: #121212; + --button-outline-danger-border-active: #a83f3f; + --button-outline-positive-text: #b4b4b4; + --button-outline-positive-border: #d87c4a; + --button-outline-positive-background: transparent; + --button-outline-positive-background-hover: #d67440; + --button-outline-positive-text-hover: #121212; + --button-outline-positive-border-hover: #d67440; + --button-outline-positive-background-active: #d36d35 ; + --button-outline-positive-text-active: #121212; + --button-outline-positive-border-active: #d67440; + --button-outline-brand-text: #b4b4b4; + --button-outline-brand-border: #b14242; + --button-outline-brand-background: transparent; + --button-outline-brand-background-hover: #a83f3f; + --button-outline-brand-text-hover: #121212; + --button-outline-brand-border-hover: #a83f3f; + --button-outline-brand-background-active: #9e3b3b; + --button-outline-brand-text-active: #121212; + --button-outline-brand-border-active: #a83f3f; + --button-outline-primary-text: #b4b4b4; + --button-outline-primary-border: #323232; + --button-outline-primary-background: transparent; + --button-outline-primary-background-hover: #2c2c2c ; + --button-outline-primary-text-hover: #121212; + --button-outline-primary-border-hover: #2c2c2c; + --button-outline-primary-background-active: #252525 ; + --button-outline-primary-text-active: #121212; + --button-outline-primary-border-active: #2c2c2c; + --modal-background: #121212 !important; + --modal-footer-background: #191919; + --scrollbar-thin-thumb: #b14242; + --scrollbar-thin-track: transparent; + --scrollbar-auto-thumb: #b14242; + --scrollbar-auto-track: #191919; + --scrollbar-auto-scrollbar-color-thumb: #b14242; + --scrollbar-auto-scrollbar-color-track: #191919; + --input-background: #191919; + --input-placeholder-text: #b4b4b4; + --logo-primary: #b4b4b4; + --control-brand-foreground: #b14242; + --control-brand-foreground-new: #b14242; + --mention-foreground: #b14242; + --mention-background: rgba(177, 66, 66, 0.3); + --background-mentioned: rgba(216, 124, 74, 0.1); + --background-mentioned-hover: rgba(216, 124, 74, 0.08); + --background-message-hover: rgba(25, 25, 25, 0.25); + --background-message-automod: rgba(196, 105, 61, 0.05); + --background-message-automod-hover: rgba(196, 105, 61, 0.1); + --background-message-highlight: rgba(177, 66, 66, 0.08) !important; + --background-message-highlight-hover: rgba(177, 66, 66, 0.06); + --channels-default: #9a9a9a !important; + --channel-icon: #9a9a9a !important; + --icon-tertiary: #9a9a9a !important; + --channel-text-area-placeholder: rgba(180, 180, 180, 0.5); + --channeltextarea-background: #151515; + --activity-card-background: #191919; + --textbox-markdown-syntax: #535353; + --spoiler-revealed-background: #1d1d1d; + --spoiler-hidden-background: #323232; + --android-navigation-bar-background: #191919; + --android-ripple: rgba(25, 25, 25, 0.3); + --deprecated-card-bg: rgba(25, 25, 25, 0.6); + --deprecated-card-editable-bg: rgba(25, 25, 25, 0.3); + --bg-mod-faint: #151515; + --bg-mod-subtle: #1d1d1d; + --deprecated-store-bg: #121212; + --deprecated-quickswitcher-input-background: #252525 ; + --deprecated-quickswitcher-input-placeholder: rgba(25, 25, 25, 0.3) ; + --deprecated-text-input-bg: #191919; + --deprecated-text-input-border: rgba(25, 25, 25, 0.3); + --deprecated-text-input-border-hover: #0c0c0c; + --deprecated-text-input-border-disabled: #151515; + --deprecated-text-input-prefix: #a7a7a7; + --focus-primary: #b14242; + --interactive-normal: #b4b4b4 !important; + --interactive-muted: rgba(180, 180, 180, 0.3); + --interactive-hover: #b4b4b4; + --interactive-active: #b4b4b4; + --search-popout-option-non-text-color: #a7a7a7; + --__spoiler-background-color--hidden: #323232; + --__spoiler-warning-background-color: #3f3f3f; } -element { - font-size: 100%; +::selection { + background-color: rgba(177, 66, 66, 0.6); } -/* end element */ -:root { - /* Yeah, I know lightbg is actually darker than darkbg but whatever - * change & pull it if you wish */ - /* --lightbg: linear-gradient(rgba(255, 255, 255, 0.06), */ - /* rgba(255, 255, 255, 0.06)), */ - /* var(--background); */ - /* --lightbg: #191919; */ - /* --darkbg: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), */ - /* var(--background); */ - --darkbg: var(var(--background)) !important; - --bdfdb-blurple: var(--color1) !important; +[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='%23191919'%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; } -html.newBrand { - --brand-experiment-100: var(--text); - --brand-experiment-130: var(--text); - --brand-experiment-160: var(--text); - --brand-experiment-200: var(--text); - --brand-experiment-230: var(--text); - --brand-experiment-260: var(--text); - --brand-experiment: var(--color1); - --brand-experiment-300: var(--color1); - --brand-experiment-330: var(--color1); - --brand-experiment-360: var(--color1); - --brand-experiment-400: var(--color1); - --brand-experiment-430: var(--color1); - --brand-experiment-460: var(--color1); - --brand-experiment: var(--color1); - --brand-experiment-500: var(--color1); - --brand-experiment-530: var(--color1); - --brand-experiment-560: var(--color1); - --brand-experiment-600: var(--color1); - --brand-experiment-630: var(--color1); - --brand-experiment-660: #2b2b2b; - --brand-experiment-700: #2b2b2b; - --brand-experiment-730: #2b2b2b; - --brand-experiment-760: #2b2b2b; - --brand-experiment-800: var(--background); - --brand-experiment-830: var(--background); - --brand-experiment-860: var(--background); - --brand-experiment-900: var(--background); +[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='%23d87c4a'/%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="%23191919" 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='%23b14242'/%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='%23b14242'/%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='%23d87c4a' fill-rule='evenodd' transform='translate(-545 -509)'/%3E%3C/svg%3E") !important; +} + +.theme-dark svg[class*=noItemsIcon_], +.theme-light svg[class*=noItemsIcon_] { + background-color: #212121; +} + +.theme-dark svg[class*=tier1ProfilePerk_], +.theme-light svg[class*=tier1ProfilePerk_] { + color: #b14242 !important; +} + +.theme-dark svg[class*=tier1BoostPerk_], +.theme-light svg[class*=tier1BoostPerk_] { + color: #df6464 !important; +} + +.theme-dark svg[class*=tier1CustomEmojiPerk_], +.theme-light svg[class*=tier1CustomEmojiPerk_] { + color: #d87c4a !important; +} + +.theme-dark svg[class*=tier1UploadPerk_], +.theme-light svg[class*=tier1UploadPerk_] { + color: #b14242 !important; +} + +.theme-dark svg[class*=tier1StreamPerk_], +.theme-light svg[class*=tier1StreamPerk_] { + color: #d87c4a !important; +} + +.theme-dark svg[class*=guildBoostingIcon_], +.theme-light svg[class*=guildBoostingIcon_] { + color: #df6464 !important; +} + +.theme-dark svg[class*=guildSubscriptionSlotIcon_], +.theme-light svg[class*=guildSubscriptionSlotIcon_] { + color: #df6464 !important; +} + +.theme-dark svg[class*=guildSubscriberCountIcon_], +.theme-light svg[class*=guildSubscriberCountIcon_] { + color: #df6464 !important; +} + +.theme-dark svg[class*=gemWithLabel_], +.theme-light svg[class*=gemWithLabel_] { + color: #df6464 !important; +} + +.theme-dark svg[class*=gemWithoutLabel_], +.theme-light svg[class*=gemWithoutLabel_] { + color: #737373 !important; +} + +.theme-dark svg[class*=memberBadgeIcon_], +.theme-light svg[class*=memberBadgeIcon_] { + color: #df6464 !important; +} + +.theme-dark svg[class*=audioQualityIcon_], +.theme-light svg[class*=audioQualityIcon_] { + color: #b14242 !important; +} + +.theme-dark svg[class*=uploadSizeIcon_], +.theme-light svg[class*=uploadSizeIcon_] { + color: #df6464 !important; +} + +.theme-dark svg[class*=threadIcon_], +.theme-light svg[class*=threadIcon_] { + color: #b14242 !important; +} + +.theme-dark svg[class*=premiumIcon_], +.theme-light svg[class*=premiumIcon_] { + color: #df6464 !important; +} + +.theme-dark svg[class*=gameIcon_], +.theme-light svg[class*=gameIcon_] { + color: #b4b4b4 !important; +} + +.theme-dark svg[class*=tierMarkerLabelPlusIcon_], +.theme-light svg[class*=tierMarkerLabelPlusIcon_] { + color: #df6464 !important; +} + +.theme-dark svg[class*=currentTierIcon_], +.theme-light svg[class*=currentTierIcon_] { + color: #df6464 !important; +} + +.theme-dark svg[class*=tier3Icon_], +.theme-light svg[class*=tier3Icon_] { + color: #df6464 !important; +} + +.theme-dark svg[class*=searchIcon_], +.theme-light svg[class*=searchIcon_] { + color: #a7a7a7 !important; +} + +.theme-dark svg[class*=upsellIcon_], +.theme-light svg[class*=upsellIcon_] { + color: #df6464 !important; +} + +[class*=lookFilled_][class*=colorBrand_], [class*=lookFilled_][class*=colorBrandNew_], [class*=lookFilled_][class*=colorBrandInverted_], [class*=lookFilled_][class*=colorLink_], [class*=lookFilled_][class*=colorYellow_], [class*=lookFilled_][class*=colorRed_], [class*=lookFilled_][class*=colorGreen_] { + color: #191919; +} +[class*=lookFilled_][class*=colorBrand_] svg[class^=premiumIcon], [class*=lookFilled_][class*=colorBrandNew_] svg[class^=premiumIcon], [class*=lookFilled_][class*=colorBrandInverted_] 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: #b72626 !important; +} +[class*=lookFilled_][class*=colorBrand_] [class*=spinnerItem_], [class*=lookFilled_][class*=colorBrandNew_] [class*=spinnerItem_], [class*=lookFilled_][class*=colorBrandInverted_] [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: #191919; +} +[class*=lookFilled_][class*=colorBrand_] [class*=defaultColor_], [class*=lookFilled_][class*=colorBrandNew_] [class*=defaultColor_], [class*=lookFilled_][class*=colorBrandInverted_] [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: #191919; +} +[class*=lookFilled_][class*=colorPrimary_] { + color: #b4b4b4; +} + +button[class*=lookFilled_][class*=colorRed_]:active { + background-color: #b14242; +} + +[class*=lookOutlined_][class*=colorPrimary_] { + border-color: #212121; +} +[class*=lookOutlined_][class*=colorPrimary_]:hover { + background-color: #1d1d1d; + color: #b4b4b4; + border-color: #212121; +} + +div[class^=actionButtons] [class^=button][class*=buttonColor_], +div[class^=actionButtons] [class^=button] [class*=buttonColor_] { + background-color: #212121; +} +div[class^=actionButtons] [class^=button][class*=buttonColor_][class*=buttonActive_], +div[class^=actionButtons] [class^=button] [class*=buttonColor_][class*=buttonActive_] { + background-color: #d87c4a; + color: #191919; +} +div[class^=actionButtons] [class^=button][class*=buttonColor_][class*=buttonActive_] [class*=buttonContents_], +div[class^=actionButtons] [class^=button] [class*=buttonColor_][class*=buttonActive_] [class*=buttonContents_] { + color: #191919; +} +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: #191919; +} + +[class*=lookInverted_][class*=colorBrand_] { + color: var(--brand-experiment-600); +} +[class*=lookInverted_][class*=colorBrand_] svg[class^=premiumIcon] { + color: #cc2a2a !important; +} + +.theme-dark [class*=lookLink_][class*=colorPrimary_], +.theme-light [class*=lookLink_][class*=colorPrimary_] { + color: #b4b4b4; +} +.theme-dark [class*=lookFilled_][class*=colorTransparent_], +.theme-light [class*=lookFilled_][class*=colorTransparent_] { + color: #b4b4b4; + background-color: #1d1d1d; +} + +div[class*=button_][class*=dangerous_]:hover { + color: #8c3434; +} + +div[role=radio][class*=selected] { + color: #191919; +} +div[role=radio][class*=selected][class*=allow] { + background-color: #d87c4a; +} + +[class*=container_][style*="background_color: var(__green_360)"] { + --green-360: #d87c4a; + background-color: #d87c4a !important; +} + +[class*=container_][style*="background_color: var(__primary_400)"], +[class*=container_][style*="background_color: rgb(130, 133, 143)"] { + background-color: #191919 !important; +} + +.vc-spotify-button-row .vc-spotify-button.vc-spotify-shuffle-on, .vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-context, .vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-track { + color: var(--interactive-normal); +} +.vc-spotify-button-row .vc-spotify-button.vc-spotify-repeat-off, .vc-spotify-button-row .vc-spotify-button.vc-spotify-shuffle-off { + color: var(--text-muted); +} + +[class*=topGuildEmojiBadge_] { + background: linear-gradient(268.26deg, #e49a44, #b14242 102.45%); +} +[class*=topGuildEmojiBadge_] * { + color: #191919 !important; +} + +[class*=newlyAddedBadge_] { + background: linear-gradient(268.26deg, #b14242, #d87c4a 102.45%); +} +[class*=newlyAddedBadge_] * { + color: #191919 !important; +} + +[class*=lookFilled_] [class*=premiumSubscribeButton_] > [class*=premiumIcon_] { + color: #191919 !important; +} + +div[class^=layerContainer] button[class^=backButton][class*=lookBlank] { + color: #b4b4b4; +} + +.vcd-screen-picker-radio[data-checked=true] > [class^=defaultColor_] { + color: #191919; +} + +div[class^=sidebarRegion] div[class^=serverBoostTabItem] svg[class^=icon] { + fill: #df6464 !important; +} +div[class^=sidebarRegion] div[class^=serverBoostTabItem][class*=selected_] { + background-color: #b14242 !important; + color: #191919 !important; +} +div[class^=sidebarRegion] div[class^=serverBoostTabItem][class*=selected_] svg[class^=icon] { + fill: #191919 !important; +} +div[class^=sidebarRegion] div[class^=premiumTab] > div > svg > path { + fill: #df6464; +} +div[class^=sidebarRegion] div[class^=premiumTab] > div[class*=selected] { + color: #191919; +} +div[class^=sidebarRegion] div[class^=premiumTab] > div[class*=selected] svg > path { + fill: #191919; +} +div[class^=sidebarRegion] div[class*=tabBarItemContainer_] [class*=textBadge_] { + color: #191919; +} +div[class^=sidebarRegion] div[class*=tabBarItemContainer_] [class*=textBadge_][style*="background-color: var(--brand-500);"] { + background-color: #b14242 !important; +} + +[class^=gradientBackground_] > [class^=gradient_] { + background: linear-gradient(270deg, #b14242, #121212 102.45%); +} + +div[class^=contentRegion] div[class*=noticeRegion_] div[style="background_color: rgb(24, 25, 28);"] { + background-color: #191919 !important; +} +div[class^=contentRegion] div[class^=streamerModeEnabledBtn] { + background-color: #c4693d; + color: #191919; +} +div[class^=contentRegion] [class^=bar] :not(div[class^=barFill]), +div[class^=contentRegion] [class^=markDash] { + background: #212121; +} +div[class^=contentRegion] [id="privacy-&-safety-tab"] div[class^=radioBar][style*="hsl(139,"] { + border-color: #d87c4a; +} +div[class^=contentRegion] [id="privacy-&-safety-tab"] div[class^=radioBar][style*="hsl(37,"] { + border-color: #d87c4a; +} +div[class^=contentRegion] [id="privacy-&-safety-tab"] div[class^=radioBar][style*="hsl(359,"] { + border-color: #b14242; +} +div[class^=contentRegion] [id="privacy-&-safety-tab"] div[class*=betaTagIcon] { + background-color: #b14242 !important; + color: #191919; +} +div[class^=contentRegion] #accessibility-tab button[class*=colorBrandNew] { + background-color: #b14242; +} +div[class^=contentRegion] #nitro-server-boost-tab circle[class^=circleProgress] { + color: #df6464; +} +div[class^=contentRegion] #nitro-server-boost-tab div[class*=gemIndicatorContainer_] { + background-color: #121212; +} +div[class^=contentRegion] #nitro-server-boost-tab div[class*=gemIndicatorContainer_] div[class^=tierLabel] { + color: #b4b4b4; +} +div[class^=contentRegion] #nitro-server-boost-tab button[class*=lookInverted_] { + color: #191919; + background-color: #b4b4b4; +} +div[class^=contentRegion] #nitro-server-boost-tab button[class*=lookInverted_]:hover { + background-color: #b5b5b5; +} +div[class^=contentRegion] #nitro-server-boost-tab div[class*=card_], +div[class^=contentRegion] #nitro-server-boost-tab h3[class*=price_] { + color: #b4b4b4 !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: #121212; +} +div[class^=contentRegion] #discord-nitro-tab button[class*=buttonWhite] { + color: #b4b4b4 !important; + border-color: #b4b4b4 !important; +} +div[class^=contentRegion] #discord-nitro-tab h2 { + color: #b4b4b4 !important; +} +div[class^=contentRegion] #discord-nitro-tab svg[class*=sparkleStar_] { + color: #b4b4b4; +} +div[class^=contentRegion] #discord-nitro-tab div[class*=description_] { + color: #b4b4b4 !important; +} +div[class^=contentRegion] #discord-nitro-tab div[class*=card_] { + color: #b4b4b4; +} +div[class^=contentRegion] #discord-nitro-tab div[class*=card_] div[class^=item] div { + color: #b4b4b4 !important; +} +div[class^=contentRegion] #discord-nitro-tab button[class*=lookInverted_] { + color: #191919; + background-color: #b4b4b4; +} +div[class^=contentRegion] #discord-nitro-tab button[class*=lookInverted_]:hover { + background-color: #b5b5b5; +} +div[class^=contentRegion] #billing-tab div[class*=subtext] { + color: #b4b4b4; +} +div[class^=contentRegion] #billing-tab [class*=Divider] { + border-color: var(--background-modifier-accent); +} +div[class^=contentRegion] #billing-tab div[class^=defaultIndicator] { + color: #b4b4b4; + background-color: #212121; +} +div[class^=contentRegion] #billing-tab div[class*=summaryInfo], +div[class^=contentRegion] #billing-tab [class^=paymentHeader] { + color: #b4b4b4; + border-color: var(--background-modifier-accent); +} +div[class^=contentRegion] #billing-tab div[class^=premiumIndicator] { + color: #191919; +} +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: #1d1d1d; + color: #b4b4b4; +} +div[class^=contentRegion] #billing-tab div[class^=expandedInfo] { + background-color: #212121; +} +div[class^=contentRegion] #billing-tab [class*=paymentText_] { + color: #b4b4b4; +} +div[class^=contentRegion] #billing-tab div[class^=codeRedemptionRedirect] { + background-color: #151515; + color: #b4b4b4; + border-color: #1d1d1d; +} +div[class^=contentRegion] [id="voice-&-video-tab"] div[class^=backgroundOptionRing] { + border-color: #b14242; +} +div[class^=contentRegion] [id="voice-&-video-tab"] div[class^=micTest] svg[class^=notches] { + color: #121212; +} +div[class^=contentRegion] #notifications-tab button[class*=marketingUnsubscribeButton_] { + color: #b4b4b4; +} +div[class^=contentRegion] #game-activity-tab div[class*=nowPlayingAdd_], +div[class^=contentRegion] #game-activity-tab div[class*=lastPlayed_], +div[class^=contentRegion] #game-activity-tab div[class*=overlayStatusText_] { + color: var(--text-muted); +} +div[class^=contentRegion] #game-activity-tab div[class*=activeGame_][class*=nowPlaying] * { + color: #191919; +} +div[class^=contentRegion] #game-activity-tab div[class*=activeGame_][class*=nowPlaying] * svg > path { + fill: #191919 !important; +} +div[class^=contentRegion] #game-activity-tab input[class^=gameName] { + color: #b4b4b4; +} +div[class^=contentRegion] #game-activity-tab input[class*=gameNameInput_]:hover, div[class^=contentRegion] #game-activity-tab input[class*=gameNameInput_]:focus { + background-color: #151515; + border-color: rgba(21, 21, 21, 0.3); + color: #b4b4b4; +} +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: #1d1d1d; +} +div[class^=contentRegion] #emoji-tab div[class*=emojiRemove_] { + background-color: #1d1d1d; +} +div[class^=contentRegion] section[class^=inputSensitivityToggle] div[class^=inputSensitivityBar] { + background: #212121; +} +div[class^=contentRegion] section[class^=inputSensitivityToggle] div[class^=inputSensitivityBar][class*=speaking_] { + background: #d87c4a !important; +} +div[class^=contentRegion] div[class*=reactionMe_] { + background-color: #1d1d1d !important; +} +div[class^=contentRegion] div[class^=switch] > div[style*="background-color: hsl(218, calc(var(--saturation-factor, 1) * 4.6%), 46.9%)"], +div[class^=contentRegion] div[class^=switch] > div[style*="background-color: "], +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: "] { + background-color: #323232 !important; +} +div[class^=contentRegion] div[class^=switch] > div[class*=checked_], +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: #d87c4a !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: #df6464; +} +div[class^=contentRegion] #guild_premium-tab [class*=tierInProgress_] { + background-color: #191919; +} +div[class^=contentRegion] #guild_premium-tab div[class^=progressWithSubscriptions] > svg > g > rect:first-child { + color: #191919; +} +div[class^=contentRegion] #guild_premium-tab div[class^=progressWithSubscriptions] > svg > g > rect:nth-child(2) { + color: #df6464; +} +div[class^=contentRegion] #guild_premium-tab div[class^=tierHeaderUnlocked], +div[class^=contentRegion] #guild_premium-tab div[class^=tierHeaderLocked] { + background-color: #191919; + color: #a7a7a7; +} +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, #b14242, #c4693d); + color: #191919; + 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: #df6464; +} +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: #737373; +} +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: #323232; +} +div[class^=contentRegion] #guild_premium-tab div[class^=tierBody] { + color: #b4b4b4; + background-color: #151515; +} +div[class^=contentRegion] svg[class^=activeCircle] { + color: #191919; + background-color: #d87c4a; +} +div[class^=contentRegion] #discovery-tab div[class*=checklistIcon] svg[viewBox="0 0 14 14"] path { + fill: #b14242; +} +div[class^=contentRegion] #discovery-tab div[class*=checklistIcon] svg[viewBox="0 0 20 20"] path { + fill: #d87c4a; +} +div[class^=contentRegion] #guild_templates-tab svg[class*=descriptionIcon][viewBox="0 0 24 24"] path { + fill: #d87c4a; +} +div[class^=contentRegion] #guild_templates-tab svg[class*=descriptionIcon][viewBox="0 0 14 14"] path { + fill: #b14242; +} +div[class^=contentRegion] #guild_templates-tab svg[class*=descriptionIcon] circle { + fill: #191919; +} +div[class^=contentRegion] #stickers-tab div[class*=tierHeaderContent] { + background-color: #191919; +} +div[class^=contentRegion] #stickers-tab div[class*=tierBody] { + background-color: #151515; +} +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='%23212121'/%3E%3Cpath d='M17.5 0V2.5H20V4.16667H17.5V6.66667H15.8334V4.16667H13.3334V2.5H15.8334V0H17.5Z' fill='%23212121'/%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='%23b4b4b4'%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"; +} +#activity-tab div[class^=featureCards] svg[class^=icon], +#family-center-tab div[class^=featureCards] svg[class^=icon] { + color: #191919; +} + +div[class^=contentRegion] #profile-customization-tab div[class*=premiumFeatureBannerBackground] button { + color: #191919; +} +div[class^=contentRegion] #profile-customization-tab div[class^=imageUploaderIcon_] { + background-color: #b4b4b4; +} +div[class^=contentRegion] #appearance-tab div[class^=selectionCircle] { + box-shadow: inset 0 0 0 2px #b14242, inset 0 0 0 4px var(--background-primary); +} +div[class^=contentRegion] #appearance-tab div[class^=selectionCircle] svg[class^=checkmarkCircle] > circle { + fill: #191919 !important; +} +div[class^=contentRegion] #appearance-tab div[class^=selectionCircle] svg[class^=checkmarkCircle] > g > path { + fill: #b14242 !important; +} +.theme-light div[class^=contentRegion] #appearance-tab div[class^=themeSelection][class*=lightIcon] { + background: #1d1d1d; +} + +div[class^=contentRegion] #overview-tab div[class^=addTags] svg path { + fill: #191919 !important; +} +div[class^=contentRegion] #onboarding-tab div[class*=heroQuotes] { + color: #b4b4b4; +} +div[class^=contentRegion] #onboarding-tab svg[class^=checkCircleCompleted] circle { + fill: #191919 !important; +} +div[class^=contentRegion] #onboarding-tab svg[class^=checkbox], +div[class^=contentRegion] #onboarding-tab svg[class^=checkmark] { + color: #191919; +} +div[class^=contentRegion] #onboarding-tab div[class^=requiredItem] svg circle { + fill: #191919; +} +div[class^=contentRegion] #onboarding-tab div[class^=addPrompt], +div[class^=contentRegion] #onboarding-tab div[class^=addActionItem] { + border: 2px dashed #212121; +} +div[class^=contentRegion] #onboarding-tab div[class^=badExample] div[class^=example] { + border: 2px solid #212121; +} +div[class^=contentRegion] #onboarding-tab div[class^=homeBannerExplainer] div[class*=upsellButtonInner] div[class^=text-sm-medium] { + color: #191919 !important; +} +div[class^=contentRegion] #developer-options-tab kbd { + color: #191919; +} + +.bd-settings-title { + color: #b4b4b4; +} + +.bd-switch-body { + --switch-color: #323232; +} +.bd-switch input:checked + .bd-switch-body { + --switch-color: #d87c4a; +} +.bd-switch input:checked + .bd-switch-body svg.bd-switch-symbol path { + fill: #47230f; +} + +.bd-button { + background-color: #b14242; + color: #191919; +} +.bd-button.bd-button-danger { + background-color: #b14242; +} + +.bd-controls > .bd-addon-button svg { + fill: #191919; +} + +.bd-addon-views .bd-view-button.selected { + background-color: #b14242; +} +.bd-addon-views .bd-view-button.selected svg { + fill: #191919; +} + +div[class^=perksModal] { + background-color: #121212; +} +div[class^=perksModal] li[class^=perk] { + background-color: #151515; +} +div[class^=perksModal] li[class^=perk] svg { + color: #df6464; +} +div[class^=perksModal] svg[class^=giftIcon] { + color: #191919; +} +div[class^=perksModal] div[class^=tierHeaderUnlocked] { + background-image: linear-gradient(90deg, #b14242, #c4693d); + color: #121212; +} +div[class^=perksModal] div[class^=tierUnlocked], +div[class^=perksModal] div[class^=tierMarkerBackground] { + background-color: #121212; +} +div[class^=perksModal] div[class^=barBackground], +div[class^=perksModal] div[class^=tierMarkerInProgress], +div[class^=perksModal] div[class^=tierBody] { + background-color: #191919 !important; +} +div[class^=perksModal] div[class^=tierMarkerAccomplished] { + background: #df6464 !important; +} +div[class^=perksModal] div[class^=tierMarkerInProgress] [class^=currentTierIcon] { + color: #df6464; +} +div[class^=perksModal] div[class^=barForeground], +div[class^=perksModal] div[class^=tierMarkerAccomplished] { + background-color: #df6464; +} +div[class^=perksModal] svg[class^=currentTierIcon] { + color: #121212; +} +div[class^=perksModal] div[class*=tierMarkerLabelText], +div[class^=perksModal] svg[class^=tierLock] { + color: var(--text-muted); +} +div[class^=perksModal] div[class*=selectedTier] div[class*=tierMarkerLabelText] { + color: var(--text-normal); +} +div[class^=perksModal] div[class^=tierHeaderLocked] { + background-color: #0c0c0c; + color: var(--text-muted); +} +div[class^=perksModal] svg[class*=unlocked] { + color: #d87c4a; +} + +div[class^=sidebar] div[class^=container] div[class^=progressBar_] { + background: linear-gradient(90deg, #b14242, #c4693d); +} +div[class^=sidebar] div[class^=container]:hover div[class^=progressBar_] { + background: linear-gradient(90deg, #b14242, #c4693d 34%, #b14242 67%, #c4693d); + background-size: 300% 100%; +} +div[class^=sidebar] div[class^=container] div[class^=divider] { + border-color: var(--background-modifier-accent); +} + +div[class^=pageWrapper] { + background: #121212 !important; +} +div[class^=pageWrapper] div[class*=searchBox_] { + background-color: #151515; +} +div[class^=pageWrapper] div[class*=searchBox_] input[class*=searchBoxInput_] { + color: var(--text-normal); +} +div[class^=pageWrapper] div[class*=searchBox_] svg[class*=clearIcon] path { + fill: #535353; +} +div[class^=pageWrapper] div[class*=categoryPill_][class*=selected_] div { + color: #191919 !important; +} + +div[class^=homeContainer] { + background: #121212 !important; +} +div[class^=homeContainer] > div[class^=homeContent] div[class*=row_] { + background: #1d1d1d; +} +div[class^=homeContainer] > div[class^=homeContent] div[class*=sidebarCardWrapper_] { + background: #1d1d1d; +} + +div[class^=categoryItem][class*=selectedCategoryItem], +button[class*=lookFilled] div[class*=addButton] { + color: #191919 !important; +} + +div[class^=itemInner] div[class^=new] > div[class*=newText_] { + color: #191919 !important; +} + +div[class*=directoryModal_] { + background-color: #121212 !important; +} +div[class*=directoryModal_] [class*=searchBox] { + background-color: #151515 !important; +} +div[class*=directoryModal_] [class*=searchBox] [name=search]::placeholder { + color: #a7a7a7; +} +div[class*=directoryModal_] [role=button][class*=activeButton] { + color: #191919; +} + +section[class^=guildListSection] div[class^=guildList]:first-child div[class^=iconContainer] { + background-color: #d87c4a; +} +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='%23191919'%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: #b14242; +} + +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: #191919; +} + +div[class^=tierPreviews] button[class^=button] { + background: linear-gradient(90deg, #b14242, #b14242); +} + +div[class^=notice] div[class*=noticeText_] { + color: #191919; +} +div[class^=notice] div[class*=header_] { + color: #191919; +} +div[class^=notice] div[class^=closeButton] > svg > path { + fill: #191919; +} +div[class^=notice] button[class^=button] { + border-color: #191919; + color: #191919; +} +div[class^=notice] button[class^=button]:hover { + background: #8c3434; +} +div[class^=notice][class*=colorStreamerMode_] { + background-color: #c4693d; + color: #191919; +} +div[class^=notice][class*=colorStreamerMode_] button[class^=button]:hover { + background: #9e5430; + color: #151515; +} + +div[class^=standardSidebarView] div[class^=noticeRegion] div[class^=actions] button { + background-color: #b14242; + color: #191919 !important; + border-color: #191919; +} +div[class^=standardSidebarView] div[class^=noticeRegion] div[class^=actions] button span[class^=button], +div[class^=standardSidebarView] div[class^=noticeRegion] div[class^=actions] button div { + --button--underline-color: #191919 !important; +} +div[class^=standardSidebarView] div[class^=noticeRegion] div[class^=actions] button span[class^=button] span, +div[class^=standardSidebarView] div[class^=noticeRegion] div[class^=actions] button div span { + color: #191919 !important; +} +div[class^=standardSidebarView] div[class^=noticeRegion] div[class^=actions] button:hover { + background-color: #8c3434; +} + +div[class^=premiumFeatureBorder] { + background: linear-gradient(#191919, #191919) padding-box, linear-gradient(45deg, #c4693d, #df6464) border-box; +} +div[class^=premiumFeatureBorder] div[class^=premiumBackground] { + background: linear-gradient(45deg, rgba(196, 105, 61, 0.1), rgba(223, 100, 100, 0.1) 100%) border-box; +} + +div[class*=applicationStore] div[class*=premiumContainer] div[class^=premiumCards] svg g { + fill: #b4b4b4; +} +div[class*=applicationStore] div[class*=premiumContainer] div[class^=premiumCards] div[class*=item] div[class^=text] { + color: #b4b4b4 !important; +} +div[class*=applicationStore] div[class*=premiumContainer] div[class^=premiumCards] h2, div[class*=applicationStore] div[class*=premiumContainer] div[class^=premiumCards] h2 span { + color: #b4b4b4 !important; +} +div[class*=applicationStore] div[class*=premiumContainer] div[class^=premiumCards] span[class^=buttonText] { + color: #191919; +} +div[class*=applicationStore] div[class*=premiumContainer] div[class^=fullscreenTextContainer] div[class*=premiumSubscribeButton] span[class^=buttonText], +div[class*=applicationStore] div[class*=premiumContainer] div[class^=innerWrapper] div[class*=premiumSubscribeButton] span[class^=buttonText] { + color: #191919; +} + +div[class^=shop] div[class^=heroBanner] div[class^=heroDescription] h2[class*=bannerTitle], +div[class^=shop] div[class^=heroBanner] div[class^=heroDescription] div[class^=text] { + color: #b4b4b4 !important; +} +div[class^=shop] div[class^=heroBanner] div[class^=heroDescription] div[class*=premiumSubscribeButton] span[class^=buttonText] { + color: #191919; +} +div[class^=shop] div[class^=shopCard] div[class^=innerHover] button[class^=previewButton] svg path { + fill: #191919; +} +div[class^=shop] div[class^=bannerCard] div[class^=badge] svg path { + fill: #191919; +} + +div[class^=layerContainer] div[class^=collectibleInfoContainer] button[class^=shinyButton] svg { + fill: #df6464; +} +div[class^=layerContainer] div[class^=collectibleInfoContainer] button[class^=shinyButton] span { + color: #191919 !important; +} + +div[class^=auditLog] div[class^=headerClickable] { + background-color: rgba(25, 25, 25, 0.3) !important; +} + +nav[class*=guilds_] ul { + background-color: #191919; +} +nav[class*=guilds_] foreignObject > div[data-list-item-id*=guildsnav_]:hover, nav[class*=guilds_] foreignObject > div[data-list-item-id*=guildsnav_][class*=selected] { + color: #191919; + font-weight: 600; +} +nav[class*=guilds_] div[data-list-item-id=guildsnav___home] { + --background-primary: #1a1a1a; +} +nav[class*=guilds_] span[class^=expandedFolderBackground] { + background-color: #1a1a1a; +} +nav[class*=guilds_] div[class^=folder][class*=hover_] { + background-color: #262626; +} +nav[class*=guilds_] div[data-list-item-id=guildsnav___create-join-button]:hover, nav[class*=guilds_] div[data-list-item-id=guildsnav___create-join-button][class*=selected], +nav[class*=guilds_] div[data-list-item-id=guildsnav___guild-discover-button]:hover, +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: #191919 !important; + font-weight: 600; +} + +div[class^=upperBadge] > div[class^=iconBadge] path { + color: #191919; +} +div[class^=upperBadge] div[class*=participating_] { + background: #d87c4a; +} + +div[class^=lowerBadge] div[class^=iconBadge] path { + color: #191919; +} + +svg[class^=spine] { + color: #323232; +} + +div[class^=spineBorder] { + background: #323232; +} + +ul[aria-label$=" threads"] > li:nth-child(1n) { + --channels-default: rgba(177, 66, 66, 0.7); + --interactive-hover: #b14242; + --interactive-active: #b14242; +} + +ul[aria-label$=" threads"] > li:nth-child(2n) { + --channels-default: rgba(228, 154, 68, 0.7); + --interactive-hover: #e49a44; + --interactive-active: #e49a44; +} + +ul[aria-label$=" threads"] > li:nth-child(3n) { + --channels-default: rgba(216, 124, 74, 0.7); + --interactive-hover: #d87c4a; + --interactive-active: #d87c4a; +} + +ul[aria-label$=" threads"] > li:nth-child(4n) { + --channels-default: rgba(216, 124, 74, 0.7); + --interactive-hover: #d87c4a; + --interactive-active: #d87c4a; +} + +ul[aria-label$=" threads"] > li:nth-child(5n) { + --channels-default: rgba(177, 66, 66, 0.7); + --interactive-hover: #b14242; + --interactive-active: #b14242; +} + +ul[aria-label$=" threads"] > li:nth-child(6n) { + --channels-default: rgba(196, 105, 61, 0.7); + --interactive-hover: #c4693d; + --interactive-active: #c4693d; +} + +[class*=botText_] { + color: #191919; + font-weight: 600; +} + +svg[class*=botTagVerified_] > path { + fill: #191919 !important; +} + +div[class*=activePostCount_] { + background-color: #1d1d1d; + color: #b4b4b4 !important; +} + +div[class*=newPostCount_] { + background-color: #b4b4b4; + color: #191919; +} + +div[class*=liveSmall_] { + background-color: #b14242 !important; + color: #191919; +} + +div[class^=bar] svg[class^=voiceChannelsIcon] path { + fill: #d87c4a !important; +} + +main[class^=chatContent] .expression-picker-chat-input-button button { + background-color: transparent !important; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class^=buttons] * { + color: var(--interactive-normal) !important; + border-color: #191919; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class^=newMessagesBar] button { + color: #191919; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] [id^=message-reactions] div[class^=reaction]:not(div[class^=reactionCount]):hover { + background-color: var(--brand-experiment-20a); + border-color: var(--brand-experiment-30a); +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] [id^=message-reactions] div[class^=reaction] div[class^=reactionInner] { + border-radius: 0.4rem; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class*=isBurstReactionPicker_] { + box-shadow: 0 0 0 2px #c4693d, 0 0 16px #b14242; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class^=navButtonSuperReactActive], +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class^=navButtonSuperReactActive]:hover { + background: linear-gradient(270deg, #df6464, #b14242 33.63%, #c4693d); + color: #191919; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class*=betaTag_] { + background: var(--brand-experiment) !important; + color: #191919; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] button[class*=navButtonActive_], +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] button[class*=navButtonActive_]:hover { + color: #191919; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class*=colorPremiumGradient_][class*=focused_] { + background: linear-gradient(270deg, #df6464, #b14242 33.63%, #c4693d); + color: #191919 !important; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class*=isBurstReactionPicker] { + border: none; + box-shadow: 0 0 0 2px #c4693d, 0 0 16px #b14242; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class*=playButtonContainer_] { + background: var(--brand-experiment) !important; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] svg[class*=playIcon_] path { + fill: #191919; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class^=container][class*=header_] div[class*=addReactButton_], +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class^=container][class*=header_] div[class^=buttons]:not([class*=lookBlank_]) div[class^=contents] { + background: #1d1d1d; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class^=container][class*=header_] div[class*=addReactButton_]:hover, +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class^=container][class*=header_] div[class^=buttons]:not([class*=lookBlank_]) div[class^=contents]:hover { + background-color: var(--brand-experiment-20a); + border-color: var(--brand-experiment-30a); +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class^=messagesErrorBar] div[class*=barButtonBase_] { + color: #191919; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] [class*=inlineCode_] { + background: #1d1d1d; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] code.inline { + background: #1d1d1d; +} +main[class^=chatContent] div[class^=messagesWrapper] [data-list-id=chat-messages] div[class^=container] div[class^=cardWrapper] div[class*=completed_] svg[class^=checkmark] { + background-color: #d87c4a; + color: #191919; +} +main[class^=chatContent] form { + background-color: #121212; +} +main[class^=chatContent] form div[class^=channelBottomBarArea] div[class^=channelTextArea] { + background-color: #191919; +} +main[class^=chatContent] form div[class^=channelBottomBarArea] div[class^=channelTextArea] div[class^=floatingBars] { + background-color: #191919; +} +main[class^=chatContent] form div[class^=channelBottomBarArea] div[class^=channelTextArea] div[class^=stackedBars] { + background-color: #191919; +} + +div[class*=wrapperAudio_] div[class*=audioControls], +div[class*=wrapperAudio_] div[class*=videoControls_], +div[class*=imageWrapper_] div[class*=audioControls], +div[class*=imageWrapper_] div[class*=videoControls_] { + background-color: rgba(25, 25, 25, 0.8); +} +div[class*=wrapperAudio_] div[class*=audioControls] svg[class*=controlIcon_], +div[class*=wrapperAudio_] div[class*=videoControls_] svg[class*=controlIcon_], +div[class*=imageWrapper_] div[class*=audioControls] svg[class*=controlIcon_], +div[class*=imageWrapper_] div[class*=videoControls_] svg[class*=controlIcon_] { + opacity: 1; + color: #b4b4b4; +} +div[class*=wrapperAudio_] div[class*=audioControls] div[class*=mediaBarInteractionVolume], +div[class*=wrapperAudio_] div[class*=videoControls_] div[class*=mediaBarInteractionVolume], +div[class*=imageWrapper_] div[class*=audioControls] div[class*=mediaBarInteractionVolume], +div[class*=imageWrapper_] div[class*=videoControls_] div[class*=mediaBarInteractionVolume] { + background-color: rgba(25, 25, 25, 0.8); +} + +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='%23d87c4a'/%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: #df6464; +} + +.theme-dark span[class^=spoilerContent], +.theme-dark div[class^=spoilerContent], +.theme-light span[class^=spoilerContent], +.theme-light div[class^=spoilerContent] { + background-color: #1d1d1d; +} +.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: #323232; +} +.theme-dark span[class^=spoilerContent][class*=hidden]:hover, +.theme-dark div[class^=spoilerContent][class*=hidden]:hover, +.theme-light span[class^=spoilerContent][class*=hidden]:hover, +.theme-light div[class^=spoilerContent][class*=hidden]:hover { + background-color: #3f3f3f; +} +.theme-dark span[class*=spoilerMarkdownContent] h1 > span, +.theme-dark span[class*=spoilerMarkdownContent] h2 > span, +.theme-dark span[class*=spoilerMarkdownContent] h3 > span, +.theme-dark span[class*=spoilerMarkdownContent] h4 > span, +.theme-dark span[class*=spoilerMarkdownContent] h5 > span, +.theme-dark span[class*=spoilerMarkdownContent] ul li > span, +.theme-dark span[class*=spoilerMarkdownContent] ol li > span, +.theme-light span[class*=spoilerMarkdownContent] h1 > span, +.theme-light span[class*=spoilerMarkdownContent] h2 > span, +.theme-light span[class*=spoilerMarkdownContent] h3 > span, +.theme-light span[class*=spoilerMarkdownContent] h4 > span, +.theme-light span[class*=spoilerMarkdownContent] h5 > span, +.theme-light span[class*=spoilerMarkdownContent] ul li > span, +.theme-light span[class*=spoilerMarkdownContent] ol li > span { + background-color: #1d1d1d; +} +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden] h1 > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden] h2 > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden] h3 > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden] h4 > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden] h5 > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden] ul li > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden] ol li > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden] h1 > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden] h2 > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden] h3 > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden] h4 > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden] h5 > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden] ul li > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden] ol li > span { + background-color: #323232; +} +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden]:hover h1 > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden]:hover h2 > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden]:hover h3 > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden]:hover h4 > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden]:hover h5 > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden]:hover ul li > span, +.theme-dark span[class*=spoilerMarkdownContent][class*=hidden]:hover ol li > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden]:hover h1 > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden]:hover h2 > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden]:hover h3 > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden]:hover h4 > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden]:hover h5 > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden]:hover ul li > span, +.theme-light span[class*=spoilerMarkdownContent][class*=hidden]:hover ol li > span { + background-color: #3f3f3f; +} +.theme-dark span[class*=spoilerMarkdownContent] pre div[class^=codeContainer]:hover, +.theme-light span[class*=spoilerMarkdownContent] pre div[class^=codeContainer]:hover { + background-color: #3f3f3f; + border-radius: 4px; +} +.theme-dark div[class^=spoilerContainer] div[class^=spoilerWarning], +.theme-light div[class^=spoilerContainer] div[class^=spoilerWarning] { + color: #b4b4b4; + background-color: rgba(25, 25, 25, 0.7); +} +.theme-dark div[class^=spoilerContainer]:hover div[class^=spoilerWarning], +.theme-light div[class^=spoilerContainer]:hover div[class^=spoilerWarning] { + color: #b4b4b4; + background-color: #191919; +} +.theme-dark div[class^=spoilerContainer] article[class*=embedFull_], +.theme-light div[class^=spoilerContainer] article[class*=embedFull_] { + border-color: #323232; +} + +div[class^=cooldownWrapper] { + color: var(--text-muted) !important; +} + +div[class*=autocomplete_] { + background-color: #151515 !important; +} +div[class*=autocomplete_] div[class*=categoryHeader] { + background-color: #151515 !important; +} +div[class*=autocomplete_] div[class*=autocompleteRowSubheading] { + background-color: transparent; +} +div[class*=autocomplete_] div[class*=autocompleteRowContentSecondary] { + background-color: transparent; +} +div[class*=autocomplete_] div[class^=usageWrapper] > div[class*=title_] { + color: #b14242 !important; +} +div[class*=autocomplete_] strong { + color: #b14242 !important; +} + +div[class^=channelTextArea] button[class*=emojiButton_] { + background: transparent !important; +} + +[class^=uploadDropModal][class*=error] { + background-color: #b14242; +} +[class^=uploadDropModal] div[class^=inner] { + border-color: #191919; +} +[class^=uploadDropModal] div[class^=inner] * { + color: #191919 !important; +} + +div[class^=chat] > div[class^=content] > div[class^=container] div[data-list-id^=forum-channel] { + background-color: #121212; +} +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] { + background-color: #121212; +} +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: #a7a7a7; +} +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: #191919; +} +div[class^=chat] > div[class^=content] > div[class^=container] div[class*=countText] { + color: #191919; +} +div[class^=chat] > div[class^=content] > div[class^=container] svg[class^=discordIcon] { + background-color: #b14242; + color: #191919; +} +div[class^=chat] > div[class^=content] > div[class^=container] div[class^=newBadge] { + background-color: #b14242 !important; + color: #191919; +} +div[class^=chat] > div[class^=content] > div[class^=container] div[class*=mainCard_] { + background-color: #121212; +} + +div[class^=sidebar] > section[class^=panels] svg[class*=buttonIcon_], +div[class^=sidebar] > section[class^=panels] div[class*=buttonContents] { + fill: #b4b4b4; + color: #b4b4b4; +} + +[data-list-id^=forum-channel-list] div[class^=body] > div[class^=tags] div[class*=pill] { + background-color: #151515; +} +[data-list-id^=forum-channel-list] button[class^=submitButton][class*=colorBrand] { + background-color: #b14242; + color: #191919; +} + +div[class^=applicationCommand] span[class*=selectedPill_] { + border-color: #b14242 !important; +} +div[class^=applicationCommand] span[class*=erroredPill_] { + border-color: #b14242 !important; +} + +div[class^=chat] > div[class^=content] main[class^=chatContent] + div[class^=container] { + background-color: var(--background-secondary); +} + +[class*=channelTextAreaInnerError_] { + border: 1px solid #b14242 !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(25, 25, 25)' 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"); + background-repeat: no-repeat; + background-position: center; +} +div[class^=messagesWrapper] ol[class^=scrollerInner] > div[class^=container]:not([class*=cozy]) div[class^=emptyChannelIcon] > svg { + display: none; +} +div[class^=messagesWrapper] ol[class^=scrollerInner] > div[class^=container]:not([class*=cozy]) div[class^=iconWrapper] { + background-color: #b14242; +} +div[class^=messagesWrapper] ol[class^=scrollerInner] > div[class^=container]:not([class*=cozy]) div[class^=iconWrapper] svg[class^=icon] { + color: #191919; +} + +div[class^=jumpToPresentBar] button[class*=barButtonBase_] { + color: #191919 !important; +} +div[class^=jumpToPresentBar] span[class^=item] { + background-color: #191919; +} + +div[class^=callContainer] [class*=controlIcon_] { + color: #b4b4b4; +} +div[class^=callContainer] [class*=controlIcon_]:hover { + color: #b4b4b4; +} +div[class^=callContainer] div[class*=overlayTitle], +div[class^=callContainer] svg[class*=status_] { + background-color: #1d1d1d; + color: #b4b4b4; +} +div[class^=callContainer] div[class*=header], +div[class^=callContainer] svg[class*=selectedIcon_] { + color: #b4b4b4; +} +div[class^=callContainer] div[class*=button_][class*=contents_], +div[class^=callContainer] button[class*=cta_], +div[class^=callContainer] button[class*=participantsButton_] { + background-color: #1d1d1d; + color: #b4b4b4; +} +div[class^=callContainer] div[class^=indicators] div[class^=liveQualityIndicator] { + background-color: #b14242 !important; +} +div[class^=callContainer] div[class^=indicators] div[class^=liveQualityIndicator] svg[class^=premiumStreamIcon] { + color: #191919; +} +div[class^=callContainer] div[class^=videoControls] div[class^=children] div[class*=playingText_] { + color: #b4b4b4; +} +div[class^=callContainer] div[class^=videoControls] div[class^=bottomControls] button[class^=textButton] { + color: #b4b4b4; + background-color: #212121; +} +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: #212121 !important; +} +div[class^=callContainer] div[class^=videoControls] div[class^=toolbar] div[class^=streamQualityIndicator] div[class^=liveQualityIndicator] div[class^=qualityIndicator] { + color: #b4b4b4; +} +div[class^=callContainer] div[class^=videoControls] div[class^=toolbar] div[class^=streamQualityIndicator] div[class^=liveQualityIndicator] svg[class^=premiumStreamIcon] { + color: #b4b4b4; +} +div[class^=callContainer] div[class^=videoControls] div[class^=toolbar] div[class^=liveIndicator] div[class^=live] { + background-color: #b14242 !important; + color: #191919 !important; +} +div[class^=callContainer] div[class^=videoControls] div[class^=toolbar] div[class*=clipsEnabledIndicator] div[class^=clipBadge] { + background-color: #b14242 !important; + color: #191919; +} +div[class^=callContainer] div[class^=videoControls] button[class*=leftTrayIcon_][class*=buttonColor_] { + background-color: #1d1d1d; + color: #b4b4b4; +} +div[class^=callContainer] div[class^=videoControls] div[class^=badge] { + color: #191919; +} +div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=red_] { + background: #b14242; +} +div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=red_] [class*=centerIcon_] { + color: #191919; +} +div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=red_] svg[class^=contextMenuCaret] path { + stroke: #191919 !important; +} +div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=primaryDark_] { + background: #212121; + color: #b4b4b4; +} +div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=primaryDark_] [class*=centerIcon_] { + color: #b4b4b4; +} +div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=primaryDark_] svg[class^=raisedHandButtonIcon] { + color: #b4b4b4; +} +div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=green_] { + background: #d87c4a; +} +div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=green_] [class*=centerIcon_] { + color: #191919; +} +div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=white_] { + color: #191919; + background-color: #b4b4b4; +} +div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=white_] [class*=centerIcon_] { + color: #191919; +} +div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=white_]:hover, div[class^=callContainer] div[class^=videoControls] [class*=colorable_][class*=white_][class*=active_] { + background: #b4b4b4; +} + +div[class^=chat] section[class*=forumOrHome_] { + background-color: #121212; +} +div[class^=chat] section[class*=forumOrHome_] div[class^=upperContainer] > div[class^=children]:after { + background: none; +} + +div[class*=giftCodeContainer] [class*=tile] { + background-color: #151515; +} +div[class*=giftCodeContainer] [class*=tile] > [class*=description] { + color: #b4b4b4; +} + +div[class*=chat_] div[class*=content_][class*=container_] { + --background-primary: #1d1d1d; + --background-secondary: #121212; + --background-secondary-alt: #151515; + --background-tertiary: #151515; + --input-background: #151515; + --white-500: #191919; +} +div[class*=chat_] div[class*=content_][class*=container_] div[class*=search_] input::placeholder { + color: #737373; +} +div[class*=chat_] div[class*=content_][class*=container_] div[class^=channelRow_]:hover:not([class*=disabled_]) { + background-color: #212121; +} +div[class*=chat_] div[class*=content_][class*=container_] div[class^=channelRow_] button { + border-color: #535353; +} +div[class*=chat_] div[class*=content_][class*=container_] div[class^=channelRow_] button:hover { + background-color: #535353; +} + +[class*=textBadge_] { + color: #191919; +} + +div[class*=chat_] section[class*=title] div[class*=searchBar] span[class*=search] { + background-color: #1d1d1d; + color: #b4b4b4; +} +nav[class*=pageControl] div[class*=roundButton][class*=activeButton], +nav[class*=pageControl] div[class*=roundButton][class*=activeButton] span { + color: #191919; +} + +div[class*=chat_] li[class*=mainCard_][class*=container] { + background-color: #1d1d1d; +} +div[class*=chat_] li[class*=mainCard_][class*=container]:hover { + background-color: #212121; +} +div[class*=chat_] li[class*=mainCard_][class*=container] div[class*=contentPreview_] { + background-color: #121212; + border: none; +} +div[class*=chat_] li[class*=mainCard_][class*=container] div[class*=contentPreview_] div[class*=textContentFooter_] { + background: none; +} +div[class*=chat_] li[class*=mainCard_][class*=container] div[class*=tags_] div[class*=tagPill_] { + background-color: rgba(33, 33, 33, 0.8); +} +div[class*=chat_] div[class*=emptyPage] { + background-color: #121212; +} +div[class*=chat_] div[class*=innerHeader]:after { + background: none; +} + +[id*=message-accessories-] > [class*=invite_] { + background-color: #121212; +} +[id*=message-accessories-] > [class*=invite_] [class*=inFront_][class*=header_] { + color: #a7a7a7; +} +[id*=message-accessories-] > [class*=invite_] [class*=partyStatus_] { + color: #b4b4b4; +} + +[class^=avatar] [class^=dots] { + color: #121212; +} + +div[class^=chat][class*=page_], +div[class^=chat][class*=page_] div[class*=content_][class*=container_] { + background-color: #191919 !important; +} + +div[class^=chat] div[class^=homeContainer] { + height: 100%; +} + +.messagelogger-deleted div { + color: #b14242 !important; +} + +.messagelogger-deleted div a { + color: #9e3b3b !important; +} + +aside[class^=membersWrap] { + height: 100%; +} + +div[class^=upperContainer] div[class^=akaBadge] { + background-color: #b14242; + color: #191919; +} + +div[class^=message][class*=isSystemMessage] div[class^=icon][style*="/assets/b754caa743f8c49fbbf0.svg"], div[class^=message][class*=isSystemMessage] div[class^=icon][style*="/assets/d750b80048af0194841b.svg"] { + filter: url('data:image/svg+xml;utf8, #ctp-recolor'); +} +div[class^=message][class*=isSystemMessage] div[class^=icon][style*="/assets/27552340cbc7f06073e6.svg"] { + filter: url('data:image/svg+xml;utf8, #ctp-recolor'); +} +div[class^=message][class*=isSystemMessage] div[class^=icon][style*="/assets/27552340cbc7f06073e6.svg"] { + filter: url('data:image/svg+xml;utf8, #ctp-recolor'); +} + +div[class^=layerContainer] [role=menu] { + --brand-experiment-560: var(--brand-experiment-25a); + --brand-experiment-600: var(--brand-experiment); + --white: #191919; + --white-500: #191919; +} +div[class^=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction_]) { + color: var(--background-floating); +} +div[class^=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction_]) [class*=check_] { + color: var(--interactive-normal); +} +div[class^=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction_]) [class*=checkbox_] { + color: var(--background-floating); +} +div[class^=layerContainer] [role=menu] [class*=colorDefault]:active:not([class*=hideInteraction_]) [class*=colorPremiumGradient] { + background: linear-gradient(270deg, var(--premium-tier-2-pink-for-gradients) 0%, var(--premium-tier-2-pink-for-gradients-2) 33.63%, var(--premium-tier-2-purple-for-gradients) 100%); +} +div[class^=layerContainer] [role=menu] [class*=colorDanger][class*=focused], +div[class^=layerContainer] [role=menu] [class*=colorDefault] [class*=check_] { + color: var(--background-floating); + background-color: #b14242; +} +div[class^=layerContainer] [role=menu] #guild-header-popout-premium-subscribe div[class^=iconContainer] > svg { + color: #df6464; +} +div[class^=layerContainer] [role=menu] #user-context-user-volume div[class*=slider_] div[class*=bar_] { + background-color: #1d1d1d; +} + +.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: #b14242; +} +.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: #191919; +} +.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: #191919; +} +.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: #b14242; +} +.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 { + filter: url('data:image/svg+xml;utf8, #ctp-recolor'); +} +.theme-dark div[class^=layerContainer] div[id^=popout_] > div[class*=didRender_] div[class*=container] div[class*=autocompleteArrow_], +.theme-dark div[class^=layerContainer] div[id^=popout_] > div[class*=didRender_] div[class*=container] header, +.theme-light div[class^=layerContainer] div[id^=popout_] > div[class*=didRender_] div[class*=container] div[class*=autocompleteArrow_], +.theme-light div[class^=layerContainer] div[id^=popout_] > div[class*=didRender_] div[class*=container] header { + background-color: #151515; +} +.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: #737373; +} +.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: #121212; + color: #b4b4b4; +} + +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: #121212; +} +div[class*=recentMentionsPopout] div[class^=header] div[class^=controls-] { + --background-secondary: #1d1d1d; + --background-primary: rgba(29, 29, 29, 0.9); +} +div[class*=recentMentionsPopout] div[class^=scroller] [role=button] { + --background-tertiary: rgba(167, 167, 167, 0.15); + --background-floating: rgba(167, 167, 167, 0.12); +} +div[class*=recentMentionsPopout] div[class^=scroller] [role=button] div[class*=jumpButton_] { + background-color: #1d1d1d; +} + +div[class*=rolesList] div[class^=role], +div[class*=rolesList] button[class^=addButton] { + background-color: #1f1f1f; +} +div[class*=rolesList] div[class^=role] span[class^=roleCircle][style*="background-color: rgb(185, 187, 190)"] { + background-color: #a7a7a7 !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: #121212 !important; +} + +div[class*=layerContainer] > div[class*=layer] div[class^=reactors] { + background-color: var(--background-primary); +} +div[class*=layerContainer] > div[class*=layer] div[class*=reactorDefault] { + -webkit-box-shadow: inset 0 -1px 0 var(--background-modifier-accent); + box-shadow: inset 0 -1px 0 var(--background-modifier-accent); +} +div[class*=layerContainer] > div[class*=layer] div[class*=reactionSelected] { + background-color: var(--background-modifier-selected); +} +div[class*=layerContainer] > div[class*=layer] div[class*=friendSelected] { + background: #1d1d1d !important; +} + +section[class*=positionContainer_] button[class*=navButtonActive] { + background-color: #b14242; + color: #191919; +} + +.theme-light #gif-picker-tab-panel { + background-color: unset; +} +.theme-light #gif-picker-tab-panel div[class^=categoryText] { + color: #121212; +} + +#emoji-picker-tab-panel [class*=stickerInspected_] [class*=inspectedIndicator], +#emoji-picker-tab-panel [class^=emojiItem][class*=emojiItemSelected_] { + background-color: var(--brand-experiment-25a); +} +#emoji-picker-tab-panel [class*=newlyAddedHighlight_] { + border: 1px solid #d87c4a; +} +#emoji-picker-tab-panel [class*=newlyAddedHighlight_] ~ [class*=newlyAddedBadge_] { + background: #d87c4a !important; + color: #191919; +} + +[class*=stickerInspected_] [class^=inspectedIndicator] { + background-color: var(--brand-experiment-25a); +} + +.theme-light > div[class^=focusLock] > div[class^=root] > div[class^=container] div[class*=footer][class*=footerSeparator_] { + box-shadow: inset 0 1px 0 #1d1d1d; + -webkit-box-shadow: inset 0 1px 0 #1d1d1d; +} +.theme-light > div[class^=focusLock] > div[class^=root] { + box-shadow: 0 0 0 1px #1d1d1d, 0 2px 10px 0 hsla(0, calc(var(--saturation-factor, 1) * 0%), 0%, 0.1); + -webkit-box-shadow: 0 0 0 1px #1d1d1d, 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: #121212 !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: #b4b4b4; +} +.theme-light div[class^=focusLock] div[class^=downloadApps] div[class*=footer_] { + color: #b4b4b4 !important; + background-color: unset !important; +} +.theme-light div[class^=focusLock] div[class^=downloadApps] div[class*=footer_] a { + color: #b14242; +} +.theme-light div[class^=focusLock] div[class^=downloadApps] li[class*=active_] a[class*=downloadButton_] { + transition: all 0.3s ease-in-out; + color: #121212; +} +.theme-light[class*=profileColors_] [class*=userTagUsernameBase_], +.theme-light[class*=profileColors_] [class*=discrimBase_], +.theme-light[class*=profileColors_] [class*=title_], +.theme-light[class*=profileColors_] [class*=roles_], +.theme-light[class*=profileColors_] [class*=defaultColor_], +.theme-light[class*=profileColors_] [class*=markup_], +.theme-light[class*=profileColors_] [class*=activityUserPopoutV2_] *, +.theme-light[class*=profileColors_] [class*=customStatus_], +.theme-light[class*=profileColors_] [class*=section_], +.theme-light[class*=profileColors_] [class*=additionalActionsIcon_], +.theme-light[class*=profileColors_] [class*=overlayBackground_] * { + --interactive-normal: #191919; + --text-normal: #191919; + --interactive-active: #191919; + --interactive-hover: #191919; +} +.theme-light[class*=profileColors_] [class*=userTagUsernameBase_]:not(a), +.theme-light[class*=profileColors_] [class*=discrimBase_]:not(a), +.theme-light[class*=profileColors_] [class*=title_]:not(a), +.theme-light[class*=profileColors_] [class*=roles_]:not(a), +.theme-light[class*=profileColors_] [class*=defaultColor_]:not(a), +.theme-light[class*=profileColors_] [class*=markup_]:not(a), +.theme-light[class*=profileColors_] [class*=activityUserPopoutV2_] *:not(a), +.theme-light[class*=profileColors_] [class*=customStatus_]:not(a), +.theme-light[class*=profileColors_] [class*=section_]:not(a), +.theme-light[class*=profileColors_] [class*=additionalActionsIcon_]:not(a), +.theme-light[class*=profileColors_] [class*=overlayBackground_] *:not(a) { + color: unset !important; +} + +div[class^=layerContainer] > div[class*=layer] div[role=listbox] { + background-color: #151515; +} +div[class^=layerContainer] > div[class*=layer] div[role=listbox] div[role=option][aria-selected=true] { + background: #1d1d1d; +} +div[class^=layerContainer] > div[class*=layer] div[role=listbox] div[role=option] svg[class*=selectedIcon] circle { + fill: #191919; +} +div[class^=layerContainer] > div[class*=layer] div[role=listbox] div[class*=queryText_] { + color: #737373; +} +div[class^=layerContainer] > div[class*=layer] div[role=listbox] div[class*=queryText_] strong { + color: #b4b4b4; +} +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: #151515; +} +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=modal] li, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=modal] p, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=modal] span, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=modalSize] li, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=modalSize] p, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=modalSize] span, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=uploadModal] li, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=uploadModal] p, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=uploadModal] span, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=contentWrapper] li, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=contentWrapper] p, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class^=contentWrapper] span { + color: #b4b4b4; +} +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class*=footer] { + background-color: #191919; +} +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class*=footer] button[type=submit] span { + color: #191919; +} +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class*=footer] [class*=footerText_] { + color: #b4b4b4; +} +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h1[class^=fixed], +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h2[class^=fixed], +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h3[class^=fixed], +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h4[class^=fixed], +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h5[class^=fixed], +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h6[class^=fixed] { + color: #b14242; +} +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h1[class^=fixed]:after, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h2[class^=fixed]:after, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h3[class^=fixed]:after, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h4[class^=fixed]:after, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h5[class^=fixed]:after, +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] h6[class^=fixed]:after { + background-color: #b14242; +} +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock] div[class*=message_] { + background-color: #1d1d1d; +} +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock][aria-label=Activities] div[class*=activityItem_] { + background-color: #191919; +} +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock][aria-label=Activities] div[class*=activityItem_] div[class*=previewBadge_] { + color: #191919; +} +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock][aria-label=Activities] div[class*=activityTag_] { + background-color: #1d1d1d; +} +div[class^=layerContainer] > div[class*=layer] div[class^=focusLock][aria-label="Manage Accounts"] div[class*=navRow_] { + background-color: #151515; +} +div[class^=layerContainer] > div[class*=layer] div[class^=checkbox][class*=checked_] { + background-color: #b14242; + border: none; +} +div[class^=layerContainer] > div[class*=layer] div[class^=checkbox][class*=checked_] svg path { + fill: #191919; +} +div[class^=layerContainer] div[class^=addGamePopout] { + background-color: #151515; +} +div[class^=layerContainer] div[class*=searchOption_]::after, +div[class^=layerContainer] div[class*=option_]::after, +div[class^=layerContainer] li[class*=option_]::after { + display: none; +} +div[class^=layerContainer] div[class^=queryContainer] { + background-color: #191919 !important; +} +div[class^=layerContainer] div[class^=queryContainer] span[class^=key] { + color: #b4b4b4; + background-color: #121212; +} +div[class^=layerContainer] [class*=tooltipBrand_], +div[class^=layerContainer] [class*=tooltipRed_], +div[class^=layerContainer] [class*=tooltipGreen_], +div[class^=layerContainer] [class*=tooltipYellow] { + color: #191919; +} +div[class^=layerContainer] div[class^=popout] div[class^=row][role=button]:hover { + color: #191919; +} +div[class^=layerContainer] div[class^=popout] div[class^=row][role=button]:hover [class*=timestamp] { + color: #191919; +} + +form[class*=card_] { + background-color: #121212; +} + +div[class*=userInfoSection_] div[class^=connectedAccountContainer] { + background-color: rgba(29, 29, 29, 0.45) !important; +} + +div[class*=cardWarning_] div[class*=warning_] { + color: #191919; +} + +#emoji-picker-tab-panel, +#sticker-picker-tab-panel { + /* --background-floating: #1d1d1d; + + + div[class^="slotsContainer"] { + background-color: $surface0; + } + */ +} +#emoji-picker-tab-panel div[class^=tooltipContainer] label[class^=label][class*=labelChecked_], +#sticker-picker-tab-panel div[class^=tooltipContainer] label[class^=label][class*=labelChecked_] { + background: -webkit-gradient(linear, right top, left top, from(#df6464), color-stop(33.33%, #c4693d), to(#b14242)); + background: linear-gradient(270deg, #df6464, #c4693d 33.33%, #b14242); +} + +button#reaction-picker-tab div[class^=contents] { + color: #191919; +} + +div[class^=combo_] span[class^=key] svg g { + fill: #b4b4b4 !important; +} + +div[class^=planOptionClickableContainer] div[class^=checkbox][class*=checked] svg path { + fill: #191919 !important; +} +div[class^=planOptionClickableContainer] span[class*=planOptionDiscount_] { + color: #191919 !important; +} + +.react-datepicker, +.react-datepicker__header { + background-color: #151515 !important; +} + +.react-datepicker__day { + background-color: #191919 !important; +} + +.react-datepicker__day:active { + background: #b14242 !important; +} + +.react-datepicker__day--selected:after { + background-color: #b14242 !important; +} + +[class^=datePickerHint] [class^=hintValue] { + color: #191919 !important; +} + +div[class*=layerContainer_] div[class^=control] div[class*=checked_] { + background-color: #d87c4a !important; +} +div[class*=layerContainer_] div[class^=control] div[style*="background-color: rgb(114, 118, 125);"] { + background-color: #323232 !important; +} + +div[class*=layerContainer_] div[class*=guildPopout_][role=dialog] { + background-color: #121212; +} +div[class*=layerContainer_] div[class*=guildPopout_][role=dialog] div[class*=guildName_] { + color: #b4b4b4; +} + +div[class*=layerContainer_] [role*=dialog] a[class*=downloadLink_] { + color: #737373 !important; + opacity: 1; +} +div[class*=layerContainer_] [role*=dialog] a[class*=downloadLink_]:hover { + color: #b4b4b4 !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='%23c4693d' 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='%23b14242' 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='%23b14242' 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='%23d87c4a'/%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='%23b14242'/%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: #b14242; +} +div[class*=userPopoutOuter_] div[class^=inner_], +div[class*=userProfileOuter_] div[class^=inner_] { + --input-background: #151515; +} + +[class*=layerContainer_] [id^=slate_toolbar] { + background-color: var(--background-floating); +} +[class*=layerContainer_] [id^=slate_toolbar] [class*=buttons_] [class*=icon_] { + color: #b4b4b4; +} + +[class*=layerContainer_] div[id=sort_and_view] div[id=sort-and-view-reset-all] [style="color: var(--text-normal);"]:hover { + color: #191919 !important; +} + +[class^=layerContainer] [class^=quickswitcher] [class*=badge_] { + color: #191919; +} + +div[class^=layerContainer] div[aria-label=clyde] div[class^=profileBadges] div[class^=textBadge] { + background-color: #b14242 !important; + color: #191919; +} +div[class^=layerContainer] div[aria-label=clyde] button[class^=messageClydeButton] { + color: #b4b4b4; + background-color: #212121; +} +div[class^=layerContainer] div[aria-label=clyde] button[class^=messageClydeButton]:hover { + background-color: #323232; +} + +div[class^=layerContainer] div[class^=pencilContainer] svg[class^=editIcon] { + color: #b4b4b4; +} + +[class*=disabledPointerEvents] { + --background-floating: #1d1d1d; + --background-tertiary: #1a1a1a; +} +[class*=disabledPointerEvents] svg[class^=activityIcon] { + color: #a7a7a7; +} +[class*=disabledPointerEvents] [class*=tooltipBrand_] [class*=tooltipText_] { + color: #191919; +} +[class*=disabledPointerEvents] div[class^=flowerStarContainer] div[class^=childContainer] svg path { + fill: #191919 !important; +} + +div[class^=qualitySettingsContainer] div[class^=settingsGroup] div[class*=selectorTextSelected_], +div[class^=qualitySettingsContainer] div[class^=settingsGroup] button[class*=selectorButton_]:hover div[class*=selectorText_] { + color: #191919 !important; +} + +div[class*=phoneFieldPopout] { + background: #151515 !important; +} +div[class*=phoneFieldPopout] div[class^=countryName], +div[class*=phoneFieldPopout] div[class^=countryCode] { + color: #b4b4b4 !important; +} + +div[class^=customColorPicker] { + background: #151515 !important; +} + +div[class^=layerContainer] div[class*=modalContent] > div[class^=container] div[class^=iconContainer] div[class^=icon] { + filter: url('data:image/svg+xml;utf8, #ctp-recolor'); +} + +div[class^=layerContainer] div[class*=enterDone] div[class^=guildBoostCta] button[class^=shinyButton] div[class^=content] { + color: #191919; +} +div[class^=layerContainer] div[class*=enterDone] ul[class^=cards] li[class^=card] { + background-color: #121212; +} +div[class^=layerContainer] div[class*=enterDone] svg[class^=boostedTierIcon] path, +div[class^=layerContainer] div[class*=enterDone] svg[class^=boostedTierIcon] g { + fill: #191919; +} + +div[class^=layerContainer] div[class^=streamPreview] div[class^=body] { + background-color: #151515 !important; +} +div[class^=layerContainer] div[class^=streamPreview] div[class^=body] div[class^=activityStreamPreview] div[class*=content], div[class^=layerContainer] div[class^=streamPreview] div[class^=body] div[class^=activityStreamPreview] div[class*=content] div { + color: #b4b4b4 !important; +} + +div[class^=layerContainer] div[class^=eventStatusContainer] div[class^=newBadge] { + background-color: #b14242 !important; +} +div[class^=layerContainer] div[class^=eventStatusContainer] div[class^=newBadge] div[class*=newBadgeText_] { + color: #191919; +} + +div[class^=containerTop] div[class^=toast] svg path[fill="#3BA55C"] { + fill: #d87c4a !important; +} + +div[class^=oauth2Wrapper] div[class^=scope] svg { + color: #191919; +} + +div[class^=layerContainer] button[class*=selectorButtonSelected] div[class*=selectorTextSelected] { + color: #191919; +} + +rect[fill="#23a55a"], +#account-status-picker--online foreignObject > div[class^=status__], +rect[fill="#299f5b"], +foreignObject[mask="url(#svg-mask-status-online)"] > div, +div[class^=dotOnline], +i[class^=statusOnline], +div[style*="background-color: rgb(35, 165, 90)"] { + fill: #d87c4a !important; + background-color: #d87c4a !important; +} + +svg[fill="#23a55a"], +svg[class^=icon_] path[fill="#23a55a"], +rect[fill="rgba(35, 165, 90, 1)"], +rect[fill="rgba(41, 159, 91, 1)"] { + fill: #d87c4a !important; +} + +rect[fill="#f0b232"], +#account-status-picker--idle foreignObject > div[class^=status__], +rect[fill="#e6ae3c"], +foreignObject[mask="url(#svg-mask-status-idle)"] > div { + fill: #d87c4a !important; + background-color: #d87c4a !important; +} + +svg[fill="#f0b232"], +rect[fill="rgba(240, 178, 50, 1)"], +rect[fill="rgba(230, 174, 60, 1)"] { + fill: #d87c4a !important; +} + +rect[fill="#f23f43"], +#account-status-picker--dnd foreignObject > div[class^=status__], +rect[fill="#ea474b"], +foreignObject[mask="url(#svg-mask-status-dnd)"] > div { + fill: #b14242 !important; + background-color: #b14242 !important; +} + +svg[fill="#f23f43"], +rect[fill="rgba(242, 63, 67, 1)"], +rect[fill="rgba(230, 174, 60, 1)"] { + fill: #b14242 !important; +} + +rect[fill="#82858f"], +rect[fill="#80848e"], +#account-status-picker--invisible foreignObject > div[class^=status__], +foreignObject[mask="url(#svg-mask-status-offline)"] > div, +foreignObject[mask="url(#svg-mask-status-offline)"] > rect, +div[class^=dotOffline], +i[class^=statusOffline] { + fill: #a7a7a7 !important; + background-color: #a7a7a7 !important; +} + +svg[fill="#82858f"], +svg[fill="#80848e"], +rect[fill="rgba(130, 133, 143, 1)"], +rect[fill="rgba(128, 132, 142, 1)"] { + fill: #a7a7a7 !important; +} + +svg[fill="#593695"], +rect[fill="#593695"], +rect[fill="#5b3a91"] { + fill: #c4693d !important; +} + +[src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { + width: 0 !important; + padding: 12px; + height: 0 !important; + -webkit-mask-image: url("https://discord.com/assets/eaeac24163b35f7526704a3d9b3c7722.svg"); + -webkit-mask-repeat: no-repeat; + -webkit-mask-size: contain; + background: #d87c4a; +} + +.vc-user-connection [src="/assets/eaeac24163b35f7526704a3d9b3c7722.svg"] { + padding: 16px; +} + +#vencordthemes-tab [class*=input_]:focus { + border-color: #b14242 !important; +} + +[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%)"] { + background-color: #b14242 !important; + color: #191919; +} + +span[class*=username_][style*="color: rgb(54, 57, 62)"], +span[class*=username_][style*="color: rgb(53, 57, 64)"] { + color: var(--background-primary) !important; +} + +div[class^=flowerStarContainer][class*=verified_] svg[class^=flowerStar] path, div[class^=flowerStarContainer][class*=connectedAccountVerifiedIcon_] svg[class^=flowerStar] path { + fill: #d87c4a; +} +div[class^=flowerStarContainer][class*=iconBackgroundTierOne_] svg[class*=flowerStar_] path, div[class^=flowerStarContainer][class*=iconBackgroundTierTwo_] svg[class*=flowerStar_] path { + fill: #323232; +} +div[class^=flowerStarContainer][class*=iconBackgroundTierOne_] div[class^=childContainer] svg path, div[class^=flowerStarContainer][class*=iconBackgroundTierTwo_] div[class^=childContainer] svg path { + fill: #b4b4b4; +} +div[class^=flowerStarContainer][class*=iconBackgroundTierThree_] svg[class*=flowerStar_] path { + fill: #df6464; +} +div[class^=flowerStarContainer][class*=partnered_] svg[class^=flowerStar] path { + fill: #b14242; +} +div[class^=flowerStarContainer] div[class^=childContainer] svg path { + fill: #191919; +} + +div[class^=communityInfoPill] { + --background-accent: rgba(18, 18, 18, 0.7); + color: #b4b4b4; +} +div[class^=communityInfoPill] div[class^=text] { + font-weight: 500; +} + +a[class*=socialLink_][href*=discord] { + color: #a7a7a7; +} + +svg[class^=uploadIcon] { + color: #191919; +} + +.theme-dark h2[class^=emptyStateHeader], +.theme-light h2[class^=emptyStateHeader] { + color: #b4b4b4; +} +.theme-dark p[class^=emptyStateSubtext], +.theme-light p[class^=emptyStateSubtext] { + color: #a7a7a7; +} + +div[class*=unreadMentionsBar_], +div[class*=unreadBar_] { + color: #191919; +} + +div[class^=numberBadge] { + font-weight: 700; + color: #191919 !important; +} + +div[class^=newChannel] { + color: #191919; + background-color: #b14242 !important; +} + +div[class^=botTag] { + background-color: #b14242; +} + +div[class^=pollBadgeDefault] div[class^=text-xs-semibold] { + color: #191919 !important; +} +div[class^=pollBadgeDefault] svg path { + fill: #191919 !important; +} + +div[class*=pollContainer] { + background-color: #151515 !important; +} +div[class*=pollContainer] div[class^=answerInner] { + background-color: #1d1d1d; +} + +div[class^=addFriendInputWrapper]:focus-within { + border-color: #b14242; +} + +#add_friend-tab div[class^=grid] button img { + display: none; +} +#add_friend-tab div[class^=grid] button::before { + height: 40px; + margin: 8px; + content: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.95431 0 0 8.9543 0 20C0 31.0457 8.95431 40 20 40Z' fill='rgb(216, 124, 74)'/%3E%3Cpath d='M20 18.9C19.39 18.9 18.9 19.39 18.9 20C18.9 20.61 19.39 21.1 20 21.1C20.61 21.1 21.1 20.61 21.1 20C21.1 19.39 20.61 18.9 20 18.9ZM20 10C14.48 10 10 14.48 10 20C10 25.52 14.48 30 20 30C25.52 30 30 25.52 30 20C30 14.48 25.52 10 20 10ZM22.19 22.19L14 26L17.81 17.81L26 14L22.19 22.19Z' fill='rgb(25, 25, 25)'/%3E%3C/svg%3E"); +} + +button[class^=attachButton] svg path[class^=attachButtonPlay] { + color: #d87c4a; + fill: #d87c4a; +} + +div[class^=tags] div[class^=pinIcon] path { + fill: #121212 !important; +} + +div[class*=avatarSpeaking_] { + -webkit-box-shadow: inset 0 0 0 2px #d87c4a, inset 0 0 0 3px var(--background-secondary); + box-shadow: inset 0 0 0 2px #d87c4a, 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 #d87c4a, inset 0 0 0 3px #d87c4a; + box-shadow: inset 0 0 0 2px #d87c4a, inset 0 0 0 3px #d87c4a; +} +div[class*=videoLayer_] > div[class^=tileChild] > div[class^=border][class*=voiceChannelEffect_] { + -webkit-box-shadow: inset 0 0 0 2px #b14242, inset 0 0 0 3px #b14242; + box-shadow: inset 0 0 0 2px #b14242, inset 0 0 0 3px #b14242; +} + +div[class*=featureIcon_] path { + fill: #b14242; +} + +div[class*=backgroundAccent_] { + color: #191919; +} + +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='%23d87c4a'%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: #191919; +} + +[class^=tabBar] [class^=badge] { + color: #191919; +} + +span[class*=channelMention]:hover, +[class*=mention]:not([class*=mentionButton_], +[class*=mentionIcon_]):hover { + color: #191919; +} + +span[class^=attachmentLink]:hover { + color: #191919; +} +span[class^=attachmentLink]:hover svg path { + fill: #191919 !important; +} + +div[class^=checkbox][class*=checked_] { + border-color: #191919 !important; +} +div[class^=checkbox][class*=checked_] svg path { + fill: #191919 !important; +} + +path[class^=updateIconForeground] { + fill: #d87c4a !important; +} + +div[class^=button][class*=revokeInvite_] { + background-color: #191919; + 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='rgb(177, 66, 66)' fill-rule='nonzero'/%3E%3Cpath d='m0 0h18v18h-18z'/%3E%3C/g%3E%3C/svg%3E"); +} + +div[class*=actions_] button[class*=green_] { + background: #d87c4a; +} +div[class*=actions_] button[class*=red_] { + background: #b14242; +} + +[class^=gameWrapper_] [class^=icon_] { + color: #191919; +} + +[class^=hoverButton]:not([class^=anchor]):hover > svg { + color: #121212; +} + +.link__972a0 { + color: var(--header-secondary); } .theme-dark { - --brand-experiment: var(--color1) !important; - --text-positive var(--color2) !important; - --header-primary: var(--foreground) !important; - /* --header-primary: var(--color10) !important; */ - --header-secondary: #c3c3c3 !important; - --text-normal: #c3c3c3 !important; - --text-muted: #c3c3c3 !important; - --text-link: var(--color12) !important; - --channels-default: var(--foreground) !important; - --interactive-normal: var(--color10) !important; - --interactive-hover: var(--foreground) !important; - --interactive-active: var(--foreground) !important; - --interactive-muted: #c3c3c3 !important; - --background-primary: var(--background) !important; - /* --background-secondary: var(--lightbg) !important; */ - --background-secondary: var(--background-alt) !important; - --background-secondary-alt: var(--background) !important; - --background-tertiary: var(--background) !important; - --background-accent: var(--background) !important; - --background-floating: var(--background) !important; - --background-mobile-primary: var(--background) !important; - --background-mobile-secondary: #2b2b2b !important; - --background-modifier-hover: rgba(79, 84, 92, 0.16) !important; - --background-modifier-active: rgba(79, 84, 92, 0.24) !important; - --background-modifier-selected: rgba(79, 84, 92, 0.32) !important; - --background-modifier-accent: hsla(0, 0%, 100%, 0.06) !important; - --background-mentioned: rgba(250, 166, 26, 0.05) !important; - --background-mentioned-hover: rgba(250, 166, 26, 0.08) !important; - --background-message-hover: rgba(4, 4, 5, 0.07) !important; - --elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15) !important; - --elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05), - 0 2px 0 rgba(4, 4, 5, 0.05) !important; - --elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16) !important; - --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24) !important; - --logo-primary: #fff !important; - --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important; - --channeltextarea-background: #2b2b2b !important; - --activity-card-background: var(--background) !important; - --textbox-markdown-syntax: var(--foreground) !important; - --deprecated-card-bg: rgba(32, 34, 37, 0.6) !important; - --deprecated-card-editable-bg: rgba(32, 34, 37, 0.3) !important; - --deprecated-store-bg: #36393f !important; - --deprecated-quickswitcher-input-background: #2b2b2b !important; - --deprecated-quickswitcher-input-placeholder: #c3c3c3 !important; - --deprecated-text-input-bg: rgba(0, 0, 0, 0.1) !important; - --deprecated-text-input-border: rgba(0, 0, 0, 0.3) !important; - --deprecated-text-input-border-hover: #040405 !important; - --deprecated-text-input-border-disabled: #202225 !important; - --deprecated-text-input-prefix: #dcddde !important; - --scrollbar-thin-thumb: var(--color1) !important; - --scrollbar-auto-thumb: var(--color1) !important; - --scrollbar-auto-track: rgba(255, 255, 255, 0.06) !important; - --scrollbar-thin-track: rgba(255, 255, 255, 0.06) !important; - --text-positive: var(--color2) !important; - --text-warning: var(--color4) !important; - --text-danger: var(--color1) !important; - --info-positive-background: rgba(59, 165, 92, 0.1) !important; - --info-positive-foreground: var(--color2) !important; - --info-warning-background: rgba(250, 166, 26, 0.1) !important; - --info-warning-foreground: var(--color4) !important; - --info-danger-background: rgba(237, 66, 69, 0.1) !important; - --info-danger-foreground: var(--color1) !important; - --status-positive-background: var(--color2) !important; - --status-positive-text: var(--text) !important; - --status-warning-background: var(--color4) !important; - --status-danger-background: var(--color1) !important; + /* For Discord's syntax-highlighted code blocks */ } - -/* end .theme-dark */ - -.theme-light { - --brand-experiment: var(--color1); - --text-positive var(--color2); - --header-primary: #2b2b2b; - --header-secondary: var(--background); - --text-normal: var(--background); - --text-muted: #2b2b2b; - --text-link: var(--color12); - --channels-default: var(--background); - --interactive-hover: #2b2b2b; - --interactive-active: #2b2b2b; - --interactive-muted: #2b2b2b; - --background-primary: #c3c3c3; - --background-secondary: var(--foreground); - --background-secondary-alt: var(--foreground); - --background-tertiary: #c3c3c3; - --background-accent: #c3c3c3; - --background-floating: #c3c3c3; - --background-mobile-primary: #c3c3c3; - --background-mobile-secondary: var(--foreground); - --background-modifier-hover: rgba(79, 84, 92, 0.16); - --background-modifier-active: rgba(79, 84, 92, 0.24); - --background-modifier-selected: rgba(79, 84, 92, 0.32); - --background-modifier-accent: hsla(0, 0%, 100%, 0.06); - --background-mentioned: rgba(250, 166, 26, 0.05); - --background-mentioned-hover: rgba(250, 166, 26, 0.08); - --background-message-hover: rgba(4, 4, 5, 0.07); - --elevation-stroke: 0 0 0 1px rgba(4, 4, 5, 0.15); - --elevation-low: 0 1px 0 rgba(4, 4, 5, 0.2), 0 1.5px 0 rgba(6, 6, 7, 0.05), - 0 2px 0 rgba(4, 4, 5, 0.05); - --elevation-medium: 0 4px 4px rgba(0, 0, 0, 0.16); - --elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24); - --logo-primary: #fff; - --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); - --channeltextarea-background: var(--foreground); - --activity-card-background: var(--background); - --textbox-markdown-syntax: #2b2b2b; - --deprecated-card-bg: rgba(32, 34, 37, 0.6); - --deprecated-card-editable-bg: rgba(32, 34, 37, 0.3); - --deprecated-store-bg: #36393f; - --deprecated-quickswitcher-input-background: var(--foreground); - --deprecated-quickswitcher-input-placeholder: #2b2b2b; - --deprecated-text-input-bg: rgba(0, 0, 0, 0.1); - --deprecated-text-input-border: rgba(0, 0, 0, 0.3); - --deprecated-text-input-border-hover: #040405; - --deprecated-text-input-border-disabled: #202225; - --deprecated-text-input-prefix: #dcddde; - --scrollbar-thin-thumb: var(--color1); - --scrollbar-auto-thumb: var(--color1); - --scrollbar-auto-track: rgba(0, 0, 0, 0.1); - --scrollbar-thin-track: rgba(0, 0, 0, 0.1); - --text-positive: var(--color2); - --text-warning: var(--color4); - --text-danger: var(--color1); - --info-positive-background: rgba(59, 165, 92, 0.1); - --info-positive-foreground: var(--color2); - --info-warning-background: rgba(250, 166, 26, 0.1); - --info-warning-foreground: var(--color4); - --info-danger-background: rgba(237, 66, 69, 0.1); - --info-danger-foreground: var(--color1); - --status-positive-background: var(--color2); - --status-positive-text: var(--text); - --status-warning-background: var(--color4); - --status-danger-background: var(--color1); +.theme-dark.hljs { + color: #b4b4b4; } - -/* end .theme-light */ - -/* Emoji picker body background */ -.emojiPickerInExpressionPicker-3IzIcv .emojiPicker-3PwZFl { - background-color: var(--background); +.theme-dark .hljs-keyword { + color: #B14242; } - -/* Emoji picker header background */ -.contentWrapper-SvZHNd { - background-color: var(--background); +.theme-dark .hljs-built_in { + color: #b4b4b4; } - -/* Friends tab background */ -.theme-dark .container-1D34oG { - background-color: var(--background); +.theme-dark .hljs-type { + color: #4A8B8B; } - -/* User popout body */ -.theme-dark .body-3iLsc4, -.theme-dark .footer-1fjuF6 { - background-color: var(--background); - opacity: 1 !important; +.theme-dark .hljs-literal { + color: #4A8B8B; } - -/* User popout header */ -.theme-dark .headerNormal-T_seeN { - background-color: var(--background); +.theme-dark .hljs-number { + color: #4A8B8B; } - -/* Bottom part of user popout */ -.body-3ND3kc { - opacity: 1.0 !important; - background-color: var(--color0) !important; +.theme-dark .hljs-operator { + color: #D87C4A; } - -/* User popout header when playing a game */ -.headerPlaying-j0WQBV, -.headerFill-adLl4x, -.activityProfile-2bJRaP, -.activity-1ythUs, -.header-QKLPzZ { - background: var(--color1); +.theme-dark .hljs-punctuation { + color: #E49A44; } - -/* Start rebranding gross yuck */ -.lookFilled-1Gx00P.colorBrand-3pXr91 { - color: var(--text); - background-color: var(--color1); +.theme-dark .hljs-property { + color: #d5d5d5; } - -.lookFilled-1Gx00P.colorGreen-29iAKY { - color: var(--text); - background-color: var(--color2); +.theme-dark .hljs-regexp { + color: #D87C4A; } - -.lookFilled-1Gx00P.colorRed-1TFJan { - color: var(--text); - background-color: var(--color3); +.theme-dark .hljs-string { + color: #DF6464; } - -.lookFilled-1Gx00P.colorBrand-3pXr91:disabled { - background-color: var(--color1); +.theme-dark .hljs-char.escape- { + color: #d5d5d5; } - -.botTagRegular-2HEhHi { - background: var(--color1); - color: var(--text); +.theme-dark .hljs-subst { + color: #d5d5d5; } - -.theme-dark .wrapper-3WhCwL { - background: var(--background); - color: var(--text); +.theme-dark .hljs-symbol { + color: #E49A44; } - -.reaction-1hd86g.reactionMe-wv5HKu { - background-color: var(--background); - border-color: var(--color4); +.theme-dark .hljs-variable { + color: #b4b4b4; } - -.newMessagesBar-265mhP { - top: 0; - border-radius: 0 0 8px 8px; - background-color: var(--color2); - -webkit-box-shadow: var(--elevation-low); - box-shadow: var(--elevation-low); +.theme-dark .hljs-variable.language- { + color: #4A8B8B; } - -.rtcConnectionStatusConnected-VRZDjy, -.rtcConnectionQualityFine-2J6i8z, -.pingForeground-2uAOZ3 { - color: var(--color2); +.theme-dark .hljs-variable.constant- { + color: #C4693D; } - -.lookFilled-1Gx00P.colorYellow-2JqYwt { - color: var(--text); - background-color: var(--color4); +.theme-dark .hljs-title { + color: #4A8B8B; } - -/* End rebranding gross yuck */ - - -/* Tab underneath users in the Active Now tab on the friends page */ -.theme-dark .inset-3sAvek { - background-color: rgba(255, 255, 255, 0.06); +.theme-dark .hljs-title.class_ { + color: #4A8B8B; } - -/* Edit buttons in the settings page */ -.lookFilled-1Gx00P.colorGrey-2DXtkV { - color: #fff; - background-color: var(--color1); +.theme-dark .hljs-title.function_ { + color: #b4b4b4; } - - -.scroller-2FKFPG.sidebarRegionScroller-3MXcoP { - /* Settings */ - background: var(--background); +.theme-dark .hljs-params { + color: #d5d5d5; } - -/* end of settings */ - -html body { - - .appMount-3lHmkl, - body, - html { - height: 100%; - width: 100%; - } - - /* end .appMount-3lHmkl, body, html */ - - a, - abbr, - acronym, - address, - applet, - big, - blockquote, - body, - caption, - cite, - code, - dd, - del, - dfn, - div, - dl, - dt, - em, - fieldset, - form, - h1, - h2, - h3, - h4, - h5, - h6, - html, - iframe, - img, - ins, - kbd, - label, - legend, - li, - object, - ol, - p, - pre, - q, - s, - samp, - small, - span, - strike, - strong, - table, - tbody, - td, - tfoot, - th, - thead, - tr, - tt, - ul, - var { - margin: 0; - padding: 0; - border: 0; - font-weight: inherit; - font-style: inherit; - font-family: inherit; - font-size: 100%; - vertical-align: baseline; - } - - /* end a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, table, tbody, td, tfoot, th, thead, tr, tt, ul, var */ - - element {} - - /* end element */ - - ::placeholder, - body, - button, - input, - select, - textarea { - font-family: Fira Sans, Whitney, Helvetica Neue, Helvetica, Arial, - sans-serif; - text-rendering: optimizeLegibility; - } - - /* end ::placeholder, body, button, input, select, textarea */ - - ::placeholder, - body, - button, - input, - select, - textarea { - font-family: Fira Sans, Whitney, Helvetica Neue, Helvetica, Arial, - sans-serif; - text-rendering: optimizeLegibility; - } - - /* end ::placeholder, body, button, input, select, textarea */ - - ::-webkit-input-placeholder, - body, - button, - input, - select, - textarea { - font-family: Fira Sans, Whitney, Helvetica Neue, Helvetica, Arial, - sans-serif; - text-rendering: optimizeLegibility; - } - - /* end ::-webkit-input-placeholder, body, button, input, select, textarea */ +.theme-dark .hljs-comment { + color: #737373; } - -/* end body */ - -html body div#app-mount.appMount-3lHmkl { - element {} - - /* end element */ - - .appMount-3lHmkl, - body { - background-color: var(--background-tertiary); - text-rendering: optimizeLegibility; - } - - /* end .appMount-3lHmkl, body */ - - .appMount-3lHmkl, - body, - html { - height: 100%; - width: 100%; - } - - /* end .appMount-3lHmkl, body, html */ - - body { - line-height: 1; - margin: 0; - padding: 0; - font-family: Fira Sans, Whitney, Helvetica Neue, Helvetica, Arial, - sans-serif; - overflow: hidden; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background: transparent; - background-color: transparent; - } - - /* end body */ - - a, - abbr, - acronym, - address, - applet, - big, - blockquote, - body, - caption, - cite, - code, - dd, - del, - dfn, - div, - dl, - dt, - em, - fieldset, - form, - h1, - h2, - h3, - h4, - h5, - h6, - html, - iframe, - img, - ins, - kbd, - label, - legend, - li, - object, - ol, - p, - pre, - q, - s, - samp, - small, - span, - strike, - strong, - table, - tbody, - td, - tfoot, - th, - thead, - tr, - tt, - ul, - var { - margin: 0; - padding: 0; - border: 0; - font-weight: inherit; - font-style: inherit; - font-family: inherit; - font-size: 100%; - vertical-align: baseline; - } - - /* end a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, table, tbody, td, tfoot, th, thead, tr, tt, ul, var */ - - a, - button, - div, - input, - select, - span, - strong, - textarea { - outline: 0; - } - - /* end a, button, div, input, select, span, strong, textarea */ - - a, - abbr, - acronym, - address, - applet, - big, - blockquote, - body, - caption, - cite, - code, - dd, - del, - dfn, - div, - dl, - dt, - em, - fieldset, - form, - h1, - h2, - h3, - h4, - h5, - h6, - html, - iframe, - img, - ins, - kbd, - label, - legend, - li, - object, - ol, - p, - pre, - q, - s, - samp, - small, - span, - strike, - strong, - table, - tbody, - td, - tfoot, - th, - thead, - tr, - tt, - ul, - var { - margin: 0; - padding: 0; - border: 0; - font-weight: inherit; - font-style: inherit; - font-family: inherit; - font-size: 100%; - vertical-align: baseline; - } - - /* end a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, table, tbody, td, tfoot, th, thead, tr, tt, ul, var */ +.theme-dark .hljs-doctag { + color: #949494; +} +.theme-dark .hljs-meta { + color: #E49A44; +} +.theme-dark .hljs-section { + color: #D87C4A; +} +.theme-dark .hljs-tag { + color: #D87C4A; +} +.theme-dark .hljs-name { + color: #D87C4A; +} +.theme-dark .hljs-attr { + color: #a7a7a7; +} +.theme-dark .hljs-attribute { + color: #DF6464; +} +.theme-dark .hljs-bullet { + color: #D87C4A; +} +.theme-dark .hljs-code { + color: #d5d5d5; +} +.theme-dark .hljs-emphasis { + color: #B14242; + font-style: italic; +} +.theme-dark .hljs-strong { + color: #DF6464; + font-weight: bold; +} +.theme-dark .hljs-formula { + color: #E49A44; +} +.theme-dark .hljs-link { + color: #DF6464; + font-style: italic; +} +.theme-dark .hljs-quote { + color: #737373; + font-style: italic; +} +.theme-dark .hljs-selector-tag { + color: #D87C4A; +} +.theme-dark .hljs-selector-id { + color: #4A8B8B; +} +.theme-dark .hljs-selector-class { + color: #4A8B8B; +} +.theme-dark .hljs-selector-attr { + color: #a7a7a7; +} +.theme-dark .hljs-selector-pseudo { + color: #E49A44; +} +.theme-dark .hljs-template-tag { + color: #B14242; +} +.theme-dark .hljs-template-variable { + color: #B14242; +} +.theme-dark .hljs-addition { + color: #a7a7a7; + background: rgba(167, 167, 167, 0.15); +} +.theme-dark .hljs-deletion { + color: #B14242; + background: rgba(177, 66, 66, 0.15); +} +.theme-dark pre, +.theme-dark .hljs, +.theme-dark code, +.theme-dark .inline { + background-color: #121212 !important; +} +.theme-dark .syntaxHighlight { + background-color: #121212 !important; +} +.theme-dark .syntaxHighlight pre { + background-color: transparent !important; } - -/* end body div#app-mount.appMount-3lHmkl */ - -.avatarSpeaking-2pCGrZ { - /* fix speaking indicator */ - -webkit-box-shadow: inset 0 0 0 2px var(--foreground), - inset 0 0 0 3px var(--background-secondary); - box-shadow: inset 0 0 0 2px var(--foreground), inset 0 0 0 3px; -} \ No newline at end of file