From 2b851d5443b4604e2e745660da8b7b5fe37610a6 Mon Sep 17 00:00:00 2001 From: Cynthia Foxwell Date: Tue, 14 Feb 2023 21:59:28 -0700 Subject: [PATCH] prune dead styles, make more things configurable --- xmc.user.css | 2937 +++++++++++++++++++++----------------------------- 1 file changed, 1216 insertions(+), 1721 deletions(-) diff --git a/xmc.user.css b/xmc.user.css index 2ecc684..739e152 100644 --- a/xmc.user.css +++ b/xmc.user.css @@ -12,229 +12,705 @@ @var select xmc_overwrite_colors 'Overwrite Colors' { 'Off': "", 'On*': `.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(--background-tertiary), - 0 0 0 2px var(--background-secondary), 0 0 0 3px var(--background-primary); +: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(--background-tertiary), + 0 0 0 2px var(--background-secondary), 0 0 0 3px var(--background-primary); - --_font-titlebars: var(--font-primary); + --_font-titlebars: var(--font-primary); - --titlebar-color: var(--highlight); + --titlebar-color: var(--highlight); - --header-primary: var(--text, var(--white-500)) !important; - --header-secondary: var(--text, var(--primary-dark-300)) !important; - --text-normal: var(--text, var(--primary-dark-200)) !important; - --text-muted: var(--highlight, var(--primary-dark-330)) !important; - --text-link: var(--link, var(--link-500)) !important; - --text-brand: var(--accent); - --channels-default: var(--text, var(--primary-dark-345)) !important; - --channel-icon: var(--text, var(--primary-dark-360)); - --interactive-normal: var(--text, var(--primary-dark-300)) !important; - --interactive-hover: var(--_color15, var(--primary-dark-200)) !important; - --interactive-active: var(--_color15, var(--white-500)) !important; - --interactive-muted: var(--highlight, var(--primary-dark-500)) !important; - --background-primary: var(--primary, var(--primary-dark-600)) !important; - --background-secondary: var( - --secondary, - var(--primary-dark-630) - ) !important; - --background-secondary-alt: var( - --secondary-alt, - var(--secondary, var(--primary-dark-660)) - ) !important; - --background-tertiary: var(--tertiary, var(--primary-dark-700)) !important; - --background-accent: var(--highlight, var(--primary-dark-500)) !important; - --background-floating: var(--primary, var(--primary-dark-800)) !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, - var(--primary-dark-560) - ) !important; - --activity-card-background: var( - --tertiary, - var(--primary-dark-700) - ) !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, - --primary-dark-400 - ) !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, var(--primary-dark-700)) !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); - --status-green-600: var(--status-online) !important; - --status-yellow-500: var(--status-idle) !important; - --status-red-500: var(--status-dnd) !important; - --status-grey-500: var(--status-offline) !important; - --twitch: var(--status-streaming) !important; - } + --header-primary: var(--text, var(--white-500)) !important; + --header-secondary: var(--text, var(--primary-dark-300)) !important; + --text-normal: var(--text, var(--primary-dark-200)) !important; + --text-muted: var(--highlight, var(--primary-dark-330)) !important; + --text-link: var(--link, var(--link-500)) !important; + --text-brand: var(--accent); + --channels-default: var(--text, var(--primary-dark-345)) !important; + --channel-icon: var(--text, var(--primary-dark-360)); + --interactive-normal: var(--text, var(--primary-dark-300)) !important; + --interactive-hover: var(--_color15, var(--primary-dark-200)) !important; + --interactive-active: var(--_color15, var(--white-500)) !important; + --interactive-muted: var(--highlight, var(--primary-dark-500)) !important; + --background-primary: var(--primary, var(--primary-dark-600)) !important; + --background-secondary: var( + --secondary, + var(--primary-dark-630) + ) !important; + --background-secondary-alt: var( + --secondary-alt, + var(--secondary, var(--primary-dark-660)) + ) !important; + --background-tertiary: var(--tertiary, var(--primary-dark-700)) !important; + --background-accent: var(--highlight, var(--primary-dark-500)) !important; + --background-floating: var(--primary, var(--primary-dark-800)) !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, + var(--primary-dark-560) + ) !important; + --activity-card-background: var( + --tertiary, + var(--primary-dark-700) + ) !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, + --primary-dark-400 + ) !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, var(--primary-dark-700)) !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); + --status-green-600: var(--status-online) !important; + --status-yellow-500: var(--status-idle) !important; + --status-red-500: var(--status-dnd) !important; + --status-grey-500: var(--status-offline) !important; + --twitch: var(--status-streaming) !important; +} - [data-popout-root], - html { - --brand-experiment: var(--accent) !important; - --brand-100: var(--accent) !important; - --brand-130: var(--accent) !important; - --brand-160: var(--accent) !important; - --brand-200: var(--accent) !important; - --brand-230: var(--accent) !important; - --brand-260: var(--accent) !important; - --brand-300: var(--accent) !important; - --brand-330: var(--accent) !important; - --brand-360: var(--accent) !important; - --brand-400: var(--accent) !important; - --brand-430: var(--accent) !important; - --brand-460: var(--accent) !important; - --brand-500: var(--accent) !important; - --brand-530: var(--accent) !important; - --brand-560: var(--accent) !important; - --brand-600: var(--accent) !important; - --brand-630: var(--accent) !important; - --brand-660: var(--accent) !important; - --brand-700: var(--accent) !important; - --brand-730: var(--accent) !important; - --brand-760: var(--accent) !important; - --brand-800: var(--accent) !important; - --brand-830: var(--accent) !important; - --brand-860: var(--accent) !important; - --brand-900: var(--accent) !important; - --brand-new-100: var(--accent) !important; - --brand-new-130: var(--accent) !important; - --brand-new-160: var(--accent) !important; - --brand-new-200: var(--accent) !important; - --brand-new-230: var(--accent) !important; - --brand-new-260: var(--accent) !important; - --brand-new-300: var(--accent) !important; - --brand-new-330: var(--accent) !important; - --brand-new-360: var(--accent) !important; - --brand-new-400: var(--accent) !important; - --brand-new-430: var(--accent) !important; - --brand-new-460: var(--accent) !important; - --brand-new-500: var(--accent) !important; - --brand-new-530: var(--accent) !important; - --brand-new-560: var(--accent) !important; - --brand-new-600: var(--accent) !important; - --brand-new-630: var(--accent) !important; - --brand-new-660: var(--accent) !important; - --brand-new-700: var(--accent) !important; - --brand-new-730: var(--accent) !important; - --brand-new-760: var(--accent) !important; - --brand-new-800: var(--accent) !important; - --brand-new-830: var(--accent) !important; - --brand-new-860: var(--accent) !important; - --brand-experiment-900: 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; - }`, +[data-popout-root], +html { + --brand-experiment: var(--accent) !important; + --brand-100: var(--accent) !important; + --brand-130: var(--accent) !important; + --brand-160: var(--accent) !important; + --brand-200: var(--accent) !important; + --brand-230: var(--accent) !important; + --brand-260: var(--accent) !important; + --brand-300: var(--accent) !important; + --brand-330: var(--accent) !important; + --brand-360: var(--accent) !important; + --brand-400: var(--accent) !important; + --brand-430: var(--accent) !important; + --brand-460: var(--accent) !important; + --brand-500: var(--accent) !important; + --brand-530: var(--accent) !important; + --brand-560: var(--accent) !important; + --brand-600: var(--accent) !important; + --brand-630: var(--accent) !important; + --brand-660: var(--accent) !important; + --brand-700: var(--accent) !important; + --brand-730: var(--accent) !important; + --brand-760: var(--accent) !important; + --brand-800: var(--accent) !important; + --brand-830: var(--accent) !important; + --brand-860: var(--accent) !important; + --brand-900: var(--accent) !important; + --brand-new-100: var(--accent) !important; + --brand-new-130: var(--accent) !important; + --brand-new-160: var(--accent) !important; + --brand-new-200: var(--accent) !important; + --brand-new-230: var(--accent) !important; + --brand-new-260: var(--accent) !important; + --brand-new-300: var(--accent) !important; + --brand-new-330: var(--accent) !important; + --brand-new-360: var(--accent) !important; + --brand-new-400: var(--accent) !important; + --brand-new-430: var(--accent) !important; + --brand-new-460: var(--accent) !important; + --brand-new-500: var(--accent) !important; + --brand-new-530: var(--accent) !important; + --brand-new-560: var(--accent) !important; + --brand-new-600: var(--accent) !important; + --brand-new-630: var(--accent) !important; + --brand-new-660: var(--accent) !important; + --brand-new-700: var(--accent) !important; + --brand-new-730: var(--accent) !important; + --brand-new-760: var(--accent) !important; + --brand-new-800: var(--accent) !important; + --brand-new-830: var(--accent) !important; + --brand-new-860: var(--accent) !important; + --brand-experiment-900: 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; +} + +[class^="appMount-"], +[class^="bg-"], +[class^="layers-"] > [class^="layer-"], +[class^="app-"] { + background-color: transparent !important; +} + +html:not(.overlay) body { + background-color: transparent !important; +} + +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="#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="#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="#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); +} + +[class^="containerDefault-"] [class*="modeUnread-"] svg[class^="icon-"], +[class^="containerDefault-"]:not(:hover) + [class*="modeUnread-"] + [class^="name-"] { + color: var(--accent, var(--brand-new-500)); +} +[class^="containerDefault-"] [class*="modeUnread-"] [class^="unread-"] { + background-color: var(--accent, var(--brand-new-500)); +} + +[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; +} + +[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, var(--brand-new-500)) !important; +} + +[style*="border-color: rgb(114, 137, 218)"], +[class*="lookOutlined-"][class*="colorBrand-"] { + border-color: var(--accent, var(--brand-new-500)) !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, var(--brand-new-500)) !important; +} + +[class*="mentioned-"]:before { + background-color: var(--accent, var(--brand-new-500)); +} + +[class^="slider-"] [class^="bar-"], +[class^="control-"] + [class^="container-"][style*="background-color: rgb(114, 118, 125);"] { + background-color: var(--background-secondary) !important; +} + +.mention[class*="wrapper-"] { + color: var(--accent, var(--brand-new-500)); + background: rgba(var(--accent-rgb), 0.1); +} + +.mention[class*="wrapper-"]:hover { + color: #ffffff; + background: var(--accent, var(--brand-new-500)); +} + +[class*="mentioned-"] .mention.interactive:hover { + color: var(--accent, var(--brand-new-500)) !important; +} + +[class^="mediaBarGrabber-"], +[class^="mediaBarProgress-"], +[class^="mediaBarProgress-"]:after, +[class^="mediaBarProgress-"]:before { + background-color: var(--accent, var(--brand-new-500)) !important; +} + +[class^="reaction-"] { + background-color: var(--background-secondary); + border: none; + border-radius: 4px !important; +} + +[class^="reaction-"]:hover, +[class^="reaction-"][class*="reactionMe-"] { + background-color: var(--highlight, var(--primary-dark-500)); +} + +[class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"], +[class^="reaction-"]:hover [class*="reactionCount-"] { + color: var(--_color15, var(--white-500)); +} + +[class^="reaction-"] [class*="reactionCount-"] { + color: var(--text, var(--text-normal)); +} + +[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; +} + +span[style*="background-color: hsl(235, calc(var(--saturation-factor, 1) * 85.6%), 64.7%);"] { + background-color: var(--accent, var(--brand-500)) !important; +} +span[style*="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6%), 59.4%);"] { + background-color: var(--red, var(--status-red-500)) !important; +} + +[class^="updateIconForeground-"] { + fill: var(--_color2); +} + +[class*="tierHeaderLocked-"], +[class*="tierHeaderUnlocked-"] { + background-color: var(--background-secondary) !important; +} + +[class*="tierAccomplished-"], +[class*="tierCurrent-"], +[class*="tierFirst-"] { + background: var(--_color13) !important; +} + +[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^="activeCircle-"] { + background-color: var(--_color2) !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*="unreadBar-"][class*="mention-"], +[class^="numberBadge-"] { + background-color: var(--red, var(--status-red-500)) !important; +} + +[class*="bar-"][class*="mention-"] { + background-color: var(--red, var(--status-red-500)); +} + +a[class^="anchor-"]:not([aria-controls^="popout_"]) { + color: var(--text-link) !important; +} + +[class^="markdown-"] [class^="codeInline-"], +code.inline, +.hljs { + color: var(--_colorFG) !important; +} +[class^="markdown-"] code, +.hljs { + background: var(--background-secondary) !important; +} +.hljs-keyword { + color: var(--_color5) !important; +} +.hljs-built_in { + color: var(--_color6) !important; +} +.hljs-type { + color: var(--_color3) !important; +} +.hljs-literal { + color: var(--_color3) !important; +} +.hljs-number { + color: var(--_color3) !important; +} +.hljs-regexp { + color: var(--_color6) !important; +} +.hljs-string { + color: var(--_color2) !important; +} +.hljs-subst { + color: var(--_color1) !important; +} +.hljs-symbol { + color: var(--_color5) !important; +} +.hljs-class { + color: var(--_color3) !important; +} +.hljs-function { + color: var(--_color4) !important; +} +.hljs-title { + color: var(--_color4) !important; +} +.hljs-params { + color: var(--_color1) !important; +} +.hljs-comment { + color: var(--highlight) !important; +} +.hljs-doctag { + color: var(--_colorFG) !important; +} +.hljs-meta { + color: var(--_color1) !important; +} +.hljs-meta-keyword { + color: var(--_color3) !important; +} +.hljs-meta-string { + color: var(--_color2) !important; +} +.hljs-section { + color: var(--_color4) !important; +} +.hljs-tag { + color: var(--_colorFG) !important; +} +.hljs-name { + color: var(--_color1) !important; +} +.hljs-builtin-name { + color: var(--_colorFG) !important; +} +.hljs-attr { + color: var(--_color3) !important; +} +.hljs-attribute { + color: var(--_colorFG) !important; +} +.hljs-variable { + color: var(--_color1) !important; +} +.hljs-bullet { + color: var(--_color1) !important; +} +.hljs-code { + color: var(--_color2) !important; +} +.hljs-emphasis { + color: var(--_color5) !important; +} +.hljs-strong { + color: var(--_color3) !important; +} +.hljs-formula { + color: var(--_colorFG) !important; +} +.hljs-link { + color: var(--_color3) !important; +} +.hljs-quote { + color: var(--_color3) !important; +} +.hljs-selector-tag { + color: var(--_color1) !important; +} +.hljs-selector-id { + color: var(--_color4) !important; +} +.hljs-selector-class { + color: var(--_color3) !important; +} +.hljs-selector-attr { + color: var(--_color4) !important; +} +.hljs-selector-pseudo { + color: var(--_color3) !important; +} +.hljs-template-tag { + color: var(--_colorFG) !important; +} +.hljs-template-variable { + color: var(--_colorFG) !important; +} +.hljs-addition { + color: #a6e22e !important; + background: #384c10 !important; +} +.hljs-deletion { + color: #f92672 !important; + background: #4c0c23 !important; +} +.hljs-operator { + color: var(--_colorFG) !important; +} +.hljs-pattern-match { + color: var(--_colorFG) !important; +} +.hljs-typing { + color: var(--_colorFG) !important; +} +.hljs-constructor { + color: var(--_colorFG) !important; +} +.hljs-module-access { + color: var(--_colorFG) !important; +} +.hljs-module { + color: var(--_colorFG) !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-foreground-black .hljs-ansi-style-bold, +.hljs-ansi-foreground-black.hljs-ansi-style-bold { + color: var(--_color8) !important; +} +.hljs-ansi-foreground-red .hljs-ansi-style-bold, +.hljs-ansi-foreground-red.hljs-ansi-style-bold { + color: var(--_color9) !important; +} +.hljs-ansi-foreground-green .hljs-ansi-style-bold, +.hljs-ansi-foreground-green.hljs-ansi-style-bold { + color: var(--_color10) !important; +} +.hljs-ansi-foreground-yellow .hljs-ansi-style-bold, +.hljs-ansi-foreground-yellow.hljs-ansi-style-bold { + color: var(--_color11) !important; +} +.hljs-ansi-foreground-blue .hljs-ansi-style-bold, +.hljs-ansi-foreground-blue.hljs-ansi-style-bold { + color: var(--_color12) !important; +} +.hljs-ansi-foreground-magenta .hljs-ansi-style-bold, +.hljs-ansi-foreground-magenta.hljs-ansi-style-bold { + color: var(--_color13) !important; +} +.hljs-ansi-foreground-cyan .hljs-ansi-style-bold, +.hljs-ansi-foreground-cyan.hljs-ansi-style-bold { + color: var(--_color14) !important; +} +.hljs-ansi-foreground-white .hljs-ansi-style-bold, +.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; +}`, } @var select xmc_scheme 'Color Scheme' { @@ -267,19 +743,19 @@ --__secondary-rgb: 47, 49, 54; --__tertiary-rgb: 32, 34, 37; - --accent: #7289da; - --accent-rgb: 114, 137, 218; + --__accent: #7289da; + --__accent-rgb: 114, 137, 218; --__red: #f04747; --__text: #dcddde; --__link: #00aff4; --__highlight: #72767d; --__highlight-rgb: 114, 118, 125; - --status-online: #43b581; - --status-idle: #faa61a; - --status-dnd: #f04747; - --status-offline: #747f8d; - --status-streaming: #593695; + --__status-online: #43b581; + --__status-idle: #faa61a; + --__status-dnd: #f04747; + --__status-offline: #747f8d; + --__status-streaming: #593695; --__titlebar-color: var(--highlight); }`, @@ -1117,6 +1593,22 @@ span[class="role-tag"], [class*="before_inlineCode-"], [class^="inlineCode-"] { font-size: 12px !important; +} + +.hljs-ansi-style-bold { + font-weight: 0; +} + +[class^="markdown-"] [class^="codeInline-"], +code.inline, +.hljs { + font-size: 12px !important; +} + +[class^="markdown-"] code, +[class^="markdown-"] [class^="codeInline-"], +code.inline { + line-height: 12px !important; }`, 'The Funny': `@font-face { font-family: "Pointfree"; @@ -1483,6 +1975,125 @@ body > #app-mount > .platform-web > [class^="popout-"] > [class^="content-"] > [ @var text xmc_cbg_alpha_tertiary 'Tertiary Alpha' "0.9" @var text xmc_cbg_background 'Custom Background (full access to background, use url() for URLs)' "" +@var select xmc_square_avatars 'Square Avatars' { + 'Off': "", + 'On*': `[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; +} + +[class^="folderIconWrapper-"] + > [class^="closedFolderIconWrapper-"] + > [class^="icon-"] { + border-radius: 6px !important; +} + +[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, +[class^="avatarDecoration-"] > foreignObject { + mask: none !important; + mask-image: none !important; + -webkit-mask-image: none !important; +} + +[class*="avatarHint-"], +[class*="avatarNormal-"], +[class*="avatarWrapper-"] [class*="wrapper-"], +[class*="avatarWrapper-"] [class*="image-"], +[class*="replyAvatar-"] { + border: none; + border-radius: 10% !important; +} + +[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 + > rect { + x: 0; + y: 0; + width: 8px; + height: 100%; + mask: none !important; +} + +[class^="accountProfileCard-"] [class^="avatar-"] { + border: 0; + background-color: transparent; +} + +[class^="numberBadge-"] { + border-radius: 4px !important; +}` +} + @var select xmc_9x_bot_tag '9x Bot Tag' { 'Off*': "", 'On': `[class*="botTag-"] { @@ -1665,9 +2276,93 @@ html.platform-win:not(.app-focused) [class*="winButton-"] { opacity: 1 !important; }`, } + @var select xmc_textarea 'Text area style' { - 'Default*': "", - 'Mobile': `[class^="channelTextArea-"], + 'Default': "", + 'XMC Default*': `[class*="chat-"] [class*="chatContent-"] form { + position: relative; + margin: 0; +} + +[class*="chat-"] form [class*="typing-"] { + position: absolute; + top: -2px; + left: 10px; +} + +[class*="channelTextArea-"] { + margin-bottom: 10px !important; + margin-top: 24px !important; + padding: 0 !important; +} + +[class*="channelTextArea-"] [class*="inner-"] { + border-radius: 6px; +} + +[class*="sansAttachButton-"] { + padding-left: 10px !important; +} + +.typing .ellipsis, +[class*="typing-"] span[class*="ellipsis-"] { + display: none; +} + +form [class*="typing-"] { + background-color: transparent !important; +} + +[class^="scrollerSpacer-"] { + height: 4px !important; +} + +[class^="chatContent-"] > form:before { + display: none !important; +}`, + 'Mobile': `[class*="chat-"] [class*="chatContent-"] form { + position: relative; + margin: 0; +} + +[class*="chat-"] form [class*="typing-"] { + position: absolute; + top: -2px; + left: 10px; +} + +[class*="channelTextArea-"] { + margin-bottom: 10px !important; + margin-top: 24px !important; + padding: 0 !important; +} + +[class*="channelTextArea-"] [class*="inner-"] { + border-radius: 6px; +} + +[class*="sansAttachButton-"] { + padding-left: 10px !important; +} + +.typing .ellipsis, +[class*="typing-"] span[class*="ellipsis-"] { + display: none; +} + +form [class*="typing-"] { + background-color: transparent !important; +} + +[class^="scrollerSpacer-"] { + height: 4px !important; +} + +[class^="chatContent-"] > form:before { + display: none !important; +} + +[class^="channelTextArea-"], [class^="channelTextArea-"] > [class^="scrollableContainer-"] { background-color: transparent !important; } @@ -1883,7 +2578,49 @@ html.platform-win:not(.app-focused) [class*="winButton-"] { > [class^="placeholder-"] { left: 14px; }`, - 'Fullwidth': `[class^="chatContent-"] > form { + 'Fullwidth': `[class*="chat-"] [class*="chatContent-"] form { + position: relative; + margin: 0; +} + +[class*="chat-"] form [class*="typing-"] { + position: absolute; + top: -2px; + left: 10px; +} + +[class*="channelTextArea-"] { + margin-bottom: 10px !important; + margin-top: 24px !important; + padding: 0 !important; +} + +[class*="channelTextArea-"] [class*="inner-"] { + border-radius: 6px; +} + +[class*="sansAttachButton-"] { + padding-left: 10px !important; +} + +.typing .ellipsis, +[class*="typing-"] span[class*="ellipsis-"] { + display: none; +} + +form [class*="typing-"] { + background-color: transparent !important; +} + +[class^="scrollerSpacer-"] { + height: 4px !important; +} + +[class^="chatContent-"] > form:before { + display: none !important; +} + +[class^="chatContent-"] > form { padding: 0 !important; bottom: 0; } @@ -2348,7 +3085,7 @@ div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before { border-radius: 100% !important; transform: none !important; z-index: 100; - background: var(--red); + background: var(--red, var(--status-red-500)); } [class^="listItem-"] [class^="pill-"] > span[style*="height: 40px;"] { display: block; @@ -2358,7 +3095,7 @@ div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before { right: 4px; top: 5px !important; border-radius: 10% !important; - box-shadow: 0 0 0 2.5px var(--accent); + box-shadow: 0 0 0 2.5px var(--accent, var(--brand-500)); z-index: 100; } @@ -2731,63 +3468,100 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { @var select xmc_old_roles 'Old Roles' { 'Off': "", 'On*': `[class^="role-"] { - position: relative; - border-radius: 5%; - } + position: relative; + border-radius: 5%; +} - [class^="role-"] [class^="roleRemoveButton-"] [class^="roleCircle-"], - [class^="role-"] [class^="roleRemoveButton-"] [class^="roleFlowerStar-"] { - margin: 0 !important; - border-radius: 5% !important; - width: 100% !important; - height: 22px !important; - top: 0; - left: 0; - position: absolute; - z-index: 1; - opacity: 0.25; - } +[class^="role-"] [class^="roleRemoveButton-"] [class^="roleCircle-"], +[class^="role-"] [class^="roleRemoveButton-"] [class^="roleFlowerStar-"] { + margin: 0 !important; + border-radius: 5% !important; + width: 100% !important; + height: 22px !important; + top: 0; + left: 0; + position: absolute; + z-index: 1; + opacity: 0.25; +} - [class^="role-"] [class^="roleFlowerStar-"] > svg[class^="linkIcon-"] { - z-index: 7; - position: absolute; - right: -2px; - top: -2px; - opacity: 5; - } +[class^="role-"] [class^="roleFlowerStar-"] > svg[class^="linkIcon-"] { + z-index: 7; + position: absolute; + right: -2px; + top: -2px; + opacity: 5; +} - [class^="role-"] [class^="roleRemoveButton-"] { - position: absolute; - left: 0; - width: 100%; - height: 22px; - overflow-x: clip; - overflow-y: visible; - } +[class^="role-"] [class^="roleRemoveButton-"] { + position: absolute; + left: 0; + width: 100%; + height: 22px; + overflow-x: clip; + overflow-y: visible; +} - [class^="role-"] [class^="roleIcon-"] { - z-index: 5; - } +[class^="role-"] [class^="roleIcon-"] { + z-index: 5; +} - [class^="role-"] [class^="roleName-"] { - z-index: 2; - margin-right: 0; - } +[class^="role-"] [class^="roleName-"] { + z-index: 2; + margin-right: 0; +} - [class^="role-"] [class^="roleRemoveIcon-"] { - display: block; - position: absolute; - top: 4px; - left: 4px; - z-index: 6; - } +[class^="role-"] [class^="roleRemoveIcon-"] { + display: block; + position: absolute; + top: 4px; + left: 4px; + z-index: 6; +} - [class^="role-"] [class^="roleRemoveButton-"] [class*="roleDot-"] { - width: 1em !important; - height: 1em !important; - margin-top: 0.25em; - } -`, +[class^="role-"] [class^="roleRemoveButton-"] [class*="roleDot-"] { + width: 1em !important; + height: 1em !important; + margin-top: 0.25em; +}`, +} + +@var select xmc_old_embeds 'Old Embeds' { + 'Off': "", + 'On*': `[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; +}`, } @var select xmc_left_reply 'Left Side Reply Controls' { @@ -3600,14 +4374,14 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])) > [class^="panels-"] > [class^="container-"]:last-child { - width: 232px; + width: 224px; position: relative; bottom: 0; } div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) > [class^="panels-"] > [class^="container-"]:last-child { - width: 48px; + width: 40px; } div[class^="sidebar-"]:not(:has(> [class^="side-"])) @@ -3779,7 +4553,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])) > [class^="panels-"] > [class^="container-"]:last-child { - width: 232px; + width: 224px; position: relative; bottom: 0; } @@ -3959,14 +4733,14 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])) > [class^="panels-"] > [class^="container-"]:last-child { - width: 232px; + width: 224px; position: relative; bottom: 0; } div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) > [class^="panels-"] > [class^="container-"]:last-child { - width: 48px; + width: 40px; } div[class^="sidebar-"]:not(:has(> [class^="side-"])) @@ -4140,14 +4914,14 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) div[class^="sidebar-"]:not(:has(> [class^="side-"])) > [class^="panels-"] > [class^="container-"]:last-child { - width: 232px; + width: 224px; position: relative; bottom: 0; } div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) > [class^="panels-"] > [class^="container-"]:last-child { - width: 48px; + width: 40px; } div[class^="sidebar-"]:not(:has(> [class^="side-"])) @@ -4292,6 +5066,62 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) }`, } +@var select xmc_pip 'Disable Picture-in-picture' { + 'Off*': "", + 'On': `[class*="pictureInPicture-"] { + display: none; +}` +} + +@var select xmc_help_button 'Disable Help Button' { + 'Off': "", + 'On*': `a[href="https://support.discord.com"] { + display: none; +}` +} +@var select xmc_unmirror 'Unmirror Own Camera' { + 'Off': "", + 'On*': `[class*="mirror-"] { + transform: none !important; +}` +} + +@var select xmc_wide_settings 'Full-width Settings' { + 'Off': "", + 'On*': `[class*="standardSidebarView-"] + [class*="contentColumn-"]:not([class*="contentColumnWide-"]) { + max-width: 100%; +} + +[class*="standardSidebarView-"] [class*="sidebarRegion-"] { + flex: 0; +} + +[class^="accountProfileCard-"] { + max-width: 660px; +}`, +} + +@var select xmc_hide_nowplaying 'Hide Friends Activity Sidebar' { + 'Off': "", + 'On*': `[class^="nowPlayingColumn-"] { + display: none; +}`, +} + +@var select xmc_voice_rings 'Outset Voice Rings' { + 'Off': "", + 'On*': `[class*="avatarSpeaking-"], +[class^="avatar-"][class*="speaking-"] { + box-shadow: 0 0 0 2px var(--status-online, var(--status-green-600)), + 0 0 0 3px var(--background-secondary) !important; +} + +[class^="voiceUsers-"] [class^="avatarContainer-"] { + overflow: visible; +}`, +} + @var select xmc_override_titlebar 'Override Titlebar Color' { 'Off*': "", 'On': `:root { @@ -4341,281 +5171,77 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) @-moz-document domain(discord.com) { /* BASE THEME START */ - [class^="appMount-"], - [class^="bg-"], - [class^="layers-"] > [class^="layer-"], - [class^="app-"] { - background-color: transparent !important; + + #splash { + background-color: var(--primary, var(--background-primary)); } - html:not(.overlay) body { - 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, var(--brand-new-500)) !important; - } - - [style*="border-color: rgb(114, 137, 218)"], - [class*="lookOutlined-"][class*="colorBrand-"] { - border-color: var(--accent, var(--brand-new-500)) !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, var(--brand-new-500)) !important; - } - - [class*="mentioned-"]:before { - background-color: var(--accent, var(--brand-new-500)); - } - - [class^="slider-"] [class^="bar-"], - [class^="control-"] - [class^="container-"][style*="background-color: rgb(114, 118, 125);"] { - background-color: var(--background-secondary) !important; - } + /* i have no idea what half of these are for anymore */ + /* most of them are probably now-redundant color fixes */ + /* others are things i dont feel like need a toggle at the current moment */ [class^="container-"] > [class^="slider-"] > svg { display: none; } - [class^="autocomplete-"] { - border: none !important; - background-color: var(--background-floating) !important; - box-shadow: 0 2px 5px 0 var(--background-secondary) !important; - } - - [class^="autocomplete-"] [class*="selectorSelected-"], - [class^="autocomplete-"] [class*="autocompleteRow-"] [class*="selected-"] { - background-color: var(--background-secondary) !important; - } - - [class*="autocompleteRowHeading-"] { - font-size: 14px !important; - } - - [class^="autocomplete-"] [class*="categoryHeader-"] { - background-color: var(--background-floating) !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^="voiceUsers-"] [class^="avatarContainer-"] { - overflow: visible; - } - - [class^="peopleColumn-"] { - background: var(--background-primary); - } - - [class^="itemCard-"] [class*="inset-"] { - background-color: var(--background-primary) !important; - } - - [class*="outer-"][class*="interactive-"]:hover { - background-color: var(--background-modifier-hover) !important; - } - - [class^="base-"] > [class^="content-"] > [class^="container-"] { - background: var(--background-primary); - } - - .mention[class*="wrapper-"] { - color: var(--accent, var(--brand-new-500)); - background: rgba(var(--accent-rgb), 0.1); - } - - .mention[class*="wrapper-"]:hover { - color: #ffffff; - background: var(--accent, var(--brand-new-500)); - } - - [class*="mentioned-"] .mention.interactive:hover { - color: var(--accent, var(--brand-new-500)) !important; - } - - [class^="mediaBarGrabber-"], - [class^="mediaBarProgress-"], - [class^="mediaBarProgress-"]:after, - [class^="mediaBarProgress-"]:before { - background-color: var(--accent, var(--brand-new-500)) !important; - } - - [class^="reaction-"] { - background-color: var(--background-secondary); - border: none; - border-radius: 4px !important; - } - - [class^="reaction-"]:hover, - [class^="reaction-"][class*="reactionMe-"] { - background-color: var(--highlight, var(--primary-dark-500)); - } - - [class^="reaction-"][class*="reactionMe-"] [class*="reactionCount-"], - [class^="reaction-"]:hover [class*="reactionCount-"] { - color: var(--_color15, var(--white-500)); - } - - [class^="reaction-"] [class*="reactionCount-"] { - color: var(--text, var(--text-normal)); - } - - [class^="uploadModal-"], - [class^="uploadModal-"] [class^="footer-"], - [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^="uploadModal-"] [class^="footer-"], - [class^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class^="container-"] - [class*="footer-"] { - box-shadow: none; - } - - /* Channel icons */ - [class^="containerDefault-"] [class*="modeUnread-"] svg[class^="icon-"], - [class^="containerDefault-"]:not(:hover) - [class*="modeUnread-"] - [class^="name-"] { - color: var(--accent, var(--brand-new-500)); - } - [class^="containerDefault-"] [class*="modeUnread-"] [class^="unread-"] { - background-color: var(--accent, var(--brand-new-500)); - } - - [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; - } - - /* 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="#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="#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="#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; - } - [class*="unreadBar-"] { margin: 4px; border-radius: 4px !important; } - [class*="unreadBar-"][class*="mention-"] { - background-color: var(--red, var(--status-red-500)) !important; + [class^="modalTextContainer-"] { + overflow: scroll !important; } - [class^="numberBadge-"] { - border-radius: 4px !important; - background-color: var(--red, var(--status-red-500)) !important; + [class^="content-"] > [class^="sidebar-"] { + border-radius: 0; } + .platform-osx [class*="guilds-"] > ul > [class^="scroller-"] { + padding-top: 4px; + } + + [class^="slider-"] { + padding-top: 0 !important; + } + + .platform-win + nav[class*="guilds-"] + > ul[class^="tree-"] + > [class^="scroller-"] { + padding-top: 12px !important; + } + + [class*="timestampVisibleOnHover-"] { + opacity: 1 !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*="barBase-"] { + padding-bottom: 0 !important; + border-radius: 8px; + margin: 0 4px; + } + + [class^="markdown-"] code { + border-radius: 5%; + } + .hljs { + display: block; + overflow-x: auto; + padding: 0.5em; + } + + /* remove "dead space"/padding from vc users */ [class*="containerDefault-"] [class*="listDefault-"] { padding-left: 8px !important; } @@ -4638,767 +5264,6 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) 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^="avatarContainer-"] { - border-radius: 10% !important; - } - - [class^="folderIconWrapper-"] - > [class^="closedFolderIconWrapper-"] - > [class^="icon-"] { - border-radius: 6px !important; - } - - [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, - [class^="avatarDecoration-"] > foreignObject { - mask: none !important; - mask-image: none !important; - -webkit-mask-image: none !important; - } - - [class^="accountProfileCard-"] { - max-width: 660px; - } - - /* chat box */ - [class*="chat-"] [class*="chatContent-"] form { - position: relative; - margin: 0; - } - - [class*="chat-"] form [class*="typing-"] { - position: absolute; - top: -2px; - left: 10px; - } - - [class*="channelTextArea-"] { - margin-bottom: 10px !important; - margin-top: 24px !important; - padding: 0 !important; - } - - [class*="channelTextArea-"] [class*="inner-"] { - border-radius: 6px; - } - - [class*="sansAttachButton-"] { - padding-left: 10px !important; - } - - .typing .ellipsis, - [class*="typing-"] span[class*="ellipsis-"] { - display: none; - } - - form [class*="typing-"] { - background-color: transparent !important; - } - - [class^="scrollerSpacer-"] { - height: 4px !important; - } - - [class^="chatContent-"] > form:before { - display: none !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; - } - - /* User Popout */ - [class*="avatarHint-"], - [class*="avatarNormal-"], - [class*="avatarWrapper-"] [class*="wrapper-"], - [class*="avatarWrapper-"] [class*="image-"], - [class*="replyAvatar-"] { - border: none; - border-radius: 10% !important; - } - - [class*="background-"] [class*="wrapper-"] [class*="image-"] { - border: 2px solid var(--interactive-active); - } - - [class^="userPopout-"] { - border-radius: 0px; - border: none !important; - overflow: hidden scroll !important; - } - - [class^="userPopout-"]::-webkit-scrollbar { - display: none; - } - - /*[class^="userPopout-"] [class^="banner-"] { - /*box-shadow: 0 2px 5px 0 var(--background-secondary) !important;*/ /* - background-image: url("https://elixi.re/i/5rw87lo8.gif"); - background-repeat: no-repeat; - image-rendering: pixelated; - }*/ - [class^="userPopout-"] [class^="body-"] { - overflow: hidden visible !important; - } - - [class^="userPopout-"] [class*="headerTop-"], - [class^="userPopout-"] [class*="headerTop-"]:after { - box-shadow: inset 0px -36px 24px -1px var(--background-secondary); - } - - [class^="userPopout-"] [class*="headerTop-"] { - padding: 40px 8px 12px; - } - - [class^="userPopout-"] [class^="headerContainer-"], - [class^="userPopout-"] [class*="bodyTitle-"], - [class^="userPopout-"] [class*="userInfoTitle-"] { - padding: 4px 10px; - margin-bottom: 0 !important; - } - - [class^="userPopout-"] [class^="bodyInnerWrapper"] { - background-color: var(--background-secondary); - } - - [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"; - align-items: center; - justify-content: flex-start; - padding: 10px; - box-sizing: border-box; - transform: translateZ(0); - }*/ - - [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*="avatarWrapper-"] > [class^="wrapper-"] { - width: 48px !important; - height: 48px !important; - }*/ - - [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 - > 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*="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^="activityUserPopout-"], - [class^="userPopout-"] [class^="body-"], - [class^="userPopout-"] [class^="body-"] [class^="bodyInnerWrapper-"] { - padding: 0; - } - - [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*="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^="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*="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^="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-"] textarea, - [class^="userPopout-"] [class*="footer-"] [class*="inputDefault-"] { - border: 1px solid var(--background-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^="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*="rolesList-"] { - margin: 0; - padding: 8px; - } - - [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-"] .mutual-guilds { - padding: 0 !important; - padding-top: 8px !important; - } - - [class^="userPopout-"] [class*="role-"] { - background: var(--background-modifier-selected); - } - - /* Profiles */ - /*[class^="focusLock-"][aria-modal="true"] - > [class^="root-"] - [class*="profileBanner-"] { - background: url("https://elixi.re/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-"] - > [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^="note-"] - textarea { - border: 1px solid var(--background-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^="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^="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^="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-"] - > [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*="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^="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-"]: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); - } - - /* 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^="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); - } - /* Change Nickname Modal */ [class^="focusLock-"][aria-modal="true"] > [class*="root-"]:not([class*="carouselModal-"]) { @@ -5445,30 +5310,37 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) background-color: var(--background-tertiary) !important; } - /* misc */ - [class^="uploadModal-"] { - border-radius: 0; + /* autocomplete */ + [class^="autocomplete-"] { + border: none !important; + background-color: var(--background-floating) !important; + box-shadow: 0 2px 5px 0 var(--background-secondary) !important; } - #splash { - background-color: var(--primary); + [class^="autocomplete-"] [class*="selectorSelected-"], + [class^="autocomplete-"] [class*="autocompleteRow-"] [class*="selected-"] { + background-color: var(--background-secondary) !important; } - /*[class*="pictureInPicture-"] { - display: none; -}*/ - - [class^="scroller"][id="private-channels"] - a[class^="channel-"][href*="/discovery"] { - display: none; + [class^="autocomplete-"] [class*="categoryHeader-"] { + background-color: var(--background-floating) !important; } - [class^="modalTextContainer-"] { - overflow: scroll !important; + /* misc color fixes */ + [class^="peopleColumn-"] { + background: var(--background-primary); } - [class*="mirror-"] { - transform: none !important; + [class^="itemCard-"] [class*="inset-"] { + background-color: var(--background-primary) !important; + } + + [class*="outer-"][class*="interactive-"]:hover { + background-color: var(--background-modifier-hover) !important; + } + + [class^="base-"] > [class^="content-"] > [class^="container-"] { + background: var(--background-primary); } [class*="modal-"][class*="root-"] { @@ -5477,19 +5349,6 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) rgba(0, 0, 0, 0.2) 0px 2px 10px 0px; } - a[class^="anchor-"]:not([aria-controls^="popout_"]) { - color: var(--text-link) !important; - } - - [class*="bar-"][class*="mention-"] { - background-color: var(--red); - } - - [class^="accountProfileCard-"] [class^="avatar-"] { - border: 0; - background-color: transparent; - } - [class^="perksModal-"] { background-color: var(--background-primary) !important; } @@ -5497,12 +5356,6 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) background-color: var(--background-primary) !important; } - [class*="barBase-"] { - padding-bottom: 0 !important; - border-radius: 8px; - margin: 0 4px; - } - [class^="layerContainer-"] > [class^="layer-"] > [class^="container-"] { background: var(--background-floating); } @@ -5520,111 +5373,6 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) background: var(--background-modifier-hover); } - [class^="content-"] > [class^="sidebar-"] { - border-radius: 0; - } - - .platform-osx [class*="guilds-"] > ul > [class^="scroller-"] { - padding-top: 4px; - } - - [class^="slider-"] { - padding-top: 0 !important; - } - - .platform-win - nav[class*="guilds-"] - > ul[class^="tree-"] - > [class^="scroller-"] { - padding-top: 12px !important; - } - - a[href="https://support.discord.com"] - { - display: none; - } - - [class*="timestampVisibleOnHover-"] { - opacity: 1 !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-"]: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; - } - - 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*="tierHeaderLocked-"], - [class*="tierHeaderUnlocked-"] { - background-color: var(--background-secondary) !important; - } - - [class*="tierAccomplished-"], - [class*="tierCurrent-"], - [class*="tierFirst-"] { - background: var(--_color13) !important; - } - - [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^="activeCircle-"] { - background-color: var(--_color2) !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^="chat-"][class*="background-"], [class^="title-"][class*="background-"], [class^="chat-"] > [class^="content-"] > [class^="container-"] { @@ -5643,25 +5391,11 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) } [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; + color: var(--status-red-500) !important; } /* jane's steam border ext */ - .steam-border-message > #border { + /*.steam-border-message > #border { width: 20px !important; height: 20px !important; left: 0 !important; @@ -5684,267 +5418,21 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .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; - } + /* font fixes */ [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; - } + [class^="codeLine-"], + [class^="codeBlockText-"], + [class^="durationTimeDisplay-"], + [class^="durationTimeSeparator-"], + [class*="after_inlineCode-"], + [class*="before_inlineCode-"], + [class^="inlineCode-"], + code.inline, + code, .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) !important; - } - .hljs-keyword { - color: var(--_color5) !important; - } - .hljs-built_in { - color: var(--_color6) !important; - } - .hljs-type { - color: var(--_color3) !important; - } - .hljs-literal { - color: var(--_color3) !important; - } - .hljs-number { - color: var(--_color3) !important; - } - .hljs-regexp { - color: var(--_color6) !important; - } - .hljs-string { - color: var(--_color2) !important; - } - .hljs-subst { - color: var(--_color1) !important; - } - .hljs-symbol { - color: var(--_color5) !important; - } - .hljs-class { - color: var(--_color3) !important; - } - .hljs-function { - color: var(--_color4) !important; - } - .hljs-title { - color: var(--_color4) !important; - } - .hljs-params { - color: var(--_color1) !important; - } - .hljs-comment { - color: var(--highlight) !important; - } - .hljs-doctag { - color: var(--_colorFG) !important; - } - .hljs-meta { - color: var(--_color1) !important; - } - .hljs-meta-keyword { - color: var(--_color3) !important; - } - .hljs-meta-string { - color: var(--_color2) !important; - } - .hljs-section { - color: var(--_color4) !important; - } - .hljs-tag { - color: var(--_colorFG) !important; - } - .hljs-name { - color: var(--_color1) !important; - } - .hljs-builtin-name { - color: var(--_colorFG) !important; - } - .hljs-attr { - color: var(--_color3) !important; - } - .hljs-attribute { - color: var(--_colorFG) !important; - } - .hljs-variable { - color: var(--_color1) !important; - } - .hljs-bullet { - color: var(--_color1) !important; - } - .hljs-code { - color: var(--_color2) !important; - } - .hljs-emphasis { - color: var(--_color5) !important; - font-style: italic; - } - .hljs-strong { - color: var(--_color3) !important; - font-weight: bold; - } - .hljs-formula { - color: var(--_colorFG) !important; - } - .hljs-link { - color: var(--_color3) !important; - } - .hljs-quote { - color: var(--_color3) !important; - } - .hljs-selector-tag { - color: var(--_color1) !important; - } - .hljs-selector-id { - color: var(--_color4) !important; - } - .hljs-selector-class { - color: var(--_color3) !important; - } - .hljs-selector-attr { - color: var(--_color4) !important; - } - .hljs-selector-pseudo { - color: var(--_color3) !important; - } - .hljs-template-tag { - color: var(--_colorFG) !important; - } - .hljs-template-variable { - color: var(--_colorFG) !important; - } - .hljs-addition { - color: #a6e22e !important; - background: #384c10 !important; - } - .hljs-deletion { - color: #f92672 !important; - background: #4c0c23 !important; - } - .hljs-operator { - color: var(--_colorFG) !important; - } - .hljs-pattern-match { - color: var(--_colorFG) !important; - } - .hljs-typing { - color: var(--_colorFG) !important; - } - .hljs-constructor { - color: var(--_colorFG) !important; - } - .hljs-module-access { - color: var(--_colorFG) !important; - } - .hljs-module { - color: var(--_colorFG) !important; - } - .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, - .hljs-ansi-foreground-black.hljs-ansi-style-bold { - color: var(--_color8) !important; - } - .hljs-ansi-foreground-red .hljs-ansi-style-bold, - .hljs-ansi-foreground-red.hljs-ansi-style-bold { - color: var(--_color9) !important; - } - .hljs-ansi-foreground-green .hljs-ansi-style-bold, - .hljs-ansi-foreground-green.hljs-ansi-style-bold { - color: var(--_color10) !important; - } - .hljs-ansi-foreground-yellow .hljs-ansi-style-bold, - .hljs-ansi-foreground-yellow.hljs-ansi-style-bold { - color: var(--_color11) !important; - } - .hljs-ansi-foreground-blue .hljs-ansi-style-bold, - .hljs-ansi-foreground-blue.hljs-ansi-style-bold { - color: var(--_color12) !important; - } - .hljs-ansi-foreground-magenta .hljs-ansi-style-bold, - .hljs-ansi-foreground-magenta.hljs-ansi-style-bold { - color: var(--_color13) !important; - } - .hljs-ansi-foreground-cyan .hljs-ansi-style-bold, - .hljs-ansi-foreground-cyan.hljs-ansi-style-bold { - color: var(--_color14) !important; - } - .hljs-ansi-foreground-white .hljs-ansi-style-bold, - .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; } /* BASE THEME END */ @@ -6014,6 +5502,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) /*[[xmc_scheme]]*/ /*[[xmc_stylings]]*/ /*[[xmc_custom_bg]]*/ + /*[[xmc_square_avatars]]*/ /*[[xmc_9x_bot_tag]]*/ /*[[xmc_nyantro]]*/ /*[[xmc_titlebars]]*/ @@ -6030,6 +5519,12 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) /*[[xmc_accessible_styles]]*/ /*[[xmc_compacter_mode]]*/ /*[[xmc_collapsing_sidebar]]*/ + /*[[xmc_pip]]*/ + /*[[xmc_help_button]]*/ + /*[[xmc_unmirror]]*/ + /*[[xmc_wide_settings]]*/ + /*[[xmc_hide_nowplaying]]*/ + /*[[xmc_voice_rings]]*/ /*[[xmc_override_titlebar]]*/ /* USERCSS REPLACEMENTS END */