From f789f0ec78e9c7812b5569f3e4bc0803559e7430 Mon Sep 17 00:00:00 2001 From: CI Date: Wed, 19 Oct 2022 03:32:11 +0000 Subject: [PATCH] Make Modular --- modular/9x_bot_tag.css | 2 +- modular/base.css | 3147 ++++++++++++++++---------------- modular/collapsing_members.css | 144 +- modular/cozy_compact.css | 6 +- modular/custom_bg.css | 20 +- modular/hide_tag.css | 2 +- modular/left_reply.css | 2 +- modular/nyantro.css | 2 +- modular/old_roles.css | 87 +- modular/old_titlebar.css | 2 +- modular/status_icons.css | 79 +- modular/stylings.css | 4 +- modular/titlebars.css | 386 ++-- modular/unread.css | 2 +- 14 files changed, 1973 insertions(+), 1912 deletions(-) diff --git a/modular/9x_bot_tag.css b/modular/9x_bot_tag.css index 9c4105c..98e16fe 100644 --- a/modular/9x_bot_tag.css +++ b/modular/9x_bot_tag.css @@ -54,4 +54,4 @@ [class^="repliedMessage-"] [class*="botTagCompact-"]:after { top: 1px !important; -} \ No newline at end of file +} 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/modular/collapsing_members.css b/modular/collapsing_members.css index 7ccadc9..480a627 100644 --- a/modular/collapsing_members.css +++ b/modular/collapsing_members.css @@ -1,74 +1,84 @@ [class^="chat-"] - > [class^="content-"] - > [class^="container-"] > [class^="membersWrap-"], - [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { - width: 50px !important; - min-width: 50px !important; - } + > [class^="content-"] + > [class^="container-"] + > [class^="membersWrap-"], +[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { + width: 50px !important; + min-width: 50px !important; +} - [class^="chat-"] - > [class^="content-"] - > [class^="container-"]:hover > [class^="membersWrap-"], - [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover { - width: 240px !important; - } +[class^="chat-"] + > [class^="content-"] + > [class^="container-"]:hover + > [class^="membersWrap-"], +[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover { + width: 240px !important; +} - [class^="chat-"] > [class^="content-"] > [class^="container"] > [class^="membersWrap-"], - [class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { - min-width: 0; - min-height: 100%; - background-color: var(--background-secondary); - } +[class^="chat-"] + > [class^="content-"] + > [class^="container"] + > [class^="membersWrap-"], +[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { + min-width: 0; + min-height: 100%; + background-color: var(--background-secondary); +} - [class^="chat-"] - > [class^="content-"] > [class^="container-"] - > [class^="membersWrap-"] - > [class^="members-"],[class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"] - > [class^="members-"] { - width: 58px !important; - } +[class^="chat-"] + > [class^="content-"] + > [class^="container-"] + > [class^="membersWrap-"] + > [class^="members-"], +[class^="chat-"] + > [class^="content-"] + > [class^="membersWrap-"] + > [class^="members-"] { + width: 58px !important; +} - [class^="chat-"] - > [class^="content-"] > [class^="container-"]:hover > - [class^="membersWrap-"] - > [class^="members-"], - [class^="chat-"] - > [class^="content-"] > - [class^="membersWrap-"]:hover - > [class^="members-"]{ - width: 240px !important; - } +[class^="chat-"] + > [class^="content-"] + > [class^="container-"]:hover + > [class^="membersWrap-"] + > [class^="members-"], +[class^="chat-"] + > [class^="content-"] + > [class^="membersWrap-"]:hover + > [class^="members-"] { + width: 240px !important; +} - [class^="chat-"] - > [class^="content-"] > [class^="container-"] > - [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"], - [class^="chat-"] - > [class^="content-"] > - [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"] { - height: 0; - padding-top: 12px; - } +[class^="chat-"] + > [class^="content-"] + > [class^="container-"] + > [class^="membersWrap-"] + > [class^="members-"] + > [class^="content-"] + > [class^="membersGroup-"], +[class^="chat-"] + > [class^="content-"] + > [class^="membersWrap-"] + > [class^="members-"] + > [class^="content-"] + > [class^="membersGroup-"] { + height: 0; + padding-top: 12px; +} - [class^="chat-"] - > [class^="content-"] > [class^="container-"]:hover > - [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"], - [class^="chat-"] - > [class^="content-"] > - [class^="membersWrap-"]:hover - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"] { - height: 40px; - padding-top: 24px; - } \ No newline at end of file +[class^="chat-"] + > [class^="content-"] + > [class^="container-"]:hover + > [class^="membersWrap-"] + > [class^="members-"] + > [class^="content-"] + > [class^="membersGroup-"], +[class^="chat-"] + > [class^="content-"] + > [class^="membersWrap-"]:hover + > [class^="members-"] + > [class^="content-"] + > [class^="membersGroup-"] { + height: 40px; + padding-top: 24px; +} diff --git a/modular/cozy_compact.css b/modular/cozy_compact.css index 6ac5174..d71c0e4 100644 --- a/modular/cozy_compact.css +++ b/modular/cozy_compact.css @@ -128,7 +128,9 @@ html:not(.a11y-font-scaled-down) height: 8px; } -[class^="messagesWrapper-"] [class^="scrollerInner-"] [class*="groupStart-"][class*="cozy-"] { +[class^="messagesWrapper-"] + [class^="scrollerInner-"] + [class*="groupStart-"][class*="cozy-"] { margin-top: 8px; } @@ -142,4 +144,4 @@ div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before { border-bottom: 0 solid var(--interactive-active); border-right: 0 solid var(--interactive-active); border-top: var(--spine-width) solid var(--interactive-active); -} \ No newline at end of file +} diff --git a/modular/custom_bg.css b/modular/custom_bg.css index 7abf031..35562ef 100644 --- a/modular/custom_bg.css +++ b/modular/custom_bg.css @@ -1,5 +1,5 @@ .theme-dark, - :root { +:root { --transparent_background-primary: rgba( var(--primary-rgb), var(--primary-alpha) @@ -48,7 +48,12 @@ background: var(--transparent_background-secondary) !important; } nav[class*="guilds-"], -body > #app-mount > .platform-web > [class^="popout-"] > [class^="content-"] > [class^="wrapper-"] { +body + > #app-mount + > .platform-web + > [class^="popout-"] + > [class^="content-"] + > [class^="wrapper-"] { background: var(--transparent_background-tertiary) !important; } @@ -125,11 +130,16 @@ nav[class*="guilds-"] > ul > [class^="scroller-"], > [class^="membersWrap-"] > [class^="members-"] > div, -body > #app-mount > .platform-web > [class^="popout-"] > [class^="content-"] > [class^="wrapper-"] > [class^="callContainer-"] { +body + > #app-mount + > .platform-web + > [class^="popout-"] + > [class^="content-"] + > [class^="wrapper-"] + > [class^="callContainer-"] { background: transparent !important; } - #gm-settings-inject [class^="auto-"]::-webkit-scrollbar-track, #gm-settings-inject[class^="auto-"]::-webkit-scrollbar-track { background: transparent !important; @@ -144,4 +154,4 @@ body > #app-mount > .platform-web > [class^="popout-"] > [class^="content-"] > [ #gm-settings-inject[class^="auto-"]::-webkit-scrollbar { width: 12px !important; height: 12px !important; -} \ No newline at end of file +} diff --git a/modular/hide_tag.css b/modular/hide_tag.css index b4b05b8..9f65dc2 100644 --- a/modular/hide_tag.css +++ b/modular/hide_tag.css @@ -12,4 +12,4 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { position: absolute; right: 0; padding-right: 8px; -} \ No newline at end of file +} diff --git a/modular/left_reply.css b/modular/left_reply.css index 38f29e4..9431054 100644 --- a/modular/left_reply.css +++ b/modular/left_reply.css @@ -33,4 +33,4 @@ width: 1px; height: 20px; left: 100%; -} \ No newline at end of file +} diff --git a/modular/nyantro.css b/modular/nyantro.css index b49f1d4..d92d38e 100644 --- a/modular/nyantro.css +++ b/modular/nyantro.css @@ -20,4 +20,4 @@ [class^="progressBarContainer-"] [class^="tadaIcon-"] { display: none; -} \ No newline at end of file +} diff --git a/modular/old_roles.css b/modular/old_roles.css index 7e0f496..190ee27 100644 --- a/modular/old_roles.css +++ b/modular/old_roles.css @@ -1,51 +1,52 @@ [class*="role-"] { - position: relative; - border-radius: 5%; - } + position: relative; + border-radius: 5%; +} - [class^="role-"], [note="FIX ME WHEN WE HAVE :has()"] { - padding-left: 16px; - } +[class^="role-"], +[note="FIX ME WHEN WE HAVE :has()"] { + padding-left: 16px; +} - [class^="roleRemoveButton-"] [class^="roleCircle-"] { - margin: 0 !important; - border-radius: 5% !important; - width: 100%; - height: 22px; - top: 0; - left: 0; - opacity: 0.25; - position: absolute; - z-index: 1; - } +[class^="roleRemoveButton-"] [class^="roleCircle-"] { + margin: 0 !important; + border-radius: 5% !important; + width: 100%; + height: 22px; + top: 0; + left: 0; + opacity: 0.25; + position: absolute; + z-index: 1; +} - [class^="roleRemoveButton-"] { - position: absolute; - left: 0; - width: 100%; - height: 22px; - overflow-x: clip; - overflow-y: visible; - } +[class^="roleRemoveButton-"] { + position: absolute; + left: 0; + width: 100%; + height: 22px; + overflow-x: clip; + overflow-y: visible; +} - [class^="roleName-"] { - z-index: 2; - } +[class^="roleName-"] { + z-index: 2; +} - [class^="roleRemoveIcon-"] { - display: block; - position: absolute; - left: 8px; - z-index: 4; - } +[class^="roleRemoveIcon-"] { + display: block; + position: absolute; + left: 8px; + z-index: 4; +} - [class^="roleRemoveIcon-"] > path { - fill: #ffffff; - filter: brightness(1); - } +[class^="roleRemoveIcon-"] > path { + fill: #ffffff; + filter: brightness(1); +} - [class^="roleRemoveButton-"] [class*="roleDot-"] { - width: 1em !important; - height: 1em !important; - margin-top: 0.25em; - } +[class^="roleRemoveButton-"] [class*="roleDot-"] { + width: 1em !important; + height: 1em !important; + margin-top: 0.25em; +} diff --git a/modular/old_titlebar.css b/modular/old_titlebar.css index 21e04dd..f0f03b6 100644 --- a/modular/old_titlebar.css +++ b/modular/old_titlebar.css @@ -90,4 +90,4 @@ [class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"], html.platform-win:not(.app-focused) [class*="winButton-"] { opacity: 1 !important; -} \ No newline at end of file +} diff --git a/modular/status_icons.css b/modular/status_icons.css index 2f3b497..81e2a5c 100644 --- a/modular/status_icons.css +++ b/modular/status_icons.css @@ -30,7 +30,10 @@ > [class^="root-"] [class^="avatar-"] > svg, -[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg { +[class^="userPopoutInner-"] + [class^="avatarHoverTarget-"] + > [class^="wrapper-"] + > svg { overflow: visible; } @@ -403,11 +406,31 @@ [class^="avatar-"] > svg rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"], -[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"], -[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"], -[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"], -[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"], -[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { +[class^="userProfileModalInner-"] + [class^="header-"] + [class^="wrapper-"] + > svg + rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"], +[class^="userProfileModalInner-"] + [class^="header-"] + [class^="wrapper-"] + > svg + rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"], +[class^="userProfileModalInner-"] + [class^="header-"] + [class^="wrapper-"] + > svg + rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"], +[class^="userProfileModalInner-"] + [class^="header-"] + [class^="wrapper-"] + > svg + rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"], +[class^="userProfileModalInner-"] + [class^="header-"] + [class^="wrapper-"] + > svg + rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { mask: none !important; width: 8px; height: 120px; @@ -415,8 +438,16 @@ y: 0; } -[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg circle, -[class^="userProfileModalInner-"] [class^="header-"] [class^="wrapper-"] > svg circle { +[class^="userPopoutInner-"] + [class^="avatarHoverTarget-"] + > [class^="wrapper-"] + > svg + circle, +[class^="userProfileModalInner-"] + [class^="header-"] + [class^="wrapper-"] + > svg + circle { display: none; } @@ -460,14 +491,34 @@ [class^="avatar-"] > svg rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"], -[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"], -[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"], -[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"], -[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"], -[class^="userPopoutInner-"] [class^="avatarHoverTarget-"] > [class^="wrapper-"] > svg rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { +[class^="userPopoutInner-"] + [class^="avatarHoverTarget-"] + > [class^="wrapper-"] + > svg + rect[fill="hsl(139, calc(var(--saturation-factor, 1) * 47.3%), 43.9%)"], +[class^="userPopoutInner-"] + [class^="avatarHoverTarget-"] + > [class^="wrapper-"] + > svg + rect[fill="hsl(38, calc(var(--saturation-factor, 1) * 95.7%), 54.1%)"], +[class^="userPopoutInner-"] + [class^="avatarHoverTarget-"] + > [class^="wrapper-"] + > svg + rect[fill="hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%)"], +[class^="userPopoutInner-"] + [class^="avatarHoverTarget-"] + > [class^="wrapper-"] + > svg + rect[fill="hsl(214, calc(var(--saturation-factor, 1) * 9.9%), 50.4%)"], +[class^="userPopoutInner-"] + [class^="avatarHoverTarget-"] + > [class^="wrapper-"] + > svg + rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { mask: none !important; width: 8px; height: 80px; x: 80; y: 0; -} \ No newline at end of file +} diff --git a/modular/stylings.css b/modular/stylings.css index d14af36..0e0ed4f 100644 --- a/modular/stylings.css +++ b/modular/stylings.css @@ -1,5 +1,5 @@ .theme-dark, - :root { +:root { --_font-titlebars: "Segoe UI", sans-serif !important; --button-bg: linear-gradient(to bottom, var(--primary), var(--secondary)); @@ -148,4 +148,4 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover, [class^="reaction-"] [class*="reactionCount-"] { color: var(--text); -} \ No newline at end of file +} diff --git a/modular/titlebars.css b/modular/titlebars.css index b01c5e1..f0c4515 100644 --- a/modular/titlebars.css +++ b/modular/titlebars.css @@ -4,8 +4,9 @@ padding: unset !important; } - -[class^="userPopout-"] [class^="activityUserPopout-"] [class*="headerTextNormal-"], +[class^="userPopout-"] + [class^="activityUserPopout-"] + [class*="headerTextNormal-"], [class^="userPopout-"] [class*="bodyTitle-"], [class^="userPopout-"] [class*="aboutMeTitle-"], [class^="userPopout-"] [class*="userInfoTitle-"] { @@ -82,212 +83,213 @@ } .platform-win [class*="baseLayer-"] { - top: -32px; - padding-top: 32px; - } - .platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] { - top: -32px; - } + top: -32px; + padding-top: 32px; +} +.platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] { + top: -32px; +} - [class^="typeWindows-"] { - margin: 3px; - padding: 6px; - height: 14px !important; - background: var(--titlebar-color); - box-shadow: var(--titlebar-shadow); - } +[class^="typeWindows-"] { + margin: 3px; + padding: 6px; + height: 14px !important; + background: var(--titlebar-color); + box-shadow: var(--titlebar-shadow); +} - [class^="typeMacOS-"] { - background-color: var(--background-tertiary); - height: 32px !important; - } +[class^="typeMacOS-"] { + background-color: var(--background-tertiary); + height: 32px !important; +} - [class^="macButtons-"] { - padding: 8px !important; - } +[class^="macButtons-"] { + padding: 8px !important; +} - [class*="winButton-"] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII="); - background-size: 42px; - background-repeat: no-repeat; - background-color: transparent !important; - width: 14px !important; - height: 14px !important; - top: -1px !important; - position: relative !important; - margin-left: 30px; - } +[class*="winButton-"] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII="); + background-size: 42px; + background-repeat: no-repeat; + background-color: transparent !important; + width: 14px !important; + height: 14px !important; + top: -1px !important; + position: relative !important; + margin-left: 30px; +} - [class*="macButton-"] { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII="); - background-size: 42px; - background-repeat: no-repeat; - background-color: transparent !important; - width: 14px !important; - height: 14px !important; - border-radius: 0; - } +[class*="macButton-"] { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII="); + background-size: 42px; + background-repeat: no-repeat; + background-color: transparent !important; + width: 14px !important; + height: 14px !important; + border-radius: 0; +} - [class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"], - html.platform-win:not(.app-focused) [class*="winButton-"] { - opacity: 0.4; - } +[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"], +html.platform-win:not(.app-focused) [class*="winButton-"] { + opacity: 0.4; +} - [class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover, - html.platform-win:not(.app-focused) [class*="winButton-"]:hover { - opacity: 1; - } +[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover, +html.platform-win:not(.app-focused) [class*="winButton-"]:hover { + opacity: 1; +} - [class*="macButton-"] > svg, - [class*="winButton-"] > svg, - [class^="wordmarkWindows-"] > svg { - display: none; - } +[class*="macButton-"] > svg, +[class*="winButton-"] > svg, +[class^="wordmarkWindows-"] > svg { + display: none; +} - [class*="winButtonClose-"] { - margin-right: 3px; - } +[class*="winButtonClose-"] { + margin-right: 3px; +} - [class*="macButtonClose-"], - [class*="winButtonClose-"] { - background-position: 0px 0px; - } - [class*="macButtonClose-"]:hover, - [class*="winButtonClose-"]:hover { - background-position: 0px -14px; - } - [class*="macButtonClose-"]:active, - [class*="winButtonClose-"]:active { - background-position: 0px -28px; - } +[class*="macButtonClose-"], +[class*="winButtonClose-"] { + background-position: 0px 0px; +} +[class*="macButtonClose-"]:hover, +[class*="winButtonClose-"]:hover { + background-position: 0px -14px; +} +[class*="macButtonClose-"]:active, +[class*="winButtonClose-"]:active { + background-position: 0px -28px; +} - [class*="macButtonMaximize-"], - [class*="winButtonMinMax-"]:nth-child(3) { - background-position: -14px 0px; - } - [class*="macButtonMaximize-"]:hover, - [class*="winButtonMinMax-"]:nth-child(3):hover { - background-position: -14px -14px; - } - [class*="macButtonMaximize-"]:active, - [class*="winButtonMinMax-"]:nth-child(3):active { - background-position: -14px -28px; - } +[class*="macButtonMaximize-"], +[class*="winButtonMinMax-"]:nth-child(3) { + background-position: -14px 0px; +} +[class*="macButtonMaximize-"]:hover, +[class*="winButtonMinMax-"]:nth-child(3):hover { + background-position: -14px -14px; +} +[class*="macButtonMaximize-"]:active, +[class*="winButtonMinMax-"]:nth-child(3):active { + background-position: -14px -28px; +} - [class*="macButtonMinimize-"], - [class*="winButtonMinMax-"]:nth-child(4) { - background-position: -28px 0px; - } - [class*="macButtonMinimize-"]:hover, - [class*="winButtonMinMax-"]:nth-child(4):hover { - background-position: -28px -14px; - } - [class*="macButtonMinimize-"]:active, - [class*="winButtonMinMax-"]:nth-child(4):active { - background-position: -28px -28px; - } +[class*="macButtonMinimize-"], +[class*="winButtonMinMax-"]:nth-child(4) { + background-position: -28px 0px; +} +[class*="macButtonMinimize-"]:hover, +[class*="winButtonMinMax-"]:nth-child(4):hover { + background-position: -28px -14px; +} +[class*="macButtonMinimize-"]:active, +[class*="winButtonMinMax-"]:nth-child(4):active { + background-position: -28px -28px; +} - [class^="wordmarkWindows-"] { - width: 16px !important; - height: 16px !important; - top: 8px !important; - left: 9px !important; - padding: 0 !important; - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAM6SURBVDhPhZJrUIxRGMePMUiDkUaMmeRSQy7lMijklg+lBg1DG8Nu6EalJFqxU7JtbcnSZd+tbMm2W3RZpdVlG7GpKJemZqKLiC9tYYsti/17rdf0gRm/mWfmzHPO7z/PnHPI/1A9rRKyLu38tPHgiiFZUV4K0/4b3dCAe6ky/nHF3YIspkXiq6kXXHUw8hu5YAv2giyciQsJl+8x22MYjUZzdXMKgD5ESytwX9MROTzyxX7H7QioDSpU9hXiKBWHmZ4cEDNnjIx8ncuov9Hr9Qviyq6hl47YVwbwMjrkD9qfhGzO40L8rhr8xxVwTcrHtD25IDPC0Nun3cqoY4hkcoUlJwdkay0M34zTdZ91y6cd8YB7Bh9bhBLYBJeBuD4EWZAKeuJJjDZGV1c9L+9mCOKTwvGspSHsV48THfmIrFgHs20BIM4iEGspmlq1USbhD/TU4568yO949VZML4cwikH4cFNxRqh839nd62Pv5qydYOsEMscVvuF8DaON8Wagpb2uR43+4Ud0AGCgK6ZkBIt9xThSwkNO23mklPuDFeeBRbuW4kTUqVqd7uMSRick9/UXsNOvQGdoNwW8pCtCVURXKKg3aXg+WghZcyICqVNYH8LGOPs1ILOXoFajuWgKSNR8794dGYAuQyd0tMxrzIJSS0HSI0PRcDmaR8uRUZ8OjjgOm6K4sPHyo/+DB8jyIPT09nFMIfStTvyOH07F3Q0NordZELTU4FglBeVoDao+VICvvg7vNBFcooWwY8diiuMBjN+SDStPSm8K+ENQHR/BVaWwDroKtioZssF7yOkuRnipFLtEFJzOSWDnL4GFy1lMXHUS5t5qI6MSUveqRehZGAur/Zmw2BcK3+p4iDpvQ9Agg+/NbGxPzMbqqDzYBhbAwk2MSY6HMctPAUYn5JIy85lVaBiIbRosD+3Enls8cDWZOHlHDK90MTbEXMey0wWYH3AHZm5yTHY4C/3Xb9aMTj+n9j07LKegrrJxgBtzi6p3SOCAJY+FjzQRrgIRVp6RYN5xOab6lICsVWCt941+Rv03Ta/bg/mq3Kb9qYKBzbykTy7R0n5Wck2roOilQtM2GPj7FCE/Ab+l9dhxypy/AAAAAElFTkSuQmCC"); - background-repeat: no-repeat; - } +[class^="wordmarkWindows-"] { + width: 16px !important; + height: 16px !important; + top: 8px !important; + left: 9px !important; + padding: 0 !important; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAM6SURBVDhPhZJrUIxRGMePMUiDkUaMmeRSQy7lMijklg+lBg1DG8Nu6EalJFqxU7JtbcnSZd+tbMm2W3RZpdVlG7GpKJemZqKLiC9tYYsti/17rdf0gRm/mWfmzHPO7z/PnHPI/1A9rRKyLu38tPHgiiFZUV4K0/4b3dCAe6ky/nHF3YIspkXiq6kXXHUw8hu5YAv2giyciQsJl+8x22MYjUZzdXMKgD5ESytwX9MROTzyxX7H7QioDSpU9hXiKBWHmZ4cEDNnjIx8ncuov9Hr9Qviyq6hl47YVwbwMjrkD9qfhGzO40L8rhr8xxVwTcrHtD25IDPC0Nun3cqoY4hkcoUlJwdkay0M34zTdZ91y6cd8YB7Bh9bhBLYBJeBuD4EWZAKeuJJjDZGV1c9L+9mCOKTwvGspSHsV48THfmIrFgHs20BIM4iEGspmlq1USbhD/TU4568yO949VZML4cwikH4cFNxRqh839nd62Pv5qydYOsEMscVvuF8DaON8Wagpb2uR43+4Ud0AGCgK6ZkBIt9xThSwkNO23mklPuDFeeBRbuW4kTUqVqd7uMSRick9/UXsNOvQGdoNwW8pCtCVURXKKg3aXg+WghZcyICqVNYH8LGOPs1ILOXoFajuWgKSNR8794dGYAuQyd0tMxrzIJSS0HSI0PRcDmaR8uRUZ8OjjgOm6K4sPHyo/+DB8jyIPT09nFMIfStTvyOH07F3Q0NordZELTU4FglBeVoDao+VICvvg7vNBFcooWwY8diiuMBjN+SDStPSm8K+ENQHR/BVaWwDroKtioZssF7yOkuRnipFLtEFJzOSWDnL4GFy1lMXHUS5t5qI6MSUveqRehZGAur/Zmw2BcK3+p4iDpvQ9Agg+/NbGxPzMbqqDzYBhbAwk2MSY6HMctPAUYn5JIy85lVaBiIbRosD+3Enls8cDWZOHlHDK90MTbEXMey0wWYH3AHZm5yTHY4C/3Xb9aMTj+n9j07LKegrrJxgBtzi6p3SOCAJY+FjzQRrgIRVp6RYN5xOab6lICsVWCt941+Rv03Ta/bg/mq3Kb9qYKBzbykTy7R0n5Wck2roOilQtM2GPj7FCE/Ab+l9dhxypy/AAAAAElFTkSuQmCC"); + background-repeat: no-repeat; +} +[class^="wordmarkWindows-"]::after { + font-family: var(--_font-titlebars) !important; + font-size: 12px !important; + line-height: 250% !important; + color: var(--text) !important; + font-weight: 0 !important; + content: "Discord"; + position: absolute; + top: -8px; + left: 21px; + height: 17px; + opacity: 1; +} + +html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after, +html:not(.platform-win) + #app-mount + > div:not(.app-focused) [class^="wordmarkWindows-"]::after { - font-family: var(--_font-titlebars) !important; - font-size: 12px !important; - line-height: 250% !important; - color: var(--text) !important; - font-weight: 0 !important; - content: "Discord"; - position: absolute; - top: -8px; - left: 21px; - height: 17px; - opacity: 1; - } - - html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after, - html:not(.platform-win) - #app-mount - > div:not(.app-focused) - [class^="wordmarkWindows-"]::after { - opacity: 0.4; - } + opacity: 0.4; +} [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="userInfoSection-"] - > [class*="userInfoSectionHeader-"] { - color: var(--text) !important; - padding: 0 10px; - background-color: var(--titlebar-color); - box-shadow: var(--titlebar-shadow); - margin-bottom: 0; - height: 28px; - box-sizing: border-box; - display: flex; - align-items: center; - font-weight: 100; - font-family: var(--_font-titlebars) !important; - font-size: 12px !important; - text-transform: none; - } + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="userInfoSection-"] + > [class*="userInfoSectionHeader-"] { + color: var(--text) !important; + padding: 0 10px; + background-color: var(--titlebar-color); + box-shadow: var(--titlebar-shadow); + margin-bottom: 0; + height: 28px; + box-sizing: border-box; + display: flex; + align-items: center; + font-weight: 100; + font-family: var(--_font-titlebars) !important; + font-size: 12px !important; + text-transform: none; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"]::before { - color: var(--text) !important; - padding: 0 10px; - background-color: var(--titlebar-color); - box-shadow: var(--titlebar-shadow); - margin-bottom: 0; - height: 28px; - width: 100%; - box-sizing: border-box; - display: flex; - align-items: center; - font-weight: 100; - font-family: var(--_font-titlebars) !important; - font-size: 12px !important; - text-transform: none; - content: "Connected Accounts"; - position: absolute; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="connectedAccounts-"]::before { + color: var(--text) !important; + padding: 0 10px; + background-color: var(--titlebar-color); + box-shadow: var(--titlebar-shadow); + margin-bottom: 0; + height: 28px; + width: 100%; + box-sizing: border-box; + display: flex; + align-items: center; + font-weight: 100; + font-family: var(--_font-titlebars) !important; + font-size: 12px !important; + text-transform: none; + content: "Connected Accounts"; + position: absolute; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"] > [class^="connectedAccountsColumn-"] { - margin-top: 28px; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="infoScroller-"] + > [class^="connectedAccounts-"] + > [class^="connectedAccountsColumn-"] { + margin-top: 28px; +} - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - [class*="headerTextNormal-"] { - color: var(--text) !important; - padding: 0 10px; - background-color: var(--titlebar-color); - box-shadow: var(--titlebar-shadow); - margin-bottom: 0; - width: 100%; - height: 28px; - box-sizing: border-box; - display: flex; - align-items: center; - font-weight: 100; - font-family: var(--_font-titlebars) !important; - font-size: 12px !important; - text-transform: none; - } +[class^="focusLock-"][aria-modal="true"] + > [class*="root-"] + > [class^="body-"] + > [class^="listScroller-"] + > [class^="activityProfile-"] + [class*="headerTextNormal-"] { + color: var(--text) !important; + padding: 0 10px; + background-color: var(--titlebar-color); + box-shadow: var(--titlebar-shadow); + margin-bottom: 0; + width: 100%; + height: 28px; + box-sizing: border-box; + display: flex; + align-items: center; + font-weight: 100; + font-family: var(--_font-titlebars) !important; + font-size: 12px !important; + text-transform: none; +} diff --git a/modular/unread.css b/modular/unread.css index ed887bd..8459c7b 100644 --- a/modular/unread.css +++ b/modular/unread.css @@ -48,4 +48,4 @@ [class^="listItem-"] [class^="upperBadge-"] { z-index: 500; -} \ No newline at end of file +}