From f6975b976af4e3092a0ceb20aa2c5cdc9b81ace0 Mon Sep 17 00:00:00 2001 From: Cynthia Foxwell Date: Tue, 18 Oct 2022 21:29:57 -0600 Subject: [PATCH] dummy commit --- modular/base.css | 3147 +++++++++++++++++++++++----------------------- xmc.user.css | 1 - 2 files changed, 1566 insertions(+), 1582 deletions(-) diff --git a/modular/base.css b/modular/base.css index 6e29dd9..c44b84d 100644 --- a/modular/base.css +++ b/modular/base.css @@ -1,694 +1,690 @@ +/* colors */ +.theme-dark, +:root { + --titlebar-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22), + inset 0 0 0 2px rgba(0, 0, 0, 0.27), 0 0 0 1px var(--tertiary), + 0 0 0 2px var(--secondary), 0 0 0 3px var(--primary); + --_font-titlebars: var(--font-primary); - /* colors */ - .theme-dark, - :root { - --titlebar-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22), - inset 0 0 0 2px rgba(0, 0, 0, 0.27), 0 0 0 1px var(--tertiary), - 0 0 0 2px var(--secondary), 0 0 0 3px var(--primary); + --titlebar-color: var(--highlight); - --_font-titlebars: var(--font-primary); + --header-primary: var(--text) !important; + --header-secondary: var(--text) !important; + --text-normal: var(--text) !important; + --text-muted: var(--highlight) !important; + --text-link: var(--link) !important; + --text-brand: var(--accent); + --channels-default: var(--text) !important; + --channel-icon: var(--text); + --interactive-normal: var(--text) !important; + --interactive-hover: var(--_color15) !important; + --interactive-active: var(--_color15) !important; + --interactive-muted: var(--highlight) !important; + --background-primary: var(--primary) !important; + --background-secondary: var(--secondary) !important; + --background-secondary-alt: var(--secondary) !important; + --background-tertiary: var(--tertiary) !important; + --background-accent: var(--highlight) !important; + --background-floating: var(--primary) !important; + --background-mobile-primary: var(--primary) !important; + --background-mobile-secondary: var(--secondary) !important; + --background-modifier-hover: rgba(var(--highlight-rgb), 0.16) !important; + --background-modifier-active: rgba(var(--highlight-rgb), 0.24) !important; + --background-modifier-selected: rgba(var(--highlight-rgb), 0.32) !important; + --background-modifier-accent: rgba(var(--highlight-rgb), 0.06) !important; + --background-mentioned: rgba(var(--accent-rgb), 0.05) !important; + --background-mentioned-hover: rgba(var(--accent-rgb), 0.08) !important; + --background-message-hover: rgba(4, 4, 5, 0.07) !important; + --background-help-warning: rgba(250, 166, 26, 0.1) !important; + --background-help-info: rgba(0, 176, 244, 0.1) !important; + --scrollbar-thin-thumb: var(--text) !important; + --scrollbar-thin-track: transparent !important; + --scrollbar-auto-thumb: var(--text) !important; + --scrollbar-auto-track: transparent !important; + --scrollbar-auto-scrollbar-color-thumb: var(--text) !important; + --scrollbar-auto-scrollbar-color-track: transparent !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; + --focus-primary: var(--link) !important; + --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important; + --channeltextarea-background: var(--secondary) !important; + --activity-card-background: var(--primary) !important; + --textbox-markdown-syntax: #8e9297 !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: var(--primary) !important; + --deprecated-quickswitcher-input-background: var(--primary) !important; + --deprecated-quickswitcher-input-placeholder: hsla( + 0, + 0%, + 100%, + 0.3 + ) !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: #181b28 !important; + --deprecated-text-input-prefix: #dcddde !important; + --input-background: var(--tertiary) !important; + --control-brand-foreground: var(--accent) !important; + --channel-text-area-placeholder: var(--highlight); + --status-positive-text: var(--text); + --status-danger-text: var(--text); + --status-warning-text: var(--text); + --button-secondary-background: var(--primary); + --button-secondary-background-hover: var(--highlight); + --button-secondary-background-active: var(--highlight); + --button-secondary-background-disabled: var(--tertiary); + --text-danger: var(--_color1); + --status-danger: var(--_color1); + --status-danger-background: var(--_color1); + --button-danger-background: var(--_color1); + --button-danger-background-hover: var(--_color9); + --button-danger-background-active: var(--_color9); + --button-outline-danger-border: var(--_color1); + --button-outline-danger-border-hover: var(--_color9); + --button-outline-danger-border-active: var(--_color9); + --button-outline-danger-background-hover: var(--_color9); + --button-outline-danger-background-active: var(--_color9); + --text-positive: var(--_color2); + --status-positive: var(--_color2); + --status-positive-background: var(--_color2); + --button-positive-background: var(--_color2); + --button-positive-background-hover: var(--_color10); + --button-positive-background-active: var(--_color10); + --button-outline-positive-border: var(--_color2); + --button-outline-positive-border-hover: var(--_color10); + --button-outline-positive-border-active: var(--_color10); + --button-outline-positive-background-hover: var(--_color10); + --button-outline-positive-background-active: var(--_color10); + --text-warning: var(--_color3); + --status-warning: var(--_color3); + --status-warning-background: var(--_color3); +} - --titlebar-color: var(--highlight); +[data-popout-root], +html { + --brand-experiment: var(--accent) !important; + --brand-experiment-100: var(--accent) !important; + --brand-experiment-130: var(--accent) !important; + --brand-experiment-160: var(--accent) !important; + --brand-experiment-200: var(--accent) !important; + --brand-experiment-230: var(--accent) !important; + --brand-experiment-260: var(--accent) !important; + --brand-experiment-300: var(--accent) !important; + --brand-experiment-330: var(--accent) !important; + --brand-experiment-360: var(--accent) !important; + --brand-experiment-400: var(--accent) !important; + --brand-experiment-430: var(--accent) !important; + --brand-experiment-460: var(--accent) !important; + --brand-experiment-500: var(--accent) !important; + --brand-experiment-530: var(--accent) !important; + --brand-experiment-560: var(--accent) !important; + --brand-experiment-600: var(--accent) !important; + --brand-experiment-630: var(--accent) !important; + --brand-experiment-660: var(--accent) !important; + --brand-experiment-700: var(--accent) !important; + --brand-experiment-730: var(--accent) !important; + --brand-experiment-760: var(--accent) !important; + --brand-experiment-800: var(--accent) !important; + --brand-experiment-830: var(--accent) !important; + --brand-experiment-860: var(--accent) !important; + --brand-experiment-900: var(--accent) !important; + --brand-experiment-05a: rgba(var(--accent-rgb), 0.05) !important; + --brand-experiment-10a: rgba(var(--accent-rgb), 0.1) !important; + --brand-experiment-15a: rgba(var(--accent-rgb), 0.15) !important; + --brand-experiment-20a: rgba(var(--accent-rgb), 0.2) !important; + --brand-experiment-25a: rgba(var(--accent-rgb), 0.25) !important; + --brand-experiment-30a: rgba(var(--accent-rgb), 0.3) !important; + --brand-experiment-35a: rgba(var(--accent-rgb), 0.35) !important; + --brand-experiment-40a: rgba(var(--accent-rgb), 0.4) !important; + --brand-experiment-45a: rgba(var(--accent-rgb), 0.45) !important; + --brand-experiment-50a: rgba(var(--accent-rgb), 0.5) !important; + --brand-experiment-55a: rgba(var(--accent-rgb), 0.55) !important; + --brand-experiment-60a: rgba(var(--accent-rgb), 0.6) !important; + --brand-experiment-65a: rgba(var(--accent-rgb), 0.65) !important; + --brand-experiment-70a: rgba(var(--accent-rgb), 0.7) !important; + --brand-experiment-75a: rgba(var(--accent-rgb), 0.75) !important; + --brand-experiment-80a: rgba(var(--accent-rgb), 0.8) !important; + --brand-experiment-85a: rgba(var(--accent-rgb), 0.85) !important; + --brand-experiment-90a: rgba(var(--accent-rgb), 0.9) !important; + --brand-experiment-95a: rgba(var(--accent-rgb), 0.95) !important; +} - --header-primary: var(--text) !important; - --header-secondary: var(--text) !important; - --text-normal: var(--text) !important; - --text-muted: var(--highlight) !important; - --text-link: var(--link) !important; - --text-brand: var(--accent); - --channels-default: var(--text) !important; - --channel-icon: var(--text); - --interactive-normal: var(--text) !important; - --interactive-hover: var(--_color15) !important; - --interactive-active: var(--_color15) !important; - --interactive-muted: var(--highlight) !important; - --background-primary: var(--primary) !important; - --background-secondary: var(--secondary) !important; - --background-secondary-alt: var(--secondary) !important; - --background-tertiary: var(--tertiary) !important; - --background-accent: var(--highlight) !important; - --background-floating: var(--primary) !important; - --background-mobile-primary: var(--primary) !important; - --background-mobile-secondary: var(--secondary) !important; - --background-modifier-hover: rgba(var(--highlight-rgb), 0.16) !important; - --background-modifier-active: rgba(var(--highlight-rgb), 0.24) !important; - --background-modifier-selected: rgba(var(--highlight-rgb), 0.32) !important; - --background-modifier-accent: rgba(var(--highlight-rgb), 0.06) !important; - --background-mentioned: rgba(var(--accent-rgb), 0.05) !important; - --background-mentioned-hover: rgba(var(--accent-rgb), 0.08) !important; - --background-message-hover: rgba(4, 4, 5, 0.07) !important; - --background-help-warning: rgba(250, 166, 26, 0.1) !important; - --background-help-info: rgba(0, 176, 244, 0.1) !important; - --scrollbar-thin-thumb: var(--text) !important; - --scrollbar-thin-track: transparent !important; - --scrollbar-auto-thumb: var(--text) !important; - --scrollbar-auto-track: transparent !important; - --scrollbar-auto-scrollbar-color-thumb: var(--text) !important; - --scrollbar-auto-scrollbar-color-track: transparent !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; - --focus-primary: var(--link) !important; - --guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) !important; - --channeltextarea-background: var(--secondary) !important; - --activity-card-background: var(--primary) !important; - --textbox-markdown-syntax: #8e9297 !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: var(--primary) !important; - --deprecated-quickswitcher-input-background: var(--primary) !important; - --deprecated-quickswitcher-input-placeholder: hsla( - 0, - 0%, - 100%, - 0.3 - ) !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: #181b28 !important; - --deprecated-text-input-prefix: #dcddde !important; - --input-background: var(--tertiary) !important; - --control-brand-foreground: var(--accent) !important; - --channel-text-area-placeholder: var(--highlight); - --status-positive-text: var(--text); - --status-danger-text: var(--text); - --status-warning-text: var(--text); - --button-secondary-background: var(--primary); - --button-secondary-background-hover: var(--highlight); - --button-secondary-background-active: var(--highlight); - --button-secondary-background-disabled: var(--tertiary); - --text-danger: var(--_color1); - --status-danger: var(--_color1); - --status-danger-background: var(--_color1); - --button-danger-background: var(--_color1); - --button-danger-background-hover: var(--_color9); - --button-danger-background-active: var(--_color9); - --button-outline-danger-border: var(--_color1); - --button-outline-danger-border-hover: var(--_color9); - --button-outline-danger-border-active: var(--_color9); - --button-outline-danger-background-hover: var(--_color9); - --button-outline-danger-background-active: var(--_color9); - --text-positive: var(--_color2); - --status-positive: var(--_color2); - --status-positive-background: var(--_color2); - --button-positive-background: var(--_color2); - --button-positive-background-hover: var(--_color10); - --button-positive-background-active: var(--_color10); - --button-outline-positive-border: var(--_color2); - --button-outline-positive-border-hover: var(--_color10); - --button-outline-positive-border-active: var(--_color10); - --button-outline-positive-background-hover: var(--_color10); - --button-outline-positive-background-active: var(--_color10); - --text-warning: var(--_color3); - --status-warning: var(--_color3); - --status-warning-background: var(--_color3); - } +/**/ +[class^="appMount-"], +[class^="bg-"], +[class^="layers-"] > [class^="layer-"], +[class^="app-"] { + background-color: transparent !important; +} - [data-popout-root], - html { - --brand-experiment: var(--accent) !important; - --brand-experiment-100: var(--accent) !important; - --brand-experiment-130: var(--accent) !important; - --brand-experiment-160: var(--accent) !important; - --brand-experiment-200: var(--accent) !important; - --brand-experiment-230: var(--accent) !important; - --brand-experiment-260: var(--accent) !important; - --brand-experiment-300: var(--accent) !important; - --brand-experiment-330: var(--accent) !important; - --brand-experiment-360: var(--accent) !important; - --brand-experiment-400: var(--accent) !important; - --brand-experiment-430: var(--accent) !important; - --brand-experiment-460: var(--accent) !important; - --brand-experiment-500: var(--accent) !important; - --brand-experiment-530: var(--accent) !important; - --brand-experiment-560: var(--accent) !important; - --brand-experiment-600: var(--accent) !important; - --brand-experiment-630: var(--accent) !important; - --brand-experiment-660: var(--accent) !important; - --brand-experiment-700: var(--accent) !important; - --brand-experiment-730: var(--accent) !important; - --brand-experiment-760: var(--accent) !important; - --brand-experiment-800: var(--accent) !important; - --brand-experiment-830: var(--accent) !important; - --brand-experiment-860: var(--accent) !important; - --brand-experiment-900: var(--accent) !important; - --brand-experiment-05a: rgba(var(--accent-rgb), 0.05) !important; - --brand-experiment-10a: rgba(var(--accent-rgb), 0.1) !important; - --brand-experiment-15a: rgba(var(--accent-rgb), 0.15) !important; - --brand-experiment-20a: rgba(var(--accent-rgb), 0.2) !important; - --brand-experiment-25a: rgba(var(--accent-rgb), 0.25) !important; - --brand-experiment-30a: rgba(var(--accent-rgb), 0.3) !important; - --brand-experiment-35a: rgba(var(--accent-rgb), 0.35) !important; - --brand-experiment-40a: rgba(var(--accent-rgb), 0.4) !important; - --brand-experiment-45a: rgba(var(--accent-rgb), 0.45) !important; - --brand-experiment-50a: rgba(var(--accent-rgb), 0.5) !important; - --brand-experiment-55a: rgba(var(--accent-rgb), 0.55) !important; - --brand-experiment-60a: rgba(var(--accent-rgb), 0.6) !important; - --brand-experiment-65a: rgba(var(--accent-rgb), 0.65) !important; - --brand-experiment-70a: rgba(var(--accent-rgb), 0.7) !important; - --brand-experiment-75a: rgba(var(--accent-rgb), 0.75) !important; - --brand-experiment-80a: rgba(var(--accent-rgb), 0.8) !important; - --brand-experiment-85a: rgba(var(--accent-rgb), 0.85) !important; - --brand-experiment-90a: rgba(var(--accent-rgb), 0.9) !important; - --brand-experiment-95a: rgba(var(--accent-rgb), 0.95) !important; - } +html:not(.overlay) body { + background-color: transparent !important; +} - /**/ - [class^="appMount-"], - [class^="bg-"], - [class^="layers-"] > [class^="layer-"], - [class^="app-"] { - background-color: transparent !important; - } +[class^="menu-"] [class^="item-"]:active, +[class^="menu-"] [class^="item-"][class*="focused-"], +[class*="lookFilled-"][class*="colorBrand-"]:not([class*="buttonColor-"]), +[class*="lookFilled-"][class*="colorBrandNew-"]:not([class*="buttonColor-"]), +[style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch-"]), +[class^="slider-"] [class^="bar-"] [class^="barFill-"], +[class^="control-"] + [class^="container-"][style*="background-color: rgb(67, 181, 129);"] { + background-color: var(--accent) !important; +} - html:not(.overlay) body { - background-color: transparent !important; - } +[style*="border-color: rgb(114, 137, 218)"], +[class*="lookOutlined-"][class*="colorBrand-"] { + border-color: var(--accent) !important; +} - [class^="menu-"] [class^="item-"]:active, - [class^="menu-"] [class^="item-"][class*="focused-"], - [class*="lookFilled-"][class*="colorBrand-"]:not([class*="buttonColor-"]), - [class*="lookFilled-"][class*="colorBrandNew-"]:not([class*="buttonColor-"]), - [style*="background-color: rgb(114, 137, 218)"]:not([class*="swatch-"]), - [class^="slider-"] [class^="bar-"] [class^="barFill-"], - [class^="control-"] - [class^="container-"][style*="background-color: rgb(67, 181, 129);"] { - background-color: var(--accent) !important; - } +[class*="lookOutlined-"][class*="colorBrand-"], +[class*="colorDefault-"]:not([class*="focused-"]) [class^="checkbox-"], +[class*="colorDefault-"]:not([class*="focused-"]) [class^="radioSelection-"], +[class*="colorDefault-"][class*="focused-"] [class^="check-"] { + color: var(--accent) !important; +} - [style*="border-color: rgb(114, 137, 218)"], - [class*="lookOutlined-"][class*="colorBrand-"] { - border-color: var(--accent) !important; - } +[class*="mentioned-"]:before { + background-color: var(--accent); +} - [class*="lookOutlined-"][class*="colorBrand-"], - [class*="colorDefault-"]:not([class*="focused-"]) [class^="checkbox-"], - [class*="colorDefault-"]:not([class*="focused-"]) [class^="radioSelection-"], - [class*="colorDefault-"][class*="focused-"] [class^="check-"] { - color: var(--accent) !important; - } +[class^="slider-"] [class^="bar-"], +[class^="control-"] + [class^="container-"][style*="background-color: rgb(114, 118, 125);"] { + background-color: var(--background-secondary) !important; +} - [class*="mentioned-"]:before { - background-color: var(--accent); - } +[class^="container-"] > [class^="slider-"] > svg { + display: none; +} - [class^="slider-"] [class^="bar-"], - [class^="control-"] - [class^="container-"][style*="background-color: rgb(114, 118, 125);"] { - background-color: var(--background-secondary) !important; - } +[class^="autocomplete-"] { + border: none !important; + background-color: var(--background-floating) !important; + box-shadow: 0 2px 5px 0 var(--background-secondary) !important; +} - [class^="container-"] > [class^="slider-"] > svg { - display: none; - } +[class^="autocomplete-"] [class*="selectorSelected-"], +[class^="autocomplete-"] [class*="autocompleteRow-"] [class*="selected-"] { + background-color: var(--background-secondary) !important; +} - [class^="autocomplete-"] { - border: none !important; - background-color: var(--background-floating) !important; - box-shadow: 0 2px 5px 0 var(--background-secondary) !important; - } +[class*="autocompleteRowHeading-"] { + font-size: 14px !important; +} - [class^="autocomplete-"] [class*="selectorSelected-"], - [class^="autocomplete-"] [class*="autocompleteRow-"] [class*="selected-"] { - background-color: var(--background-secondary) !important; - } +[class^="autocomplete-"] [class*="categoryHeader-"] { + background-color: var(--background-floating) !important; +} - [class*="autocompleteRowHeading-"] { - font-size: 14px !important; - } +[class*="avatarSpeaking-"], +[class^="avatar-"][class*="speaking-"] { + box-shadow: 0 0 0 2px var(--status-online), + 0 0 0 3px var(--background-secondary) !important; +} - [class^="autocomplete-"] [class*="categoryHeader-"] { - background-color: var(--background-floating) !important; - } +[class^="voiceUsers-"] [class^="avatarContainer-"] { + overflow: visible; +} - [class*="avatarSpeaking-"], - [class^="avatar-"][class*="speaking-"] { - box-shadow: 0 0 0 2px var(--status-online), - 0 0 0 3px var(--background-secondary) !important; - } +[class^="peopleColumn-"] { + background: var(--background-primary); +} - [class^="voiceUsers-"] [class^="avatarContainer-"] { - overflow: visible; - } +[class^="itemCard-"] [class*="inset-"] { + background-color: var(--background-primary) !important; +} - [class^="peopleColumn-"] { - background: var(--background-primary); - } +[class*="outer-"][class*="interactive-"]:hover { + background-color: var(--background-modifier-hover) !important; +} - [class^="itemCard-"] [class*="inset-"] { - background-color: var(--background-primary) !important; - } +[class^="base-"] > [class^="content-"] > [class^="container-"] { + background: var(--background-primary); +} - [class*="outer-"][class*="interactive-"]:hover { - background-color: var(--background-modifier-hover) !important; - } +.mention[class*="wrapper-"] { + color: var(--accent); + background: rgba(var(--accent-rgb), 0.1); +} - [class^="base-"] > [class^="content-"] > [class^="container-"] { - background: var(--background-primary); - } +.mention[class*="wrapper-"]:hover { + color: #ffffff; + background: var(--accent); +} - .mention[class*="wrapper-"] { - color: var(--accent); - background: rgba(var(--accent-rgb), 0.1); - } +[class*="mentioned-"] .mention.interactive:hover { + color: var(--accent) !important; +} - .mention[class*="wrapper-"]:hover { - color: #ffffff; - background: var(--accent); - } +[class^="mediaBarGrabber-"], +[class^="mediaBarProgress-"], +[class^="mediaBarProgress-"]:after, +[class^="mediaBarProgress-"]:before { + background-color: var(--accent) !important; +} - [class*="mentioned-"] .mention.interactive:hover { - color: var(--accent) !important; - } +[class^="reaction-"] { + background-color: var(--secondary); + border: none; + border-radius: 4px !important; +} - [class^="mediaBarGrabber-"], - [class^="mediaBarProgress-"], - [class^="mediaBarProgress-"]:after, - [class^="mediaBarProgress-"]:before { - background-color: var(--accent) !important; - } +[class^="reaction-"]:hover, +[class^="reaction-"][class*="reactionMe-"] { + background-color: var(--highlight); +} - [class^="reaction-"] { - background-color: var(--secondary); - border: none; - border-radius: 4px !important; - } +[class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"], +[class^="reaction-"]:hover [class*="reactionCount-"] { + color: var(--_color15); +} - [class^="reaction-"]:hover, - [class^="reaction-"][class*="reactionMe-"] { - background-color: var(--highlight); - } +[class^="reaction-"] [class*="reactionCount-"] { + color: var(--text); +} - [class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"], - [class^="reaction-"]:hover [class*="reactionCount-"] { - color: var(--_color15); - } +[class^="uploadModal-"], +[class^="uploadModal-"] [class^="footer-"], +[class^="layerContainer-"] + [class^="layer-"] + [class^="focusLock-"] + [class^="container-"], +[class^="layerContainer-"] + [class^="layer-"] + [class^="focusLock-"] + [class^="container-"] + [class*="footer-"], +[class^="layerContainer-"] + [class^="layer-"] + [class^="focusLock-"] + [class*="modalSize-"], +[class^="layerContainer-"] + [class^="layer-"] + [class^="focusLock-"] + [class*="modalSize-"] + [class*="footer-"], +[class^="layerContainer-"] + [class^="layer-"] + [class^="focusLock-"] + [class*="modalRoot-"], +[class^="layerContainer-"] + [class^="layer-"] + [class^="focusLock-"] + [class*="modalRoot-"] + [class*="footer-"] { + background-color: var(--background-primary) !important; +} - [class^="reaction-"] [class*="reactionCount-"] { - color: var(--text); - } +[class^="uploadModal-"] [class^="footer-"], +[class^="layerContainer-"] + [class^="layer-"] + [class^="focusLock-"] + [class^="container-"] + [class*="footer-"] { + box-shadow: none; +} - [class^="uploadModal-"], - [class^="uploadModal-"] [class^="footer-"], - [class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class^="container-"], - [class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class^="container-"] - [class*="footer-"], - [class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalSize-"], - [class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalSize-"] - [class*="footer-"], - [class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalRoot-"], - [class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class*="modalRoot-"] - [class*="footer-"] { - background-color: var(--background-primary) !important; - } +/* Channel icons */ +[class^="containerDefault-"] [class*="modeUnread-"] svg[class^="icon-"], +[class^="containerDefault-"]:not(:hover) + [class*="modeUnread-"] + [class^="name-"] { + color: var(--accent); +} +[class^="containerDefault-"] [class*="modeUnread-"] [class^="unread-"] { + background-color: var(--accent); +} - [class^="uploadModal-"] [class^="footer-"], - [class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class^="container-"] - [class*="footer-"] { - box-shadow: none; - } +[class^="containerDefault-"] + [class*="iconVisibility-"]:hover + svg[class^="icon-"], +[class^="containerDefault-"] [class*="iconVisibility-"]:hover [class^="name-"], +[class^="wrapper-"]:hover + > [class^="content-"] + > [class^="mainContent-"] + > [class^="iconContainer-"] + > svg[class^="icon-"] { + color: var(--interactive-hover) !important; +} - /* Channel icons */ - [class^="containerDefault-"] [class*="modeUnread-"] svg[class^="icon-"], - [class^="containerDefault-"]:not(:hover) - [class*="modeUnread-"] - [class^="name-"] { - color: var(--accent); - } - [class^="containerDefault-"] [class*="modeUnread-"] [class^="unread-"] { - background-color: var(--accent); - } +/* Status colors */ +rect[fill="#43b581"], +path[fill="#43b581"], +rect[fill="#3ba55c"], +path[fill="#3ba55c"], +rect[fill="rgba(67, 181, 129, 1)"], +rect[fill="rgba(59, 165, 92, 1)"], +rect[mask="url(#svg-mask-status-online)"][fill="#ffffff"], +rect[mask="url(#svg-mask-status-online-mobile)"][fill="#ffffff"], +rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"], +path[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] { + fill: var(--status-online); +} - [class^="containerDefault-"] - [class*="iconVisibility-"]:hover - svg[class^="icon-"], - [class^="containerDefault-"] - [class*="iconVisibility-"]:hover - [class^="name-"], - [class^="wrapper-"]:hover - > [class^="content-"] - > [class^="mainContent-"] - > [class^="iconContainer-"] - > svg[class^="icon-"] { - color: var(--interactive-hover) !important; - } +rect[fill="#faa61a"], +path[fill="#faa61a"], +rect[fill="rgba(250, 166, 26, 1)"], +rect[mask="url(#svg-mask-status-idle)"][fill="#ffffff"], +rect[mask="url(#svg-mask-status-idle-mobile)"][fill="#ffffff"], +rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"], +path[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] { + fill: var(--status-idle); +} - /* Status colors */ - rect[fill="#43b581"], - path[fill="#43b581"], - rect[fill="#3ba55c"], - path[fill="#3ba55c"], - rect[fill="rgba(67, 181, 129, 1)"], - rect[fill="rgba(59, 165, 92, 1)"], - rect[mask="url(#svg-mask-status-online)"][fill="#ffffff"], - rect[mask="url(#svg-mask-status-online-mobile)"][fill="#ffffff"], - rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"], - path[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"] { - fill: var(--status-online); - } +rect[fill="#f04747"], +path[fill="#f04747"], +rect[fill="#ed4245"], +path[fill="#ed4245"], +rect[fill="rgba(240, 71, 71, 1)"], +rect[mask="url(#svg-mask-status-dnd)"][fill="#ffffff"], +rect[mask="url(#svg-mask-status-dnd-mobile)"][fill="#ffffff"], +rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"], +path[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] { + fill: var(--status-dnd); +} - rect[fill="#faa61a"], - path[fill="#faa61a"], - rect[fill="rgba(250, 166, 26, 1)"], - rect[mask="url(#svg-mask-status-idle)"][fill="#ffffff"], - rect[mask="url(#svg-mask-status-idle-mobile)"][fill="#ffffff"], - rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"], - path[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"] { - fill: var(--status-idle); - } +rect[fill="#747f8d"], +path[fill="#747f8d"], +rect[mask="url(#svg-mask-status-offline)"][fill="#ffffff"], +rect[mask="url(#svg-mask-status-offline-mobile)"][fill="#ffffff"], +rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] { + fill: var(--status-offline); +} - rect[fill="#f04747"], - path[fill="#f04747"], - rect[fill="#ed4245"], - path[fill="#ed4245"], - rect[fill="rgba(240, 71, 71, 1)"], - rect[mask="url(#svg-mask-status-dnd)"][fill="#ffffff"], - rect[mask="url(#svg-mask-status-dnd-mobile)"][fill="#ffffff"], - rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"], - path[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"] { - fill: var(--status-dnd); - } +rect[fill="#593695"], +path[fill="#593695"], +rect[fill="rgba(89, 54, 149, 1)"], +rect[mask="url(#svg-mask-status-streaming)"][fill="#ffffff"], +rect[mask="url(#svg-mask-status-streaming-mobile)"][fill="#ffffff"], +rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { + fill: var(--status-streaming); +} - rect[fill="#747f8d"], - path[fill="#747f8d"], - rect[mask="url(#svg-mask-status-offline)"][fill="#ffffff"], - rect[mask="url(#svg-mask-status-offline-mobile)"][fill="#ffffff"], - rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"] { - fill: var(--status-offline); - } +/******/ - rect[fill="#593695"], - path[fill="#593695"], - rect[fill="rgba(89, 54, 149, 1)"], - rect[mask="url(#svg-mask-status-streaming)"][fill="#ffffff"], - rect[mask="url(#svg-mask-status-streaming-mobile)"][fill="#ffffff"], - rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { - fill: var(--status-streaming); - } +/* misc */ +[class*="standardSidebarView-"] + [class*="contentColumn-"]:not([class*="contentColumnWide-"]) { + max-width: 100%; +} - /******/ +[class*="standardSidebarView-"] [class*="sidebarRegion-"] { + flex: 0; +} - /* misc */ - [class*="standardSidebarView-"] - [class*="contentColumn-"]:not([class*="contentColumnWide-"]) { - max-width: 100%; - } +[class*="unreadBar-"] { + margin: 4px; + border-radius: 4px !important; +} - [class*="standardSidebarView-"] [class*="sidebarRegion-"] { - flex: 0; - } +[class*="unreadBar-"][class*="mention-"] { + background-color: var(--red) !important; +} - [class*="unreadBar-"] { - margin: 4px; - border-radius: 4px !important; - } +[class^="numberBadge-"] { + border-radius: 4px !important; + background-color: var(--red) !important; +} - [class*="unreadBar-"][class*="mention-"] { - background-color: var(--red) !important; - } - - [class^="numberBadge-"] { - border-radius: 4px !important; - background-color: var(--red) !important; - } - - [class*="containerDefault-"] [class*="listDefault-"] { - padding-left: 8px !important; - } - [class*="containerDefault-"] - [class*="listDefault-"] - [class^="avatarContainer-"] { - margin-left: 6px !important; - } - [class*="containerDefault-"] [class*="listDefault-"] > [class^="clickable-"] { - padding-left: 0 !important; - } - [class*="containerDefault-"] - [class*="listDefault-"] - > [class^="clickable-"] - > [class^="content-"] { - margin-left: 0 !important; - } - [class*="containerDefault-"] [class*="listDefault-"] > [class^="separator-"] { - width: 100% !important; - margin: 3px !important; - } - - [class^="nowPlayingColumn-"] { - display: none; - } - - /* Avatars */ - [class*="avatar-"], - [class*="avatar-"] [class*="image-"], - [class*="callAvatar-"], - [class*="callAvatar-"] [class*="speaking-"], - [class*="avatarDefault-"], - [class*="avatarSpeaking-"], - [class*="avatar-"] [class*="inner-"], - [class*="callAvatarVoice-"], - [class*="callAvatarWrapper-"] [class*="speaking-"], - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="header-"] - [class*="avatar-"] - [class*="large-"], - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="header-"] - [class*="avatar-"] - [class*="wrapper-"], - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="message-"] - [class*="contents-"] - [class*="avatar-"], - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - [class^="wrapper-"] - [class*="contents-"] - [class*="avatar-"], - [class^="messageGroupCozy-"] [class*="contents-"] [class*="avatar-"], - [class*="autocomplete-"] - [class*="autocompleteInner-"] - [class*="autocompleteRow-"] - [class*="content-"] - [class*="wrapper-"], - [class*="guildsWrapper-"] - [class*="guilds-"] - [class*="guild-"] - [class*="guildInner-"], - div[class^="listItem-"] foreignObject img, - div[class^="listItem-"] foreignObject a[class^="button-"], - div[class^="listItem-"] foreignObject [class^="childWrapper-"], - div[class^="listItem-"] foreignObject [class^="folder-"], - div[class^="listItem-"] div[class^="wrapperSimple-"], - [class^="circleIconButton-"], - [class^="folderIconWrapper-"], +[class*="containerDefault-"] [class*="listDefault-"] { + padding-left: 8px !important; +} +[class*="containerDefault-"] + [class*="listDefault-"] [class^="avatarContainer-"] { - border-radius: 10% !important; - } + margin-left: 6px !important; +} +[class*="containerDefault-"] [class*="listDefault-"] > [class^="clickable-"] { + padding-left: 0 !important; +} +[class*="containerDefault-"] + [class*="listDefault-"] + > [class^="clickable-"] + > [class^="content-"] { + margin-left: 0 !important; +} +[class*="containerDefault-"] [class*="listDefault-"] > [class^="separator-"] { + width: 100% !important; + margin: 3px !important; +} - [class^="folderIconWrapper-"] - > [class^="closedFolderIconWrapper-"] - > [class^="icon-"] { - border-radius: 6px !important; - } +[class^="nowPlayingColumn-"] { + display: none; +} - [class*="avatarMasked-"], - [class*="maskProfile-"], - [class*="mask-"], - [class*="avatar-"] svg[class*="mask-"] > foreignObject, - [class*="avatarWrapper-"] svg[class*="mask-"] > foreignObject, - [class*="avatarHint-"] > foreignObject, - [class*="wrapper-"] svg[class*="mask-"] > foreignObject, - [class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject, - div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject, - [class^="bannerSVGWrapper-"] > foreignObject { - mask: none !important; - mask-image: none !important; - -webkit-mask-image: none !important; - } +/* Avatars */ +[class*="avatar-"], +[class*="avatar-"] [class*="image-"], +[class*="callAvatar-"], +[class*="callAvatar-"] [class*="speaking-"], +[class*="avatarDefault-"], +[class*="avatarSpeaking-"], +[class*="avatar-"] [class*="inner-"], +[class*="callAvatarVoice-"], +[class*="callAvatarWrapper-"] [class*="speaking-"], +[class^="messagesWrapper-"] + [class^="scrollerInner-"] + [class^="message-"] + [class*="header-"] + [class*="avatar-"] + [class*="large-"], +[class^="messagesWrapper-"] + [class^="scrollerInner-"] + [class^="message-"] + [class*="header-"] + [class*="avatar-"] + [class*="wrapper-"], +[class^="messagesWrapper-"] + [class^="scrollerInner-"] + [class^="message-"] + [class*="contents-"] + [class*="avatar-"], +[class^="messagesWrapper-"] + [class^="scrollerInner-"] + [class^="wrapper-"] + [class*="contents-"] + [class*="avatar-"], +[class^="messageGroupCozy-"] [class*="contents-"] [class*="avatar-"], +[class*="autocomplete-"] + [class*="autocompleteInner-"] + [class*="autocompleteRow-"] + [class*="content-"] + [class*="wrapper-"], +[class*="guildsWrapper-"] + [class*="guilds-"] + [class*="guild-"] + [class*="guildInner-"], +div[class^="listItem-"] foreignObject img, +div[class^="listItem-"] foreignObject a[class^="button-"], +div[class^="listItem-"] foreignObject [class^="childWrapper-"], +div[class^="listItem-"] foreignObject [class^="folder-"], +div[class^="listItem-"] div[class^="wrapperSimple-"], +[class^="circleIconButton-"], +[class^="folderIconWrapper-"], +[class^="avatarContainer-"] { + border-radius: 10% !important; +} - /* chat box */ - [class*="chat-"] [class*="chatContent-"] form { - position: relative; - margin: 0; - } +[class^="folderIconWrapper-"] + > [class^="closedFolderIconWrapper-"] + > [class^="icon-"] { + border-radius: 6px !important; +} - [class*="chat-"] form [class*="typing-"] { - position: absolute; - top: -2px; - left: 10px; - } +[class*="avatarMasked-"], +[class*="maskProfile-"], +[class*="mask-"], +[class*="avatar-"] svg[class*="mask-"] > foreignObject, +[class*="avatarWrapper-"] svg[class*="mask-"] > foreignObject, +[class*="avatarHint-"] > foreignObject, +[class*="wrapper-"] svg[class*="mask-"] > foreignObject, +[class*="callAvatarWrapper-"] svg[class*="callAvatarMask-"] > foreignObject, +div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject, +[class^="bannerSVGWrapper-"] > foreignObject { + mask: none !important; + mask-image: none !important; + -webkit-mask-image: none !important; +} - [class*="channelTextArea-"] { - margin-bottom: 10px !important; - margin-top: 24px !important; - padding: 0 !important; - } +/* chat box */ +[class*="chat-"] [class*="chatContent-"] form { + position: relative; + margin: 0; +} - [class*="channelTextArea-"] [class*="inner-"] { - border-radius: 6px; - } +[class*="chat-"] form [class*="typing-"] { + position: absolute; + top: -2px; + left: 10px; +} - [class*="sansAttachButton-"] { - padding-left: 10px !important; - } +[class*="channelTextArea-"] { + margin-bottom: 10px !important; + margin-top: 24px !important; + padding: 0 !important; +} - .typing .ellipsis, - [class*="typing-"] span[class*="ellipsis-"] { - display: none; - } +[class*="channelTextArea-"] [class*="inner-"] { + border-radius: 6px; +} - form [class*="typing-"] { - background-color: transparent !important; - } +[class*="sansAttachButton-"] { + padding-left: 10px !important; +} - [class^="scrollerSpacer-"] { - height: 4px !important; - } +.typing .ellipsis, +[class*="typing-"] span[class*="ellipsis-"] { + display: none; +} - [class^="chatContent-"] > form:before { - display: none !important; - } +form [class*="typing-"] { + background-color: transparent !important; +} - /* Embeds */ - [class*="embed-"] { - border-radius: 0 0 0 0; - border-color: var(--interactive-active); - } - [class*="embed-"] [class*="embedInner-"] { - border-color: transparent; - } - [class*="embed-"] [class*="embedAuthorIcon-"] { - border-radius: 0; - } - [class*="embed-"] [class^="grid-"] { - padding: 8px !important; - } - [class*="embed-"] [class*="embedMargin-"] { - margin-top: 4px !important; - } - [class*="embed-"] [class*="embedMedia-"] { - margin-top: 4px !important; - } - [class*="embed-"] [class*="embedTitle-"] { - font-size: 16px !important; - font-weight: 200 !important; - } - [class*="embed-"] [class*="embedFieldName-"] { - font-weight: 500 !important; - } - [class*="embed-"] [class*="embedDescription-"], - [class*="embed-"] [class*="embedFieldName-"], - [class*="embed-"] [class*="embedFieldValue-"] { - font-size: 16px !important; - } - [class*="embed-"] [class*="embedFooterText-"] { - font-size: 0.8em; - } +[class^="scrollerSpacer-"] { + height: 4px !important; +} - /* User Popout */ - @keyframes active-stripes { - from { - background-position: 40px; - } - to { - background-position: 0px; - } - } +[class^="chatContent-"] > form:before { + display: none !important; +} - [class*="avatarHint-"], - [class*="avatarNormal-"], - [class*="avatarWrapper-"] [class*="wrapper-"], - [class*="avatarWrapper-"] [class*="image-"], - [class*="replyAvatar-"] { - border: none; - border-radius: 10% !important; - } +/* Embeds */ +[class*="embed-"] { + border-radius: 0 0 0 0; + border-color: var(--interactive-active); +} +[class*="embed-"] [class*="embedInner-"] { + border-color: transparent; +} +[class*="embed-"] [class*="embedAuthorIcon-"] { + border-radius: 0; +} +[class*="embed-"] [class^="grid-"] { + padding: 8px !important; +} +[class*="embed-"] [class*="embedMargin-"] { + margin-top: 4px !important; +} +[class*="embed-"] [class*="embedMedia-"] { + margin-top: 4px !important; +} +[class*="embed-"] [class*="embedTitle-"] { + font-size: 16px !important; + font-weight: 200 !important; +} +[class*="embed-"] [class*="embedFieldName-"] { + font-weight: 500 !important; +} +[class*="embed-"] [class*="embedDescription-"], +[class*="embed-"] [class*="embedFieldName-"], +[class*="embed-"] [class*="embedFieldValue-"] { + font-size: 16px !important; +} +[class*="embed-"] [class*="embedFooterText-"] { + font-size: 0.8em; +} - [class*="background-"] [class*="wrapper-"] [class*="image-"] { - border: 2px solid var(--interactive-active); +/* User Popout */ +@keyframes active-stripes { + from { + background-position: 40px; } + to { + background-position: 0px; + } +} - [class^="userPopout-"] { - border-radius: 0px; - border: none !important; - overflow: hidden scroll !important; - } +[class*="avatarHint-"], +[class*="avatarNormal-"], +[class*="avatarWrapper-"] [class*="wrapper-"], +[class*="avatarWrapper-"] [class*="image-"], +[class*="replyAvatar-"] { + border: none; + border-radius: 10% !important; +} - [class^="userPopout-"]::-webkit-scrollbar { - display: none; - } +[class*="background-"] [class*="wrapper-"] [class*="image-"] { + border: 2px solid var(--interactive-active); +} - [class^="userPopout-"] [class^="banner-"] { - /*box-shadow: 0 2px 5px 0 var(--background-secondary) !important;*/ - background-image: url("https://totallynotavir.us/i/5rw87lo8.gif"); - background-repeat: no-repeat; - image-rendering: pixelated; - } - [class^="userPopout-"] [class^="body-"] { - overflow: hidden visible !important; - } +[class^="userPopout-"] { + border-radius: 0px; + border: none !important; + overflow: hidden scroll !important; +} - [class^="userPopout-"] [class*="headerTop-"], - [class^="userPopout-"] [class*="headerTop-"]:after { - box-shadow: inset 0px -36px 24px -1px var(--background-secondary); - } +[class^="userPopout-"]::-webkit-scrollbar { + display: none; +} - [class^="userPopout-"] [class*="headerTop-"] { - padding: 40px 8px 12px; - } +[class^="userPopout-"] [class^="banner-"] { + /*box-shadow: 0 2px 5px 0 var(--background-secondary) !important;*/ + background-image: url("https://totallynotavir.us/i/5rw87lo8.gif"); + background-repeat: no-repeat; + image-rendering: pixelated; +} +[class^="userPopout-"] [class^="body-"] { + overflow: hidden visible !important; +} - [class^="userPopout-"] [class^="headerContainer-"], - [class^="userPopout-"] [class*="bodyTitle-"], - [class^="userPopout-"] [class*="userInfoTitle-"] { - padding: 4px 10px; - margin-bottom: 0 !important; - } +[class^="userPopout-"] [class*="headerTop-"], +[class^="userPopout-"] [class*="headerTop-"]:after { + box-shadow: inset 0px -36px 24px -1px var(--background-secondary); +} - [class^="userPopout-"] [class^="bodyInnerWrapper"] { - background-color: var(--background-secondary); - } +[class^="userPopout-"] [class*="headerTop-"] { + padding: 40px 8px 12px; +} - [class^="userPopout-"] [class^="avatar-"] { - background-color: transparent; - } +[class^="userPopout-"] [class^="headerContainer-"], +[class^="userPopout-"] [class*="bodyTitle-"], +[class^="userPopout-"] [class*="userInfoTitle-"] { + padding: 4px 10px; + margin-bottom: 0 !important; +} - [class^="userPopout-"] [class*="avatarWrapper-"] { - left: 8px; - } +[class^="userPopout-"] [class^="bodyInnerWrapper"] { + background-color: var(--background-secondary); +} - /*[class^="userPopout-"] [class*="headerTop-"] { +[class^="userPopout-"] [class^="avatar-"] { + background-color: transparent; +} + +[class^="userPopout-"] [class*="avatarWrapper-"] { + left: 8px; +} + +/*[class^="userPopout-"] [class*="headerTop-"] { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "avatar info" "status status" "last last" "join join" "date date" "badges badges"; @@ -699,795 +695,786 @@ transform: translateZ(0); }*/ - [class^="userPopout-"] [class*="headerTag-"] { - color: var(--text-normal); - justify-content: flex-start; - } +[class^="userPopout-"] [class*="headerTag-"] { + color: var(--text-normal); + justify-content: flex-start; +} - [class^="userPopout-"] - [class*="headerTag-"] - span:not([class*="botText-"]):not([class*="username-"]) { - margin-right: 3px; - } +[class^="userPopout-"] + [class*="headerTag-"] + span:not([class*="botText-"]):not([class*="username-"]) { + margin-right: 3px; +} - /*[class^="userPopout-"] [class*="avatarWrapper-"] > [class^="wrapper-"] { +/*[class^="userPopout-"] [class*="avatarWrapper-"] > [class^="wrapper-"] { width: 48px !important; height: 48px !important; }*/ - [class^="userPopout-"] [class*="avatarWrapper-"] > [class^="avatarHint-"] { - display: none; - } +[class^="userPopout-"] [class*="avatarWrapper-"] > [class^="avatarHint-"] { + display: none; +} - [class^="userPopout-"] - [class*="avatarWrapper-"] - > [class^="avatar-"] - > svg - > foreignObject { - x: 8px; - } +[class^="userPopout-"] + [class*="avatarWrapper-"] + > [class^="avatar-"] + > svg + > foreignObject { + x: 8px; +} - [class^="userPopout-"] - [class*="avatarWrapper-"] - > [class^="avatar-"] - > svg - > rect { - x: 0; - y: 0; - width: 8px; - height: 100%; - mask: none !important; - } +[class^="userPopout-"] + [class*="avatarWrapper-"] + > [class^="avatar-"] + > svg + > rect { + x: 0; + y: 0; + width: 8px; + height: 100%; + mask: none !important; +} - [class^="userPopout-"] [class*="headerTop-"] > [class*="avatarWrapper-"] { - margin-bottom: 0; - } - [class^="userPopout-"] [class*="headerTop-"] > [class*="headerText-"] { - display: block; - } +[class^="userPopout-"] [class*="headerTop-"] > [class*="avatarWrapper-"] { + margin-bottom: 0; +} +[class^="userPopout-"] [class*="headerTop-"] > [class*="headerText-"] { + display: block; +} - [class^="userPopout-"] [class*="headerTop-"] > [class*="headerText-"] > div { - width: 100%; - text-align: left; - line-height: normal; - align-items: center; - } +[class^="userPopout-"] [class*="headerTop-"] > [class*="headerText-"] > div { + width: 100%; + text-align: left; + line-height: normal; + align-items: center; +} - [class^="userPopout-"] [class*="headerTop-"] [class*="headerNameWrapper-"] { - overflow: hidden; - text-overflow: ellipsis; - } - [class^="userPopout-"] - [class*="headerTop-"] - [class*="headerNameWrapper-"] - [class*="headerName-"] { - white-space: nowrap; - } - [class^="userPopout-"] - [class*="headerTop-"] - [class*="headerTagUsernameNoNickname-"] { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - [class^="userPopout-"] [class^="activity-"] { - background: transparent; - position: relative; - padding: 0; - } +[class^="userPopout-"] [class*="headerTop-"] [class*="headerNameWrapper-"] { + overflow: hidden; + text-overflow: ellipsis; +} +[class^="userPopout-"] + [class*="headerTop-"] + [class*="headerNameWrapper-"] + [class*="headerName-"] { + white-space: nowrap; +} +[class^="userPopout-"] + [class*="headerTop-"] + [class*="headerTagUsernameNoNickname-"] { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +[class^="userPopout-"] [class^="activity-"] { + background: transparent; + position: relative; + padding: 0; +} - [class^="userPopout-"] [class^="activityUserPopout-"], - [class^="userPopout-"] [class^="body-"], - [class^="userPopout-"] [class^="body-"] [class^="bodyInnerWrapper-"] { - padding: 0; - } +[class^="userPopout-"] [class^="activityUserPopout-"], +[class^="userPopout-"] [class^="body-"], +[class^="userPopout-"] [class^="body-"] [class^="bodyInnerWrapper-"] { + padding: 0; +} - [class^="userPopout-"] [class^="body-"]::-webkit-scrollbar { - display: none; - } +[class^="userPopout-"] [class^="body-"]::-webkit-scrollbar { + display: none; +} - [class^="userPopout-"] - [class^="activityUserPopout-"] - > [class^="bodyNormal-"], - [class^="userPopout-"] - [class^="activityUserPopout-"] - > [class^="bodyAlignCenter-"], - [class^="userPopout-"] [class*="aboutMeBody-"], - [class^="userPopout-"] [class*="userInfoBody-"], - [class^="userPopout-"] - [class^="body-"] - > [class^="bodyInnerWrapper-"] - > [class^="markup-"] { - padding: 8px; - } +[class^="userPopout-"] [class^="activityUserPopout-"] > [class^="bodyNormal-"], +[class^="userPopout-"] + [class^="activityUserPopout-"] + > [class^="bodyAlignCenter-"], +[class^="userPopout-"] [class*="aboutMeBody-"], +[class^="userPopout-"] [class*="userInfoBody-"], +[class^="userPopout-"] + [class^="body-"] + > [class^="bodyInnerWrapper-"] + > [class^="markup-"] { + padding: 8px; +} - [class^="userPopout-"] [class*="headerTop-"] [class^="customStatus-"] { - margin-top: 10px; - grid-area: status; - text-align: left; - } - [class^="userPopout-"] - [class*="headerTop-"] - [class^="customStatus-"] - [class*="customStatusSoloEmoji-"] { - height: 20px; - width: 20px; - } - [class^="userPopout-"] - [class*="headerPlaying-"] - [class*="activity-"] - > [class*="buttonsWrapper-"] { - margin-top: 0; - padding: 0 10px; - position: relative; - } - [class^="userPopout-"] - [class*="headerPlaying-"] - [class*="activity-"] - > [class*="buttonsWrapper-"] - > [class*="listeningActionsUserPopout-"] { - height: 34px; - position: absolute; - top: 10px; - left: -11px; - width: calc(100% + 20px); - border-bottom: none; - border-top: 1px solid var(--interactive-active); - } +[class^="userPopout-"] [class*="headerTop-"] [class^="customStatus-"] { + margin-top: 10px; + grid-area: status; + text-align: left; +} +[class^="userPopout-"] + [class*="headerTop-"] + [class^="customStatus-"] + [class*="customStatusSoloEmoji-"] { + height: 20px; + width: 20px; +} +[class^="userPopout-"] + [class*="headerPlaying-"] + [class*="activity-"] + > [class*="buttonsWrapper-"] { + margin-top: 0; + padding: 0 10px; + position: relative; +} +[class^="userPopout-"] + [class*="headerPlaying-"] + [class*="activity-"] + > [class*="buttonsWrapper-"] + > [class*="listeningActionsUserPopout-"] { + height: 34px; + position: absolute; + top: 10px; + left: -11px; + width: calc(100% + 20px); + border-bottom: none; + border-top: 1px solid var(--interactive-active); +} - [class^="userPopout-"] [class*="actionsStreamPreview-"], - [class^="userPopout-"] [class*="listeningActionsUserPopout-"] { - position: absolute; - bottom: -35px; - left: 0; - width: 100%; - box-sizing: border-box; - margin-top: 0; - display: flex; - align-items: center; - justify-content: center; - height: 34px; - padding: 0 5px; - } - [class^="userPopout-"] [class*="listeningActionsUserPopout-"] > span, - [class^="userPopout-"] - [class*="listeningActionsUserPopout-"] - [class*="contents-"] { - margin: 0; - } - [class^="userPopout-"] - [class*="listeningActionsUserPopout-"] - [class*="iconButton-"] { - max-width: 62px; - } - [class^="userPopout-"] [class*="assetsLargeImageStreamPreview-"], - [class^="userPopout-"] [class*="assetsLargeImageUserPopout-"], - [class^="userPopout-"] [class*="assetsLargeImageUserPopoutXbox-"] { - width: 45px; - height: 45px; - border-radius: 10%; - } +[class^="userPopout-"] [class*="actionsStreamPreview-"], +[class^="userPopout-"] [class*="listeningActionsUserPopout-"] { + position: absolute; + bottom: -35px; + left: 0; + width: 100%; + box-sizing: border-box; + margin-top: 0; + display: flex; + align-items: center; + justify-content: center; + height: 34px; + padding: 0 5px; +} +[class^="userPopout-"] [class*="listeningActionsUserPopout-"] > span, +[class^="userPopout-"] + [class*="listeningActionsUserPopout-"] + [class*="contents-"] { + margin: 0; +} +[class^="userPopout-"] + [class*="listeningActionsUserPopout-"] + [class*="iconButton-"] { + max-width: 62px; +} +[class^="userPopout-"] [class*="assetsLargeImageStreamPreview-"], +[class^="userPopout-"] [class*="assetsLargeImageUserPopout-"], +[class^="userPopout-"] [class*="assetsLargeImageUserPopoutXbox-"] { + width: 45px; + height: 45px; + border-radius: 10%; +} - [class^="userPopout-"] [class^="protip-"] { - display: none; - } +[class^="userPopout-"] [class^="protip-"] { + display: none; +} - [class^="userPopout-"] [class*="header-"], - [class^="userPopout-"] [class*="headerTop-"], - [class^="userPopout-"] [class*="headerPlaying-"], - [class^="userPopout-"] [class*="headerNormal-"], - [class^="userPopout-"] [class*="headerXbox-"], - [class^="userPopout-"] [class*="headerSpotify-"], - [class^="userPopout-"] [class*="headerStreaming-"] { - border-bottom: none !important; - } +[class^="userPopout-"] [class*="header-"], +[class^="userPopout-"] [class*="headerTop-"], +[class^="userPopout-"] [class*="headerPlaying-"], +[class^="userPopout-"] [class*="headerNormal-"], +[class^="userPopout-"] [class*="headerXbox-"], +[class^="userPopout-"] [class*="headerSpotify-"], +[class^="userPopout-"] [class*="headerStreaming-"] { + border-bottom: none !important; +} - [class^="userPopout-"] [class*="buttonsWrapper-"] { - margin-top: 0; - padding: 0 8px 8px; - } - [class^="userPopout-"] [class*="buttonsWrapper-"]:empty { - padding: 0; - } +[class^="userPopout-"] [class*="buttonsWrapper-"] { + margin-top: 0; + padding: 0 8px 8px; +} +[class^="userPopout-"] [class*="buttonsWrapper-"]:empty { + padding: 0; +} - [class^="userPopout-"] [class*="headerXbox-"] [class*="avatarStatus-"] { - background-color: #107c10; - } - [class^="userPopout-"] [class*="headerSpotify-"] [class*="avatarStatus-"] { - background-color: #1db954; - } - [class^="userPopout-"] [class*="headerStreaming-"] [class*="avatarStatus-"] { - background-color: var(--status-streaming); - } +[class^="userPopout-"] [class*="headerXbox-"] [class*="avatarStatus-"] { + background-color: #107c10; +} +[class^="userPopout-"] [class*="headerSpotify-"] [class*="avatarStatus-"] { + background-color: #1db954; +} +[class^="userPopout-"] [class*="headerStreaming-"] [class*="avatarStatus-"] { + background-color: var(--status-streaming); +} - [class^="userPopout-"] [class^="body-"], - [class^="userPopout-"] [class*="footer-"], - [class^="userPopout-"] [class*="activityUserPopout-"], - [class^="userPopout-"] [class*="scrollerWrap-"] { - background: var(--background-secondary) !important; - } +[class^="userPopout-"] [class^="body-"], +[class^="userPopout-"] [class*="footer-"], +[class^="userPopout-"] [class*="activityUserPopout-"], +[class^="userPopout-"] [class*="scrollerWrap-"] { + background: var(--background-secondary) !important; +} - [class^="userPopout-"] [class*="note-"], - [class^="userPopout-"] [class*="footer-"] { - padding: 8px; - } +[class^="userPopout-"] [class*="note-"], +[class^="userPopout-"] [class*="footer-"] { + padding: 8px; +} - [class^="userPopout-"] [class*="note-"] textarea, - [class^="userPopout-"] [class*="footer-"] [class*="inputDefault-"] { - border: 1px solid var(--tertiary); - } - [class^="userPopout-"] - [class*="footer-"] - [class*="inputDefault-"]::placeholder, - [class^="userPopout-"] [class*="note-"] textarea::placeholder { - color: var(--interactive-active); - } +[class^="userPopout-"] [class*="note-"] textarea, +[class^="userPopout-"] [class*="footer-"] [class*="inputDefault-"] { + border: 1px solid var(--tertiary); +} +[class^="userPopout-"] [class*="footer-"] [class*="inputDefault-"]::placeholder, +[class^="userPopout-"] [class*="note-"] textarea::placeholder { + color: var(--interactive-active); +} - [class^="userPopout-"] [class^="timeBarUserPopout-"] { - margin-top: 0; - padding: 0 8px 8px; - } +[class^="userPopout-"] [class^="timeBarUserPopout-"] { + margin-top: 0; + padding: 0 8px 8px; +} - [class^="userPopout-"] - [class^="activityUserPopout-"] - [class^="spotifyIcon-"] { - top: 4px !important; - right: 8px !important; - } +[class^="userPopout-"] [class^="activityUserPopout-"] [class^="spotifyIcon-"] { + top: 4px !important; + right: 8px !important; +} - [class^="userPopout-"] [class^="aboutMeSection-"], - [class^="userPopout-"] [class^="userInfoSection-"], - [class^="userPopout-"] - [class^="body-"] - > [class^="bodyInnerWrapper-"] - > [class^="textRow-"] { - margin: 0 !important; - } +[class^="userPopout-"] [class^="aboutMeSection-"], +[class^="userPopout-"] [class^="userInfoSection-"], +[class^="userPopout-"] + [class^="body-"] + > [class^="bodyInnerWrapper-"] + > [class^="textRow-"] { + margin: 0 !important; +} - [class^="userPopout-"] [class*="rolesList-"] { - margin: 0; - padding: 8px; - } +[class^="userPopout-"] [class*="rolesList-"] { + margin: 0; + padding: 8px; +} - [class^="userPopout-"] - [class^="body-"] - > [class^="bodyInnerWrapper-"] - > [class^="textRow-"] - > [class^="markdown-"] { - color: var(--text-normal); - } +[class^="userPopout-"] + [class^="body-"] + > [class^="bodyInnerWrapper-"] + > [class^="textRow-"] + > [class^="markdown-"] { + color: var(--text-normal); +} - [class^="userPopout-"] [class^="customStatus-"] { - margin: 0; - padding: 0 8px 8px; - } +[class^="userPopout-"] [class^="customStatus-"] { + margin: 0; + padding: 0 8px 8px; +} - [class^="userPopout-"] .mutual-guilds { - padding: 0 !important; - padding-top: 8px !important; - } +[class^="userPopout-"] .mutual-guilds { + padding: 0 !important; + padding-top: 8px !important; +} - [class^="userPopout-"] [class*="role-"] { - background: var(--background-modifier-selected); - } +[class^="userPopout-"] [class*="role-"] { + background: var(--background-modifier-selected); +} - /* Profiles */ - [class^="focusLock-"][aria-modal="true"] - > [class^="root-"] - [class*="profileBanner-"] { - background: url("https://totallynotavir.us/i/5rw87lo8.gif"); - background-size: cover; - background-repeat: no-repeat; - image-rendering: pixelated; - } +/* Profiles */ +[class^="focusLock-"][aria-modal="true"] + > [class^="root-"] + [class*="profileBanner-"] { + background: url("https://totallynotavir.us/i/5rw87lo8.gif"); + background-size: cover; + background-repeat: no-repeat; + image-rendering: pixelated; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] { - margin-top: 8px; - } +[class^="focusLock-"][aria-modal="true"] > [class*="root-"] > [class^="body-"] { + margin-top: 8px; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"], - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"], - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"], - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] { - padding: 0 !important; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"], +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="userInfoSection-"], +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="listScroller-"], +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="listScroller-"] + > [class^="activityProfile-"] { + padding: 0 !important; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class^="userInfoText-"], - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class^="note-"], - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - > [class^="bodyNormal-"], - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - > [class^="bodyAlignCenter-"] { - padding: 8px !important; - margin: 0; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="userInfoSection-"] + > [class^="userInfoText-"], +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="userInfoSection-"] + > [class^="note-"], +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="listScroller-"] + > [class^="activityProfile-"] + > [class^="bodyNormal-"], +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="listScroller-"] + > [class^="activityProfile-"] + > [class^="bodyAlignCenter-"] { + padding: 8px !important; + margin: 0; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class^="note-"] - textarea { - border: 1px solid var(--tertiary); - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="userInfoSection-"] + > [class^="note-"] + textarea { + border: 1px solid var(--tertiary); +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class^="connectedAccounts-"] - > [class^="connectedAccount-"] { - margin: 8px; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="userInfoSection-"] + > [class^="connectedAccounts-"] + > [class^="connectedAccount-"] { + margin: 8px; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - > [class^="headerContainer-"] { - margin-bottom: 0; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="listScroller-"] + > [class^="activityProfile-"] + > [class^="headerContainer-"] { + margin-bottom: 0; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - [class^="spotifyIcon-"] { - top: 3px; - right: 8px; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="listScroller-"] + > [class^="activityProfile-"] + [class^="spotifyIcon-"] { + top: 3px; + right: 8px; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="topSection-"] - > header - > [class^="header-"] - [class^="avatar-"] { - border: none !important; - background-color: transparent; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="topSection-"] + > header + > [class^="header-"] + [class^="avatar-"] { + border: none !important; + background-color: transparent; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="topSection-"] - > header - > [class*="nameTag-"] { - margin-top: 64px !important; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="topSection-"] + > header + > [class*="nameTag-"] { + margin-top: 64px !important; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="topSection-"] - > header - > [class^="customStatusActivity-"] { - padding-bottom: 8px !important; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="topSection-"] + > header + > [class^="customStatusActivity-"] { + padding-bottom: 8px !important; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="topSection-"] - > [class^="tabBarContainer-"] - > [class^="tabBar-"] { - height: 36px !important; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="topSection-"] + > [class^="tabBarContainer-"] + > [class^="tabBar-"] { + height: 36px !important; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="topSection-"] - > [class^="tabBarContainer-"] - > [class^="tabBar-"] - > [class^="tabBarItem-"] { - margin-right: 24px !important; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="topSection-"] + > [class^="tabBarContainer-"] + > [class^="tabBar-"] + > [class^="tabBarItem-"] { + margin-right: 24px !important; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class*="userInfoSectionHeader-"], - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - [class*="headerTextNormal-"] { - padding: 4px 10px !important; - margin-bottom: 0 !important; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="userInfoSection-"] + > [class*="userInfoSectionHeader-"], +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="listScroller-"] + > [class^="activityProfile-"] + [class*="headerTextNormal-"] { + padding: 4px 10px !important; + margin-bottom: 0 !important; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - + [class*="userInfoSection-"] { - border: none !important; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="userInfoSection-"] + + [class*="userInfoSection-"] { + border: none !important; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class^="connectedAccounts-"] { - margin-top: 0px; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="userInfoSection-"] + > [class^="connectedAccounts-"] { + margin-top: 0px; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"]::before { - color: var(--header-secondary) !important; - padding: 4px 10px; - text-transform: uppercase; - font-family: var(--font-display); - font-weight: 700; - font-size: 12px; - line-height: 16px; - height: 16px; - width: 100%; - content: "Connected Accounts"; - position: absolute; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="connectedAccounts-"]::before { + color: var(--header-secondary) !important; + padding: 4px 10px; + text-transform: uppercase; + font-family: var(--font-display); + font-weight: 700; + font-size: 12px; + line-height: 16px; + height: 16px; + width: 100%; + content: "Connected Accounts"; + position: absolute; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"] - > [class^="connectedAccountsColumn-"] { - margin-top: 16px; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="connectedAccounts-"] + > [class^="connectedAccountsColumn-"] { + margin-top: 16px; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"] - > [class^="connectedAccountsColumn-"]:nth-child(1) { - padding-left: 8px; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="connectedAccounts-"] + > [class^="connectedAccountsColumn-"]:nth-child(1) { + padding-left: 8px; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"] - > [class^="connectedAccountsColumn-"] - > [class^="connectedAccountContainer-"] { - background-color: var(--background-secondary); - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="connectedAccounts-"] + > [class^="connectedAccountsColumn-"] + > [class^="connectedAccountContainer-"] { + background-color: var(--background-secondary); +} - /* Reactions Modal */ - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="scroller-"] { - background: var(--background-secondary); - } +/* Reactions Modal */ +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="scroller-"] { + background: var(--background-secondary); +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - [class^="reactors-"] { - background-color: var(--background-primary); - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + [class^="reactors-"] { + background-color: var(--background-primary); +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="scroller-"] - > [class^="reactionSelected-"] { - background-color: var(--background-modifier-active); - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="scroller-"] + > [class^="reactionSelected-"] { + background-color: var(--background-modifier-active); +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="scroller-"] - > [class^="reactionDefault-"]:hover { - background-color: var(--background-modifier-hover); - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="scroller-"] + > [class^="reactionDefault-"]:hover { + background-color: var(--background-modifier-hover); +} - /* Change Nickname Modal */ - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"]:not([class*="carouselModal-"]) { - background-color: var(--background-primary); - } - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > form - > [class^="flex-"]:nth-child(3), - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="flex-"]:nth-child(3) { - background: var(--background-secondary); - } +/* Change Nickname Modal */ +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"]:not([class*="carouselModal-"]) { + background-color: var(--background-primary); +} +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > form + > [class^="flex-"]:nth-child(3), +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="flex-"]:nth-child(3) { + background: var(--background-secondary); +} - /* Delete Modal */ - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="content-"] - > [class^="message-"] { - background-color: var(--background-primary); - } +/* Delete Modal */ +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="content-"] + > [class^="message-"] { + background-color: var(--background-primary); +} - /* dropdown menus */ - [class^="css-"][class$="-menu"] { - z-index: 9999; - background-color: var(--background-secondary); - border-color: var(--background-primary); - } +/* dropdown menus */ +[class^="css-"][class$="-menu"] { + z-index: 9999; + background-color: var(--background-secondary); + border-color: var(--background-primary); +} - /* listen along */ - [id^="popout_"] [class^="userList-"] { - border-color: var(--background-primary) !important; - } - [id^="popout_"] [class^="userList-"] [class^="header-"] { - background-color: var(--background-secondary) !important; - color: var(--header-primary) !important; - } - [id^="popout_"] [class^="userList-"] [class^="content-"] { - background-color: var(--background-primary) !important; - } +/* listen along */ +[id^="popout_"] [class^="userList-"] { + border-color: var(--background-primary) !important; +} +[id^="popout_"] [class^="userList-"] [class^="header-"] { + background-color: var(--background-secondary) !important; + color: var(--header-primary) !important; +} +[id^="popout_"] [class^="userList-"] [class^="content-"] { + background-color: var(--background-primary) !important; +} - [class*="moreUsers-"] { - background-color: var(--background-tertiary) !important; - } +[class*="moreUsers-"] { + background-color: var(--background-tertiary) !important; +} - /* misc */ - [class^="uploadModal-"] { - border-radius: 0; - } +/* misc */ +[class^="uploadModal-"] { + border-radius: 0; +} - #splash { - background-color: var(--primary); - } +#splash { + background-color: var(--primary); +} - /*[class*="pictureInPicture-"] { +/*[class*="pictureInPicture-"] { display: none; }*/ - [class^="scroller"][id="private-channels"] - a[class^="channel-"][href*="/discovery"] { - display: none; - } +[class^="scroller"][id="private-channels"] + a[class^="channel-"][href*="/discovery"] { + display: none; +} - [class^="modalTextContainer-"] { - overflow: scroll !important; - } +[class^="modalTextContainer-"] { + overflow: scroll !important; +} - [class*="mirror-"] { - transform: none !important; - } +[class*="mirror-"] { + transform: none !important; +} - [class*="modal-"][class*="root-"] { - background-color: var(--background-primary); - box-shadow: var(--deprecated-card-bg) 0px 0px 0px 1px, - rgba(0, 0, 0, 0.2) 0px 2px 10px 0px; - } +[class*="modal-"][class*="root-"] { + background-color: var(--background-primary); + box-shadow: var(--deprecated-card-bg) 0px 0px 0px 1px, + rgba(0, 0, 0, 0.2) 0px 2px 10px 0px; +} - a[class^="anchor-"]:not([aria-controls^="popout_"]) { - color: var(--text-link) !important; - } +a[class^="anchor-"]:not([aria-controls^="popout_"]) { + color: var(--text-link) !important; +} - [class*="bar-"][class*="mention-"] { - background-color: var(--red); - } +[class*="bar-"][class*="mention-"] { + background-color: var(--red); +} - [class^="accountProfileCard-"] [class^="avatar-"] { - border: 0; - background-color: transparent; - } +[class^="accountProfileCard-"] [class^="avatar-"] { + border: 0; + background-color: transparent; +} - [class^="perksModal-"] { - background-color: var(--background-primary) !important; - } - [class^="directoryModal-"] { - background-color: var(--background-primary) !important; - } +[class^="perksModal-"] { + background-color: var(--background-primary) !important; +} +[class^="directoryModal-"] { + background-color: var(--background-primary) !important; +} - [class*="barBase-"] { - padding-bottom: 0 !important; - border-radius: 8px; - margin: 0 4px; - } +[class*="barBase-"] { + padding-bottom: 0 !important; + border-radius: 8px; + margin: 0 4px; +} - [class^="layerContainer-"] > [class^="layer-"] > [class^="container-"] { - background: var(--background-floating); - } - [class^="layerContainer-"] - > [class^="layer-"] - > [class^="container-"] - [class^="option-"]:after { - background: transparent; - } +[class^="layerContainer-"] > [class^="layer-"] > [class^="container-"] { + background: var(--background-floating); +} +[class^="layerContainer-"] + > [class^="layer-"] + > [class^="container-"] + [class^="option-"]:after { + background: transparent; +} - [class^="layerContainer-"] - > [class^="layer-"] - > [class^="container-"] - [class^="option-"][class*="selected-"] { - background: var(--background-modifier-hover); - } +[class^="layerContainer-"] + > [class^="layer-"] + > [class^="container-"] + [class^="option-"][class*="selected-"] { + background: var(--background-modifier-hover); +} - [class^="content-"] > [class^="sidebar-"] { - border-radius: 0; - } +[class^="content-"] > [class^="sidebar-"] { + border-radius: 0; +} - .platform-osx [class*="guilds-"] > ul > [class^="scroller-"] { - padding-top: 4px; - } +.platform-osx [class*="guilds-"] > ul > [class^="scroller-"] { + padding-top: 4px; +} - [class^="slider-"] { - padding-top: 0 !important; - } +[class^="slider-"] { + padding-top: 0 !important; +} - .platform-win - nav[class*="guilds-"] - > ul[class^="tree-"] - > [class^="scroller-"] { - padding-top: 12px !important; - } +.platform-win + nav[class*="guilds-"] + > ul[class^="tree-"] + > [class^="scroller-"] { + padding-top: 12px !important; +} - a[href="https://support.discord.com"] - { - display: none; - } +a[href="https://support.discord.com"] +{ + display: none; +} - [class*="timestampVisibleOnHover-"] { - opacity: 1 !important; - } +[class*="timestampVisibleOnHover-"] { + opacity: 1 !important; +} - [class^="message-"][class*="compact-"] { - padding-top: 0 !important; - padding-bottom: 0 !important; - } +[class^="message-"][class*="compact-"] { + padding-top: 0 !important; + padding-bottom: 0 !important; +} - [class*="progressBarHeader-"] > [class^="container-"], - [class^="control-"] > [class^="container-"] { - transition: background-color 0.75s linear; - } +[class*="progressBarHeader-"] > [class^="container-"], +[class^="control-"] > [class^="container-"] { + transition: background-color 0.75s linear; +} - [class*="progressBarHeader-"] - > [class^="container-"]:not([class*="checked-"]), - [class^="control-"] > [class^="container-"]:not([class*="checked-"]) { - background-color: var(--highlight) !important; - } - [class*="progressBarHeader-"] > [class^="container-"][class*="checked-"], - [class^="control-"] > [class^="container-"][class*="checked-"] { - background-color: var(--_color2) !important; - } +[class*="progressBarHeader-"] > [class^="container-"]:not([class*="checked-"]), +[class^="control-"] > [class^="container-"]:not([class*="checked-"]) { + background-color: var(--highlight) !important; +} +[class*="progressBarHeader-"] > [class^="container-"][class*="checked-"], +[class^="control-"] > [class^="container-"][class*="checked-"] { + background-color: var(--_color2) !important; +} - [class^="radioBar-"][style*="--radio-bar-accent-color:hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] { - --radio-bar-accent-color: var(--_color2) !important; - } - [class^="radioBar-"][style*="--radio-bar-accent-color:hsl(37, calc(var(--saturation-factor, 1) * 81.2%), 43.9%);"] { - --radio-bar-accent-color: var(--_color3) !important; - } - [class^="radioBar-"][style*="--radio-bar-accent-color:hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] { - --radio-bar-accent-color: var(--_color1) !important; - } +[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] { + --radio-bar-accent-color: var(--_color2) !important; +} +[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(37, calc(var(--saturation-factor, 1) * 81.2%), 43.9%);"] { + --radio-bar-accent-color: var(--_color3) !important; +} +[class^="radioBar-"][style*="--radio-bar-accent-color:hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] { + --radio-bar-accent-color: var(--_color1) !important; +} - span[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%);"] { - background-color: var(--accent) !important; - } - span[style*="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] { - background-color: var(--red) !important; - } +span[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%);"] { + background-color: var(--accent) !important; +} +span[style*="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] { + background-color: var(--red) !important; +} - [class^="updateIconForeground-"] { - fill: var(--_color2); - } +[class^="updateIconForeground-"] { + fill: var(--_color2); +} - [class*="tierHeaderLocked-"], - [class*="tierHeaderUnlocked-"] { - background-color: var(--background-secondary) !important; - } +[class*="tierHeaderLocked-"], +[class*="tierHeaderUnlocked-"] { + background-color: var(--background-secondary) !important; +} - [class*="tierAccomplished-"], - [class*="tierCurrent-"], - [class*="tierFirst-"] { - background: var(--_color13) !important; - } +[class*="tierAccomplished-"], +[class*="tierCurrent-"], +[class*="tierFirst-"] { + background: var(--_color13) !important; +} - [class^="progressWithSubscriptions-"] > svg > g > rect[class^="background-"] { - color: var(--background-secondary); - } +[class^="progressWithSubscriptions-"] > svg > g > rect[class^="background-"] { + color: var(--background-secondary); +} - [class^="tierIcon-"], - [class^="unlockedIcon-"], - [class^="progressWithSubscriptions-"] > svg > g > rect[class^="foreground-"] { - color: var(--_color13) !important; - } - svg[fill="#FF73FA"] { - fill: var(--_color13) !important; - } +[class^="tierIcon-"], +[class^="unlockedIcon-"], +[class^="progressWithSubscriptions-"] > svg > g > rect[class^="foreground-"] { + color: var(--_color13) !important; +} +svg[fill="#FF73FA"] { + fill: var(--_color13) !important; +} - [class^="activeCircle-"] { - background-color: var(--_color2) !important; - } +[class^="activeCircle-"] { + background-color: var(--_color2) !important; +} - [class*="allow-"][class*="selected-"] { - background-color: var(--status-positive) !important; - } +[class*="allow-"][class*="selected-"] { + background-color: var(--status-positive) !important; +} - [class^="item-"][style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] { - background-color: var(--_color2) !important; - } +[class^="item-"][style*="background-color: hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%);"] { + background-color: var(--_color2) !important; +} - [class^="chat-"][class*="background-"], - [class^="title-"][class*="background-"], - [class^="chat-"] > [class^="content-"] > [class^="container-"] { - background-color: var(--tertiary) !important; - } +[class^="chat-"][class*="background-"], +[class^="title-"][class*="background-"], +[class^="chat-"] > [class^="content-"] > [class^="container-"] { + background-color: var(--tertiary) !important; +} - [class*="headerBarInner-"]:after { - background: transparent !important; - } +[class*="headerBarInner-"]:after { + background: transparent !important; +} - [class^="streamPreview-"] { - background-color: var(--secondary) !important; - } - [class^="streamPreview-"] > [class^="previewContainer-"] { - background-color: var(--primary) !important; - } +[class^="streamPreview-"] { + background-color: var(--secondary) !important; +} +[class^="streamPreview-"] > [class^="previewContainer-"] { + background-color: var(--primary) !important; +} - [class*="messageContent-"].deleted-message { - color: var(--_color1) !important; - } +[class*="messageContent-"].deleted-message { + color: var(--_color1) !important; +} - [class^="markdown-"] [class^="codeInline-"], - [class^="codeLine-"], - [class^="codeBlockText-"], - [class^="durationTimeDisplay-"], - [class^="durationTimeSeparator-"], - [class^="after_inlineCode-"], - [class^="before_inlineCode-"], - [class^="inlineCode-"], - code.inline, - code, - .hljs { - font-family: var(--font-code) !important; - } +[class^="markdown-"] [class^="codeInline-"], +[class^="codeLine-"], +[class^="codeBlockText-"], +[class^="durationTimeDisplay-"], +[class^="durationTimeSeparator-"], +[class^="after_inlineCode-"], +[class^="before_inlineCode-"], +[class^="inlineCode-"], +code.inline, +code, +.hljs { + font-family: var(--font-code) !important; +} - /* an attempt to have collapsing channel list */ - /*[class^="sidebar-"] > [class^="panels-"] { +/* an attempt to have collapsing channel list */ +/*[class^="sidebar-"] > [class^="panels-"] { position: absolute; bottom: 0; width: 240px; @@ -1597,283 +1584,281 @@ margin-left: 0; }*/ - /* jane's steam border ext */ - .steam-border-message > #border { - width: 20px !important; - height: 20px !important; - left: 0 !important; - } +/* jane's steam border ext */ +.steam-border-message > #border { + width: 20px !important; + height: 20px !important; + left: 0 !important; +} - .steam-border-popout > #border { - left: 0 !important; - top: 0 !important; - } +.steam-border-popout > #border { + left: 0 !important; + top: 0 !important; +} - .steam-border-modal > #border { - left: 1em !important; - top: -4.25em !important; - } +.steam-border-modal > #border { + left: 1em !important; + top: -4.25em !important; +} - .steam-border-modal { - position: absolute; - } +.steam-border-modal { + position: absolute; +} - .steam-border-user > .avatarWrapper { - top: -7.3em !important; - left: -6.1em !important; - } +.steam-border-user > .avatarWrapper { + top: -7.3em !important; + left: -6.1em !important; +} - /* hljs */ - [class^="markdown-"] code { - background-color: var(--background-secondary) !important; - border-radius: 5%; - line-height: 12px !important; - } - [class^="markdown-"] [class^="codeInline-"], - code.inline { - -webkit-font-smoothing: none !important; - font-family: var(--font-code) !important; - font-size: 12px !important; - line-height: 12px !important; - color: var(--_colorFG) !important; - } - .hljs { - background: var(--background-secondary) !important; - font-family: var(--font-code) !important; - font-size: 12px !important; - -webkit-font-smoothing: none !important; - display: block; - overflow-x: auto; - padding: 0.5em; - color: var(--_colorFG); - } - .hljs-keyword { - color: var(--_color5); - } - .hljs-built_in { - color: var(--_color6); - } - .hljs-type { - color: var(--_color3); - } - .hljs-literal { - color: var(--_color3); - } - .hljs-number { - color: var(--_color3); - } - .hljs-regexp { - color: var(--_color6); - } - .hljs-string { - color: var(--_color2); - } - .hljs-subst { - color: var(--_color1); - } - .hljs-symbol { - color: var(--_color5); - } - .hljs-class { - color: var(--_color3); - } - .hljs-function { - color: var(--_color4); - } - .hljs-title { - color: var(--_color4); - } - .hljs-params { - color: var(--_color1); - } - .hljs-comment { - color: var(--highlight); - } - .hljs-doctag { - color: var(--_colorFG); - } - .hljs-meta { - color: var(--_color1); - } - .hljs-meta-keyword { - color: var(--_color3); - } - .hljs-meta-string { - color: var(--_color2) !important; - } - .hljs-section { - color: var(--_color4); - } - .hljs-tag { - color: var(--_colorFG); - } - .hljs-name { - color: var(--_color1); - } - .hljs-builtin-name { - color: var(--_colorFG); - } - .hljs-attr { - color: var(--_color3); - } - .hljs-attribute { - color: var(--_colorFG); - } - .hljs-variable { - color: var(--_color1); - } - .hljs-bullet { - color: var(--_color1); - } - .hljs-code { - color: var(--_color2); - } - .hljs-emphasis { - color: var(--_color5); - font-style: italic; - } - .hljs-strong { - color: var(--_color3); - font-weight: bold; - } - .hljs-formula { - color: var(--_colorFG); - } - .hljs-link { - color: var(--_color3); - } - .hljs-quote { - color: var(--_color3); - } - .hljs-selector-tag { - color: var(--_color1); - } - .hljs-selector-id { - color: var(--_color4); - } - .hljs-selector-class { - color: var(--_color3); - } - .hljs-selector-attr { - color: var(--_color4); - } - .hljs-selector-pseudo { - color: var(--_color3); - } - .hljs-template-tag { - color: var(--_colorFG); - } - .hljs-template-variable { - color: var(--_colorFG); - } - .hljs-addition { - color: #a6e22e; - background: #384c10; - } - .hljs-deletion { - color: #f92672; - background: #4c0c23; - } - .hljs-operator { - color: var(--_colorFG); - } - .hljs-pattern-match { - color: var(--_colorFG); - } - .hljs-typing { - color: var(--_colorFG); - } - .hljs-constructor { - color: var(--_colorFG); - } - .hljs-module-access { - color: var(--_colorFG); - } - .hljs-module { - color: var(--_colorFG); - } - .hljs-emphasis { - font-style: italic !important; - } - .hljs-strong { - font-weight: bold !important; - } - .hljs-ansi-foreground-black [class^="hljs-ansi-background-"], - .hljs-ansi-foreground-black { - color: var(--_color0) !important; - } - .hljs-ansi-foreground-red { - color: var(--_color1) !important; - } - .hljs-ansi-foreground-green { - color: var(--_color2) !important; - } - .hljs-ansi-foreground-yellow { - color: var(--_color3) !important; - } - .hljs-ansi-foreground-blue { - color: var(--_color4) !important; - } - .hljs-ansi-foreground-magenta { - color: var(--_color5) !important; - } - .hljs-ansi-foreground-cyan { - color: var(--_color6) !important; - } - .hljs-ansi-foreground-white [class^="hljs-ansi-background-"], - .hljs-ansi-foreground-white { - color: var(--_color7) !important; - } - .hljs-ansi-style-bold { - font-weight: 0; - } - .hljs-ansi-foreground-black .hljs-ansi-style-bold { - color: var(--_color8) !important; - } - .hljs-ansi-foreground-red .hljs-ansi-style-bold { - color: var(--_color9) !important; - } - .hljs-ansi-foreground-green .hljs-ansi-style-bold { - color: var(--_color10) !important; - } - .hljs-ansi-foreground-yellow .hljs-ansi-style-bold { - color: var(--_color11) !important; - } - .hljs-ansi-foreground-blue .hljs-ansi-style-bold { - color: var(--_color12) !important; - } - .hljs-ansi-foreground-magenta .hljs-ansi-style-bold { - color: var(--_color13) !important; - } - .hljs-ansi-foreground-cyan .hljs-ansi-style-bold { - color: var(--_color14) !important; - } - .hljs-ansi-foreground-white .hljs-ansi-style-bold { - color: var(--_color15) !important; - } - .hljs-ansi-background-black { - background-color: var(--_color0) !important; - } - .hljs-ansi-background-red { - background-color: var(--_color1) !important; - } - .hljs-ansi-background-green { - background-color: var(--_color2) !important; - } - .hljs-ansi-background-yellow { - background-color: var(--_color3) !important; - } - .hljs-ansi-background-blue { - background-color: var(--_color4) !important; - } - .hljs-ansi-background-magenta { - background-color: var(--_color5) !important; - } - .hljs-ansi-background-cyan { - background-color: var(--_color6) !important; - } - .hljs-ansi-background-white { - background-color: var(--_color7) !important; - } - - \ No newline at end of file +/* hljs */ +[class^="markdown-"] code { + background-color: var(--background-secondary) !important; + border-radius: 5%; + line-height: 12px !important; +} +[class^="markdown-"] [class^="codeInline-"], +code.inline { + -webkit-font-smoothing: none !important; + font-family: var(--font-code) !important; + font-size: 12px !important; + line-height: 12px !important; + color: var(--_colorFG) !important; +} +.hljs { + background: var(--background-secondary) !important; + font-family: var(--font-code) !important; + font-size: 12px !important; + -webkit-font-smoothing: none !important; + display: block; + overflow-x: auto; + padding: 0.5em; + color: var(--_colorFG); +} +.hljs-keyword { + color: var(--_color5); +} +.hljs-built_in { + color: var(--_color6); +} +.hljs-type { + color: var(--_color3); +} +.hljs-literal { + color: var(--_color3); +} +.hljs-number { + color: var(--_color3); +} +.hljs-regexp { + color: var(--_color6); +} +.hljs-string { + color: var(--_color2); +} +.hljs-subst { + color: var(--_color1); +} +.hljs-symbol { + color: var(--_color5); +} +.hljs-class { + color: var(--_color3); +} +.hljs-function { + color: var(--_color4); +} +.hljs-title { + color: var(--_color4); +} +.hljs-params { + color: var(--_color1); +} +.hljs-comment { + color: var(--highlight); +} +.hljs-doctag { + color: var(--_colorFG); +} +.hljs-meta { + color: var(--_color1); +} +.hljs-meta-keyword { + color: var(--_color3); +} +.hljs-meta-string { + color: var(--_color2) !important; +} +.hljs-section { + color: var(--_color4); +} +.hljs-tag { + color: var(--_colorFG); +} +.hljs-name { + color: var(--_color1); +} +.hljs-builtin-name { + color: var(--_colorFG); +} +.hljs-attr { + color: var(--_color3); +} +.hljs-attribute { + color: var(--_colorFG); +} +.hljs-variable { + color: var(--_color1); +} +.hljs-bullet { + color: var(--_color1); +} +.hljs-code { + color: var(--_color2); +} +.hljs-emphasis { + color: var(--_color5); + font-style: italic; +} +.hljs-strong { + color: var(--_color3); + font-weight: bold; +} +.hljs-formula { + color: var(--_colorFG); +} +.hljs-link { + color: var(--_color3); +} +.hljs-quote { + color: var(--_color3); +} +.hljs-selector-tag { + color: var(--_color1); +} +.hljs-selector-id { + color: var(--_color4); +} +.hljs-selector-class { + color: var(--_color3); +} +.hljs-selector-attr { + color: var(--_color4); +} +.hljs-selector-pseudo { + color: var(--_color3); +} +.hljs-template-tag { + color: var(--_colorFG); +} +.hljs-template-variable { + color: var(--_colorFG); +} +.hljs-addition { + color: #a6e22e; + background: #384c10; +} +.hljs-deletion { + color: #f92672; + background: #4c0c23; +} +.hljs-operator { + color: var(--_colorFG); +} +.hljs-pattern-match { + color: var(--_colorFG); +} +.hljs-typing { + color: var(--_colorFG); +} +.hljs-constructor { + color: var(--_colorFG); +} +.hljs-module-access { + color: var(--_colorFG); +} +.hljs-module { + color: var(--_colorFG); +} +.hljs-emphasis { + font-style: italic !important; +} +.hljs-strong { + font-weight: bold !important; +} +.hljs-ansi-foreground-black [class^="hljs-ansi-background-"], +.hljs-ansi-foreground-black { + color: var(--_color0) !important; +} +.hljs-ansi-foreground-red { + color: var(--_color1) !important; +} +.hljs-ansi-foreground-green { + color: var(--_color2) !important; +} +.hljs-ansi-foreground-yellow { + color: var(--_color3) !important; +} +.hljs-ansi-foreground-blue { + color: var(--_color4) !important; +} +.hljs-ansi-foreground-magenta { + color: var(--_color5) !important; +} +.hljs-ansi-foreground-cyan { + color: var(--_color6) !important; +} +.hljs-ansi-foreground-white [class^="hljs-ansi-background-"], +.hljs-ansi-foreground-white { + color: var(--_color7) !important; +} +.hljs-ansi-style-bold { + font-weight: 0; +} +.hljs-ansi-foreground-black .hljs-ansi-style-bold { + color: var(--_color8) !important; +} +.hljs-ansi-foreground-red .hljs-ansi-style-bold { + color: var(--_color9) !important; +} +.hljs-ansi-foreground-green .hljs-ansi-style-bold { + color: var(--_color10) !important; +} +.hljs-ansi-foreground-yellow .hljs-ansi-style-bold { + color: var(--_color11) !important; +} +.hljs-ansi-foreground-blue .hljs-ansi-style-bold { + color: var(--_color12) !important; +} +.hljs-ansi-foreground-magenta .hljs-ansi-style-bold { + color: var(--_color13) !important; +} +.hljs-ansi-foreground-cyan .hljs-ansi-style-bold { + color: var(--_color14) !important; +} +.hljs-ansi-foreground-white .hljs-ansi-style-bold { + color: var(--_color15) !important; +} +.hljs-ansi-background-black { + background-color: var(--_color0) !important; +} +.hljs-ansi-background-red { + background-color: var(--_color1) !important; +} +.hljs-ansi-background-green { + background-color: var(--_color2) !important; +} +.hljs-ansi-background-yellow { + background-color: var(--_color3) !important; +} +.hljs-ansi-background-blue { + background-color: var(--_color4) !important; +} +.hljs-ansi-background-magenta { + background-color: var(--_color5) !important; +} +.hljs-ansi-background-cyan { + background-color: var(--_color6) !important; +} +.hljs-ansi-background-white { + background-color: var(--_color7) !important; +} diff --git a/xmc.user.css b/xmc.user.css index f8aa4ea..abfe18b 100644 --- a/xmc.user.css +++ b/xmc.user.css @@ -9,7 +9,6 @@ @version 0.0.0 @license MIT - @var select xmc_scheme 'Color Scheme' { 'Stock': `.theme-dark, :root {