From fb2ac7da82b025114db5c622a39b8caf435aa4d4 Mon Sep 17 00:00:00 2001 From: Cynthia Foxwell Date: Thu, 26 Oct 2023 14:10:34 -0600 Subject: [PATCH] rspack fixes --- xmc.user.css | 4947 +++++++++++++++++++++++++------------------------- 1 file changed, 2478 insertions(+), 2469 deletions(-) diff --git a/xmc.user.css b/xmc.user.css index 01df639..f6e4c3d 100644 --- a/xmc.user.css +++ b/xmc.user.css @@ -234,10 +234,10 @@ html { --brand-experiment-95a: rgba(var(--accent-rgb), 0.95) !important; } -[class^="appMount-"], -[class^="bg-"], -[class^="layers-"] > [class^="layer-"], -[class^="app-"] { +[class^="appMount_"], +[class^="bg_"], +[class^="layers_"] > [class^="layer_"], +[class^="app_"] { background-color: transparent !important; } @@ -307,125 +307,125 @@ rect[fill="hsl(262, calc(var(--saturation-factor, 1) * 46.8%), 39.8%)"] { fill: var(--status-streaming); } -[class^="containerDefault-"]:not(:hover):not([class*="selected-"]) - [class*="modeUnread-"] svg[class^="icon-"], -[class^="containerDefault-"]:not(:hover):not([class*="selected-"]) - [class*="modeUnread-"] [class^="name-"] { +[class^="containerDefault_"]:not(:hover):not([class*="selected_"]) + [class*="modeUnread_"] svg[class^="icon_"], +[class^="containerDefault_"]:not(:hover):not([class*="selected_"]) + [class*="modeUnread_"] [class^="name_"] { color: var(--accent, var(--brand-new-500)); } -[class^="containerDefault-"] [class*="modeUnread-"] [class^="unread-"] { +[class^="containerDefault_"] [class*="modeUnread_"] [class^="unread_"] { background-color: var(--accent, var(--brand-new-500)); } -[class^="containerDefault-"]:not(:hover) [class*="modeSelected-"] svg[class^="icon-"] { +[class^="containerDefault_"]:not(:hover) [class*="modeSelected_"] svg[class^="icon_"] { color: var(--interactive-active); } -[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-"] { +[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);"] { +[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-"] { +[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-"] { +[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 { +[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);"] { +[class^="slider_"] [class^="bar_"], +[class^="control_"] + [class^="container_"][style*="background-color: rgb(114, 118, 125);"] { background-color: var(--background-secondary) !important; } -.mention[class*="wrapper-"] { +.mention[class*="wrapper_"] { color: var(--accent, var(--brand-new-500)); background: rgba(var(--accent-rgb), 0.1); } -.mention[class*="wrapper-"]:hover { +.mention[class*="wrapper_"]:hover { color: #ffffff; background: var(--accent, var(--brand-new-500)); } -[class*="mentioned-"] .mention.interactive:hover { +[class*="mentioned_"] .mention.interactive:hover { color: var(--accent, var(--brand-new-500)) !important; } -[class^="mediaBarGrabber-"], -[class^="mediaBarProgress-"], -[class^="mediaBarProgress-"]:after, -[class^="mediaBarProgress-"]:before { +[class^="mediaBarGrabber_"], +[class^="mediaBarProgress_"], +[class^="mediaBarProgress_"]:after, +[class^="mediaBarProgress_"]:before { background-color: var(--accent, var(--brand-new-500)) !important; } -[class^="reaction-"] { +[class^="reaction_"] { background-color: var(--background-secondary); border: none; border-radius: 4px !important; } -[class^="reaction-"]:hover, -[class^="reaction-"][class*="reactionMe-"] { +[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-"] { +[class^="reaction_"][class*="reactionMe_"] [class*="reactionCount_"], +[class^="reaction_"]:hover [class*="reactionCount_"] { color: var(--white-500) !important; } -[class^="reaction-"] [class*="reactionCount-"] { +[class^="reaction_"] [class*="reactionCount_"] { color: var(--text, var(--text-normal)); } -[class*="progressBarHeader-"] - > [class^="container-"]:not([class*="checked-"]), -[class^="control-"] > [class^="container-"]:not([class*="checked-"]) { +[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-"] { +[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%);"] { +[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%);"] { +[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%);"] { +[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; } @@ -436,60 +436,60 @@ span[style*="background-color: hsl(359, calc(var(--saturation-factor, 1) * 82.6% background-color: var(--red, var(--status-red-500)) !important; } -[class^="updateIconForeground-"] { +[class^="updateIconForeground_"] { fill: var(--_color2); } -[class*="tierHeaderLocked-"], -[class*="tierHeaderUnlocked-"] { +[class*="tierHeaderLocked_"], +[class*="tierHeaderUnlocked_"] { background-color: var(--background-secondary) !important; } -[class*="tierAccomplished-"], -[class*="tierCurrent-"], -[class*="tierFirst-"] { +[class*="tierAccomplished_"], +[class*="tierCurrent_"], +[class*="tierFirst_"] { background: var(--_color13) !important; } -[class^="progressWithSubscriptions-"] > svg > g > rect[class^="background-"] { +[class^="progressWithSubscriptions_"] > svg > g > rect[class^="background_"] { color: var(--background-secondary); } -[class^="tierIcon-"], -[class^="unlockedIcon-"], -[class^="progressWithSubscriptions-"] > svg > g > rect[class^="foreground-"] { +[class^="tierIcon_"], +[class^="unlockedIcon_"], +[class^="progressWithSubscriptions_"] > svg > g > rect[class^="foreground_"] { color: var(--_color13) !important; } svg[fill="#FF73FA"] { fill: var(--_color13) !important; } -[class^="activeCircle-"] { +[class^="activeCircle_"] { background-color: var(--_color2) !important; } -[class*="allow-"][class*="selected-"] { +[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%);"] { +[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-"] { +[class*="unreadBar_"][class*="mention_"], +[class^="numberBadge_"] { background-color: var(--red, var(--status-red-500)) !important; } -[class*="bar-"][class*="mention-"] { +[class*="bar_"][class*="mention_"] { background-color: var(--red, var(--status-red-500)); } -a[class^="anchor-"]:not([aria-controls^="popout_"]) { +a[class^="anchor_"]:not([aria-controls^="popout_"]) { color: var(--text-link) !important; } -.theme-light [class*="button-"][class*="lookFilled-"][class*="colorPrimary-"] { +.theme-light [class*="button_"][class*="lookFilled_"][class*="colorPrimary_"] { color: var(--text) !important; } @@ -499,12 +499,12 @@ a[class^="anchor-"]:not([aria-controls^="popout_"]) { background: var(--deprecated-card-bg) !important; } -[class^="markdown-"] [class^="codeInline-"], +[class^="markdown_"] [class^="codeInline_"], code.inline, .hljs { color: var(--_colorFG) !important; } -[class^="markdown-"] code, +[class^="markdown_"] code, .hljs { background: var(--background-secondary) !important; } @@ -651,7 +651,7 @@ code.inline, .hljs-module { color: var(--_colorFG) !important; } -.hljs-ansi-foreground-black [class^="hljs-ansi-background-"], +.hljs-ansi-foreground-black [class^="hljs-ansi-background_"], .hljs-ansi-foreground-black { color: var(--_color0) !important; } @@ -673,7 +673,7 @@ code.inline, .hljs-ansi-foreground-cyan { color: var(--_color6) !important; } -.hljs-ansi-foreground-white [class^="hljs-ansi-background-"], +.hljs-ansi-foreground-white [class^="hljs-ansi-background_"], .hljs-ansi-foreground-white { color: var(--_color7) !important; } @@ -772,11 +772,11 @@ code.inline, --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 !important; + --status-idle: #faa61a !important; + --status-dnd: #f04747 !important; + --status-offline: #747f8d !important; + --status-streaming: #593695 !important; --titlebar-color: var(--highlight); } @@ -820,11 +820,11 @@ code.inline, --highlight: #404040; --highlight-rgb: 64, 64, 64; - --status-online: var(--_color4); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color4) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: var(--accent); } @@ -868,11 +868,11 @@ code.inline, --highlight: #634e75; --highlight-rgb: 99, 78, 117; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color5); - --status-offline: var(--highlight); - --status-streaming: var(--_color4); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color5) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color4) !important; --status-warning-text: var(--primary) !important; } @@ -918,11 +918,11 @@ code.inline, --highlight: #5c5c5c; --highlight-rgb: 92, 92, 92; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color5); - --status-offline: var(--highlight); - --status-streaming: var(--_color4); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color5) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color4) !important; --status-warning-text: var(--primary) !important; @@ -969,11 +969,11 @@ code.inline, --highlight: #665c54; --highlight-rgb: 102, 92, 84; - --status-online: var(--_color10); - --status-idle: var(--_color11); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color13); + --status-online: var(--_color10) !important; + --status-idle: var(--_color11) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color13) !important; } #splash { @@ -1015,11 +1015,11 @@ code.inline, --highlight: #232323; --highlight-rgb: 35, 35, 35; - --status-online: #43b581; - --status-idle: #faa61a; - --status-dnd: #f04747; - --status-offline: #747f8d; - --status-streaming: #593695; + --status-online: #43b581 !important; + --status-idle: #faa61a !important; + --status-dnd: #f04747 !important; + --status-offline: #747f8d !important; + --status-streaming: #593695 !important; --titlebar-color: #060606; } @@ -1063,11 +1063,11 @@ code.inline, --highlight: #8fbcbb; --highlight-rgb: 143, 188, 187; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #4c566a; } @@ -1111,11 +1111,11 @@ code.inline, --highlight: var(--_color8); --highlight-rgb: 65, 68, 88; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color9); - --status-offline: var(--highlight); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color9) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color5) !important; --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color7) !important; @@ -1160,11 +1160,11 @@ code.inline, --highlight: #a5adce; --highlight-rgb: 165, 173, 206; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #414559; @@ -1211,11 +1211,11 @@ code.inline, --highlight: #a5adcb; --highlight-rgb: 165, 173, 203; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #363a4f; @@ -1263,11 +1263,11 @@ code.inline, --highlight: #a6adc8; --highlight-rgb: 166, 173, 200; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #313244; @@ -1318,11 +1318,11 @@ code.inline, --highlight: #747474; --highlight-rgb: 116, 116, 116; - --status-online: #43b581; - --status-idle: #faa61a; - --status-dnd: #f04747; - --status-offline: #747f8d; - --status-streaming: #593695; + --status-online: #43b581 !important; + --status-idle: #faa61a !important; + --status-dnd: #f04747 !important; + --status-offline: #747f8d !important; + --status-streaming: #593695 !important; --titlebar-color: var(--tertiary); } @@ -1366,11 +1366,11 @@ code.inline, --highlight: var(--_color0); --highlight-rgb: 122, 132, 120; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--highlight); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color5) !important; --interactive-hover: var(--_color6) !important; --interactive-active: var(--_color15) !important; @@ -1415,11 +1415,11 @@ code.inline, --highlight: #565f89; --highlight-rgb: 86, 95, 137; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--highlight); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color5) !important; --interactive-hover: var(--_color4) !important; --interactive-active: var(--_color15) !important; @@ -1464,11 +1464,11 @@ code.inline, --highlight: #889180; --highlight-rgb: 137, 145, 130; - --status-online: var(--_color10); - --status-idle: var(--_color11); - --status-dnd: var(--_color9); - --status-offline: var(--highlight); - --status-streaming: var(--_color5); + --status-online: var(--_color10) !important; + --status-idle: var(--_color11) !important; + --status-dnd: var(--_color9) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color5) !important; --status-danger: var(--red) !important; --interactive-active: var(--white-500) !important; @@ -1519,11 +1519,11 @@ code.inline, --highlight: #b5b5b5; --highlight-rgb: 181, 181, 181; - --status-online: var(--_color10); - --status-idle: var(--_color11); - --status-dnd: var(--_color9); - --status-offline: var(--highlight); - --status-streaming: var(--_color5); + --status-online: var(--_color10) !important; + --status-idle: var(--_color11) !important; + --status-dnd: var(--_color9) !important; + --status-offline: var(--highlight) !important; + --status-streaming: var(--_color5) !important; --status-danger: var(--red) !important; --interactive-active: var(--white-500) !important; @@ -1569,11 +1569,11 @@ code.inline, --highlight: var(--xmc-custom-highlight); --highlight-rgb: var(--xmc-custom-highlight-rgb); - --status-online: var(--xmc-custom-status-online); - --status-idle: var(--xmc-custom-status-idle); - --status-dnd: var(--xmc-custom-status-dnd); - --status-offline: var(--xmc-custom-status-offline); - --status-streaming: var(--xmc-custom-status-streaming); + --status-online: var(--xmc-custom-status-online) !important; + --status-idle: var(--xmc-custom-status-idle) !important; + --status-dnd: var(--xmc-custom-status-dnd) !important; + --status-offline: var(--xmc-custom-status-offline) !important; + --status-streaming: var(--xmc-custom-status-streaming) !important; --interactive-hover: var(--xmc-custom-hover) !important; --interactive-active: var(--xmc-custom-active) !important; @@ -1621,11 +1621,11 @@ code.inline, --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 !important; + --status-idle: #faa61a !important; + --status-dnd: #f04747 !important; + --status-offline: #747f8d !important; + --status-streaming: #593695 !important; --titlebar-color: var(--highlight); @@ -1667,11 +1667,11 @@ code.inline, --highlight: #b0aca5; --highlight-rgb: 176, 172, 165; - --status-online: var(--_color4); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color4) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: var(--accent); --interactive-hover: #494949 !important; @@ -1713,11 +1713,11 @@ code.inline, --highlight: #bdae93; --highlight-rgb: 189, 174, 147; - --status-online: var(--_color10); - --status-idle: var(--_color11); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color13); + --status-online: var(--_color10) !important; + --status-idle: var(--_color11) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color13) !important; }`, 'Nord': `.theme-light { --_color0: #e5e9f0; @@ -1755,11 +1755,11 @@ code.inline, --highlight: #8fbcbb; --highlight-rgb: 143, 188, 187; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #4c566a; }`, @@ -1799,11 +1799,11 @@ code.inline, --highlight: #6c6f85; --highlight-rgb: 108, 111, 133; - --status-online: var(--_color2); - --status-idle: var(--_color3); - --status-dnd: var(--_color1); - --status-offline: var(--_color8); - --status-streaming: var(--_color5); + --status-online: var(--_color2) !important; + --status-idle: var(--_color3) !important; + --status-dnd: var(--_color1) !important; + --status-offline: var(--_color8) !important; + --status-streaming: var(--_color5) !important; --titlebar-color: #414559; @@ -1883,11 +1883,11 @@ code.inline, font-family: "Sazanami Gothic" !important; } -[class*="menu-"] [class^="item-"], -[class^="containerDefault-"] [class^="name-"], -[class^="membersGroup-"] { +[class*="menu_"] [class^="item_"], +[class^="containerDefault_"] [class^="name_"], +[class^="membersGroup_"] { font-size: 16px; - text-transform: none; + text-transform: none !important; font-weight: 500; }`, 'Terminus': `@font-face { @@ -1945,27 +1945,27 @@ code.inline, --_font-titlebars: var(--font-primary) !important; } -[class*="menu-"] [class^="item-"], -[class^="containerDefault-"] - > [class^="iconVisibility-"] - > [class^="content-"] - [class^="name-"] { +[class*="menu_"] [class^="item_"], +[class^="containerDefault_"] + > [class^="iconVisibility_"] + > [class^="content_"] + [class^="name_"] { font-size: 16px; text-transform: none; font-weight: 500; } -[class^="containerDefault-"] - > [class^="iconVisibility-"] - > [class^="mainContent-"] - [class^="name-"], -[class^="membersGroup-"], -[class^="headerContent-"] > [class^="name-"] { +[class^="containerDefault_"] + > [class^="iconVisibility_"] + > [class^="mainContent_"] + [class^="name_"], +[class^="membersGroup_"], +[class^="headerContent_"] > [class^="name_"] { font-size: 16px; - text-transform: none; + text-transform: none !important; font-weight: 600; } -[class^="reaction-"] [class*="reactionCount-"] { +[class^="reaction_"] [class*="reactionCount_"] { font-size: 12px; } @@ -1975,35 +1975,35 @@ code.inline, font-size: 12px !important; } -[class^="sidebar-"] - > [class^="container-"] - > [class^="container-"] - > [class^="header-"] - > [class^="name-"], -[class*="heading-md-medium-"], -[class*="heading-md-normal-"] { +[class^="sidebar_"] + > [class^="container_"] + > [class^="container_"] + > [class^="header_"] + > [class^="name_"], +[class*="heading-md-medium_"], +[class*="heading-md-normal_"] { font-size: 16px !important; } -[class*="edited-"], -[class*="botTag-"] [class*="botText-"], +[class*="edited_"], +[class*="botTag_"] [class*="botText_"], span[class="role-tag"], .antiDelete-deleted-suffix { font-size: 12px !important; } -[class^="latin12CompactTimeStamp-"], -[class^="latin24CompactTimeStamp-"], -[class^="asianCompactTimeStamp-"], -[class^="embedFooterText-"] { +[class^="latin12CompactTimeStamp_"], +[class^="latin24CompactTimeStamp_"], +[class^="asianCompactTimeStamp_"], +[class^="embedFooterText_"] { font-size: 0.75em !important; } -[class^="codeBlockText-"], -[class^="codeLine-"], -[class*="after_inlineCode-"], -[class*="before_inlineCode-"], -[class^="inlineCode-"] { +[class^="codeBlockText_"], +[class^="codeLine_"], +[class*="after_inlineCode_"], +[class*="before_inlineCode_"], +[class^="inlineCode_"] { font-size: 12px !important; } @@ -2011,20 +2011,20 @@ span[class="role-tag"], font-weight: 0; } -[class^="markdown-"] [class^="codeInline-"], +[class^="markdown_"] [class^="codeInline_"], code.inline, .hljs { font-size: 12px !important; } -[class^="markdown-"] code, -[class^="markdown-"] [class^="codeInline-"], +[class^="markdown_"] code, +[class^="markdown_"] [class^="codeInline_"], code.inline { line-height: 12px !important; } -[class^="markup-"] ol, -[class^="markup-"] ul { +[class^="markup_"] ol, +[class^="markup_"] ul { margin: 4px 0 0 24px !important; } @@ -2132,68 +2132,68 @@ code.inline { inset 0 0 0 4px var(--secondary, var(--background-secondary)); } -[class*="button-"][class*="lookFilled-"], -section[class^="panels-"] - [class^="container-"] - [class^="flex-"] - button[class^="button-"], -[class^="toolbar-"] [class*="iconWrapper-"] { +[class*="button_"][class*="lookFilled_"], +section[class^="panels_"] + [class^="container_"] + [class^="flex_"] + button[class^="button_"], +[class^="toolbar_"] [class*="iconWrapper_"] { border-radius: 0; color: var(--text) !important; background: var(--button-bg) !important; box-shadow: var(--button-shadow) !important; } -[class^="containerDefault-"][class*="selected-"] - [class^="iconVisibility-"] - > [class^="content-"], -[class^="containerDefault-"] - [class^="iconVisibility-"][class*="modeSelected-"] - > [class^="content-"], -nav[class^="sidebar-"] div[class^="item-"][class*="selected-"], -[class^="member-"][aria-expanded="true"] > [class^="layout-"], -[class^="channel-"] [class^="interactive-"][class*="selected-"] { +[class^="containerDefault_"][class*="selected_"] + [class^="iconVisibility_"] + > [class^="content_"], +[class^="containerDefault_"] + [class^="iconVisibility_"][class*="modeSelected_"] + > [class^="content_"], +nav[class^="sidebar_"] div[class^="item_"][class*="selected_"], +[class^="member_"][aria-expanded="true"] > [class^="layout_"], +[class^="channel_"] [class^="interactive_"][class*="selected_"] { border-radius: 0; background: var(--button-bg) !important; box-shadow: var(--button-shadow) !important; } -[class^="containerDefault-"] [class^="iconVisibility-"]:hover [class^="content-"], -nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover, -[class^="member-"]:not([aria-expanded="true"]):hover > [class^="layout-"], -[class^="channel-"] [class^="interactive-"]:not([class*="selected-"]):hover { +[class^="containerDefault_"] [class^="iconVisibility_"]:hover [class^="content_"], +nav[class^="sidebar_"] div[class^="item_"]:not([class*="selected_"]):hover, +[class^="member_"]:not([aria-expanded="true"]):hover > [class^="layout_"], +[class^="channel_"] [class^="interactive_"]:not([class*="selected_"]):hover { border-radius: 0; background: var(--hover-bg) !important; box-shadow: var(--hover-shadow) !important; } -[class^="scroller-"]::-webkit-scrollbar-thumb, -[class*="scrollerBase-"]::-webkit-scrollbar-thumb { +[class^="scroller_"]::-webkit-scrollbar-thumb, +[class*="scrollerBase_"]::-webkit-scrollbar-thumb { border-radius: 0; background: transparent; box-shadow: var(--scrollbar-shadow); } -[class^="channelTextArea-"] > [class^="scrollableContainer-"] { +[class^="channelTextArea_"] > [class^="scrollableContainer_"] { border: 1px solid var(--background-tertiary); border-radius: 0; } -[class^="toolbar-"] [class*="iconWrapper-"] { +[class^="toolbar_"] [class*="iconWrapper_"] { margin: 0; width: 32px; height: 32px; } -[class^="toolbar-"] [class*="iconWrapper-"] > svg { +[class^="toolbar_"] [class*="iconWrapper_"] > svg { margin: 4px; } -[class^="toolbar-"] > [class^="search-"] { +[class^="toolbar_"] > [class^="search_"] { margin: 0; } -[class^="toolbar-"] > [class^="search-"] [class^="searchBar-"] { +[class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] { background-color: var(--background-primary); border: 1px solid var(--background-tertiary); border-radius: 0; @@ -2201,22 +2201,22 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover, justify-content: center; } -[class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] +[class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] > .DraftEditor-root, -[class^="toolbar-"] - > [class^="search-"] - [class^="searchBar-"] - > [class^="icon-"] { +[class^="toolbar_"] + > [class^="search_"] + [class^="searchBar_"] + > [class^="icon_"] { height: 24px; margin-top: 2px; } -[class*="recentMentionsPopout-"] - > [class^="header-"] - > [class^="tabBar-"] - > [class^="tab-"] { +[class*="recentMentionsPopout_"] + > [class^="header_"] + > [class^="tabBar_"] + > [class^="tab_"] { margin: 0; border-radius: 0; background: var(--button-bg) !important; @@ -2225,26 +2225,26 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover, font-size: 12px !important; } -[class*="recentMentionsPopout-"] - > [class^="header-"] - > [class^="tabBar-"] - > [class^="tab-"]:hover, -[class*="recentMentionsPopout-"] - > [class^="header-"] - > [class^="tabBar-"] - > [class^="tab-"][class*="active-"] { +[class*="recentMentionsPopout_"] + > [class^="header_"] + > [class^="tabBar_"] + > [class^="tab_"]:hover, +[class*="recentMentionsPopout_"] + > [class^="header_"] + > [class^="tabBar_"] + > [class^="tab_"][class*="active_"] { background: var(--hover-bg) !important; box-shadow: var(--hover-shadow) !important; } -[class^="reaction-"] { +[class^="reaction_"] { background-color: var(--button-bg); box-shadow: var(--button-shadow); border-radius: 0; } -[class^="reaction-"]:hover, -[class^="reaction-"][class*="reactionMe-"] { +[class^="reaction_"]:hover, +[class^="reaction_"][class*="reactionMe_"] { background-color: var(--hover-bg); box-shadow: var(--hover-shadow); }`, @@ -2269,98 +2269,98 @@ nav[class^="sidebar-"] div[class^="item-"]:not([class*="selected-"]):hover, inset -2px -2px 0 0 var(--primary), inset 2px 2px 0 0 var(--wc-bright, var(--highlight)); } -[class*="button-"][class*="lookFilled-"], -section[class^="panels-"] - [class^="container-"] - [class^="flex-"] - button[class^="button-"], -[class^="toolbar-"] [class*="iconWrapper-"] { +[class*="button_"][class*="lookFilled_"], +section[class^="panels_"] + [class^="container_"] + [class^="flex_"] + button[class^="button_"], +[class^="toolbar_"] [class*="iconWrapper_"] { border-radius: 0; box-shadow: var(--wc-outer-edge) !important; } -[class*="button-"][class*="lookFilled-"]:active, -section[class^="panels-"] - [class^="container-"] - [class^="flex-"] - button[class^="button-"]:active { +[class*="button_"][class*="lookFilled_"]:active, +section[class^="panels_"] + [class^="container_"] + [class^="flex_"] + button[class^="button_"]:active { box-shadow: var(--wc-inner-edge) !important; } -[class*="button-"][class*="lookFilled-"]:not([class*="color"]), -[class^="toolbar-"] [class*="iconWrapper-"] { +[class*="button_"][class*="lookFilled_"]:not([class*="color"]), +[class^="toolbar_"] [class*="iconWrapper_"] { background-color: var(--primary); } -[class^="chat-"] > [class^="content-"] > [class^="container-"] > [class^="membersWrap-"] { +[class^="chat_"] > [class^="content_"] [class^="membersWrap_"] { padding: 2px; box-shadow: var(--wc-inner-edge); height: calc(100% - 4px); max-height: calc(100% - 4px); } -[class^="messagesWrapper-"], -[class*="guilds-"], -[class^="sidebar-"] > nav > [class^="scroller-"] { +[class^="messagesWrapper_"], +[class*="guilds_"], +[class^="sidebar_"] > nav > [class^="scroller_"] { padding: 2px; box-shadow: var(--wc-inner-edge); } -[class^="chat-"] > [class^="content-"] > [class^="container-"], -[class^="chat-"] > [class^="content-"] > [class^="chatContent-"], -[class^="standardSidebarView-"] > [class^="contentRegion-"] { +[class^="chat_"] > [class^="content_"] > [class^="container_"], +[class^="chat_"] > [class^="content_"] > [class^="chatContent_"], +[class^="standardSidebarView_"] > [class^="contentRegion_"] { margin-left: 2px; } -[class^="channelTextArea-"] > [class^="scrollableContainer-"], -[class^="chat-"] [class^="toolbar-"] > [class^="search-"] > [class^="search-"] > [class^="searchBar-"] { +[class^="channelTextArea_"] > [class^="scrollableContainer_"], +[class^="chat_"] [class^="toolbar_"] > [class^="search_"] > [class^="search_"] > [class^="searchBar_"] { box-shadow: var(--wc-inner-edge); border-radius: 0; } -[class^="chat-"] > [class^="content-"]:before { +[class^="chat_"] > [class^="content_"]:before { display: none !important; } -[class^="standardSidebarView-"] > [class^="sidebarRegion-"] > [class^="sidebarRegionScroller-"], -[class^="standardSidebarView-"] > [class^="contentRegion-"] [class^="contentTransitionWrap-"] { +[class^="standardSidebarView_"] > [class^="sidebarRegion_"] > [class^="sidebarRegionScroller_"], +[class^="standardSidebarView_"] > [class^="contentRegion_"] [class^="contentTransitionWrap_"] { padding: 2px; box-shadow: var(--wc-inner-edge); } -[class^="standardSidebarView-"] > [class^="contentRegion-"], -[class^="standardSidebarView-"] > [class^="sidebarRegion-"] { +[class^="standardSidebarView_"] > [class^="contentRegion_"], +[class^="standardSidebarView_"] > [class^="sidebarRegion_"] { margin-top: 2px; } -[class^="standardSidebarView-"] > [class^="contentRegion-"] [class^="contentTransitionWrap-"] { +[class^="standardSidebarView_"] > [class^="contentRegion_"] [class^="contentTransitionWrap_"] { height: calc(100% - 4px); } -div[class^="sidebar-"] { +div[class^="sidebar_"] { border-left: 2px solid var(--primary); } -[class*="guilds-"] [class^="guildSeparator-"] { +[class*="guilds_"] [class^="guildSeparator_"] { height: 0; border-bottom: 1px solid var(--wc-bright, var(--highlight)); border-top: 1px solid var(--secondary); border-radius: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 48px; width: 240px; @@ -2374,78 +2374,78 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) ); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - [class^="bannerImg-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + [class^="bannerImg_"] { top: -67px; position: relative; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="scroller_"] > ul > div[style="height: 84px;"] { height: 0 !important; } -[class*="menu-"] { - border-radius: 0; +[class*="menu_"] { + border-radius: 0 !important; padding: 2px; - box-shadow: var(--wc-frame); + box-shadow: var(--wc-frame) !important; } -[class*="menu-"] > [class^="scroller-"] { +[class*="menu_"] > [class^="scroller_"] { padding: 1px 1px 4px 1px !important; margin-right: -4px } -[class*="menu-"] > [class^="scroller-"] [class^="item-"] { +[class*="menu_"] > [class^="scroller_"] [class^="item_"] { border-radius: 0 !important; margin: 1px 0; padding: 0 2px !important; } -[class*="menu-"] > [class^="scroller-"] [class^="customItem-"][id^="message-quickreact-"] > [class^="button-"] { +[class*="menu_"] > [class^="scroller_"] [class^="customItem_"][id^="message-quickreact-"] > [class^="button_"] { border-radius: 0 !important; box-shadow: var(--wc-outer-edge); } -[class*="menu-"] [class^="scroller-"] [class^="separator-"] { +[class*="menu_"] [class^="scroller_"] [class^="separator_"] { margin: 4px 1px; border-bottom: 1px solid var(--wc-bright, var(--highlight)); border-top: 1px solid var(--secondary); } -[class*="menu-"] > [class^="scroller-"] [class^="item-"] { +[class*="menu_"] > [class^="scroller_"] [class^="item_"] { min-height: 16px !important; font-size: 12px; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"]:not(:has(> [class^="iconContainer-"] > [class^="icon-"])):not(:has(> [class^="iconContainerLeft-"])) { +[class*="menu_"] > [class^="scroller_"] [class^="item_"]:not(:has(> [class^="iconContainer_"] > [class^="icon_"])):not(:has(> [class^="iconContainerLeft_"])) { padding-inline-start: 20px !important; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"]:has(> [class^="iconContainer-"] > [class^="icon-"]) { +[class*="menu_"] > [class^="scroller_"] [class^="item_"]:has(> [class^="iconContainer_"] > [class^="icon_"]) { flex-direction: row-reverse; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"] > [class^="iconContainer-"]:has(> [class^="icon-"]), -[class*="menu-"] > [class^="scroller-"] [class^="item-"] > [class^="iconContainerLeft-"] { +[class*="menu_"] > [class^="scroller_"] [class^="item_"] > [class^="iconContainer_"]:has(> [class^="icon_"]), +[class*="menu_"] > [class^="scroller_"] [class^="item_"] > [class^="iconContainerLeft_"] { margin-left: 0; margin-right: 2px; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"] > [class^="label-"] > [class^="subtext-"] { +[class*="menu_"] > [class^="scroller_"] [class^="item_"] > [class^="label_"] > [class^="subtext_"] { line-height: 12px; margin-top: 0; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"] > [class^="iconContainer-"], -[class*="menu-"] > [class^="scroller-"] [class^="item-"] > [class^="iconContainer-"] > svg { +[class*="menu_"] > [class^="scroller_"] [class^="item_"] > [class^="iconContainer_"], +[class*="menu_"] > [class^="scroller_"] [class^="item_"] > [class^="iconContainer_"] > svg { width: 16px; height: 16px; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"] > [class^="hintContainer-"] { +[class*="menu_"] > [class^="scroller_"] [class^="item_"] > [class^="hintContainer_"] { margin-right: 18px; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"][aria-haspopup="true"] > [class^="iconContainer-"] > [class^="caret-"] { +[class*="menu_"] > [class^="scroller_"] [class^="item_"][aria-haspopup="true"] > [class^="iconContainer_"] > [class^="caret_"] { display: none; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"][aria-haspopup="true"] > [class^="iconContainer-"]:before { +[class*="menu_"] > [class^="scroller_"] [class^="item_"][aria-haspopup="true"] > [class^="iconContainer_"]:before { content:""; position: absolute; right: -2px; @@ -2460,10 +2460,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"][role="menuitemcheckbox"] > [class^="iconContainer-"] > svg[class^="icon-"]{ +[class*="menu_"] > [class^="scroller_"] [class^="item_"][role="menuitemcheckbox"] > [class^="iconContainer_"] > svg[class^="icon_"]{ display: none; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"][role="menuitemcheckbox"][aria-checked="true"] > [class^="iconContainer-"]:before { +[class*="menu_"] > [class^="scroller_"] [class^="item_"][role="menuitemcheckbox"][aria-checked="true"] > [class^="iconContainer_"]:before { content:""; position: absolute; right: 0px; @@ -2478,10 +2478,10 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"][role="menuitemradio"] > [class^="iconContainer-"] > svg[class^="icon-"]{ +[class*="menu_"] > [class^="scroller_"] [class^="item_"][role="menuitemradio"] > [class^="iconContainer_"] > svg[class^="icon_"]{ display: none; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"][role="menuitemradio"][aria-checked="true"] > [class^="iconContainer-"]:before { +[class*="menu_"] > [class^="scroller_"] [class^="item_"][role="menuitemradio"][aria-checked="true"] > [class^="iconContainer_"]:before { content:""; position: absolute; right: -1px; @@ -2496,26 +2496,26 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"][aria-haspopup="true"]:hover > [class^="iconContainer-"]:before, -[class*="menu-"] > [class^="scroller-"] [class^="item-"][role="menuitemcheckbox"][aria-checked="true"]:hover > [class^="iconContainer-"]:before, -[class*="menu-"] > [class^="scroller-"] [class^="item-"][role="menuitemradio"][aria-checked="true"]:hover > [class^="iconContainer-"]:before { +[class*="menu_"] > [class^="scroller_"] [class^="item_"][aria-haspopup="true"]:hover > [class^="iconContainer_"]:before, +[class*="menu_"] > [class^="scroller_"] [class^="item_"][role="menuitemcheckbox"][aria-checked="true"]:hover > [class^="iconContainer_"]:before, +[class*="menu_"] > [class^="scroller_"] [class^="item_"][role="menuitemradio"][aria-checked="true"]:hover > [class^="iconContainer_"]:before { background-color: white; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"][aria-disabled="true"] > [class^="label-"], -[class*="menu-"] > [class^="scroller-"] [class^="item-"][aria-disabled="true"] > [class^="label-"] > [class^="subtext-"] { +[class*="menu_"] > [class^="scroller_"] [class^="item_"][aria-disabled="true"] > [class^="label_"], +[class*="menu_"] > [class^="scroller_"] [class^="item_"][aria-disabled="true"] > [class^="label_"] > [class^="subtext_"] { color: var(--secondary); text-shadow: 1px 1px 0 var(--wc-bright, var(--highlight)); } -[class^="submenu-"] > [class^="scroller-"] > [class^="listHeight-"][a=a] { +[class^="submenu_"] > [class^="scroller_"] > [class^="listHeight_"][a=a] { height: unset !important; } -[class^="submenuPaddingContainer-"] { +[class^="submenuPaddingContainer_"] { padding: 0; margin: -4px; } -[class*="menu-"] > [class^="scroller-"] [class^="item-"] > [class^="label-"] > [class^="roleRow-"] > [class^="roleCircle-"] { +[class*="menu_"] > [class^="scroller_"] [class^="item_"] > [class^="label_"] > [class^="roleRow_"] > [class^="roleCircle_"] { width: 12px; height: 12px; border-radius: 0; @@ -2525,158 +2525,158 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) margin-right: 2px; } -[class^="scroller-"]:not([class*="none-"]):not([class*="thin-"]):not(:not(:hover)[class*="fade-"])::-webkit-scrollbar, -[class*="scrollerBase-"]:not([class*="none-"]):not([class*="thin-"]):not(:not(:hover)[class*="fade-"])::-webkit-scrollbar { +[class^="scroller_"]:not([class*="none_"]):not([class*="thin_"]):not(:not(:hover)[class*="fade_"])::-webkit-scrollbar, +[class*="scrollerBase_"]:not([class*="none_"]):not([class*="thin_"]):not(:not(:hover)[class*="fade_"])::-webkit-scrollbar { min-width: 16px; width: 16px; } -[class^="scroller-"]:not([class*="thin-"])::-webkit-scrollbar-track, -[class*="scrollerBase-"]:not([class*="thin-"])::-webkit-scrollbar-track { +[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-track, +[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-track { background-color: var(--wc-bright, var(--highlight)); border: none; border-radius: 0; margin: 0; } -[class^="scroller-"]::-webkit-scrollbar-thumb, -[class*="scrollerBase-"]::-webkit-scrollbar-thumb, -[class^="scroller-"]:not([class*="thin-"])::-webkit-scrollbar-button:single-button, -[class*="scrollerBase-"]:not([class*="thin-"])::-webkit-scrollbar-button:single-button { - border-radius: 0; - background: var(--primary); +[class^="scroller_"]::-webkit-scrollbar-thumb, +[class*="scrollerBase_"]::-webkit-scrollbar-thumb, +[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button, +[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button { + border-radius: 0 !important; + background: var(--primary) !important; box-shadow: var(--wc-frame); - border: none; + border: none !important; } -[class^="scroller-"][class*="fade-"]:not([class*="thin-"])::-webkit-scrollbar-button:single-button, -[class*="scrollerBase-"][class*="fade-"]:not([class*="thin-"])::-webkit-scrollbar-button:single-button { +[class^="scroller_"][class*="fade_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button, +[class*="scrollerBase_"][class*="fade_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button { visibility: hidden; } -[class^="scroller-"][class*="fade-"]:not([class*="thin-"]):hover::-webkit-scrollbar-button:single-button, -[class*="scrollerBase-"][class*="fade-"]:not([class*="thin-"]):hover::-webkit-scrollbar-button:single-button { +[class^="scroller_"][class*="fade_"]:not([class*="thin_"]):hover::-webkit-scrollbar-button:single-button, +[class*="scrollerBase_"][class*="fade_"]:not([class*="thin_"]):hover::-webkit-scrollbar-button:single-button { visibility: visible; } -[class^="scroller-"]::-webkit-scrollbar-button:single-button:active, -[class*="scrollerBase-"]::-webkit-scrollbar-button:single-button:active { +[class^="scroller_"]::-webkit-scrollbar-button:single-button:active, +[class*="scrollerBase_"]::-webkit-scrollbar-button:single-button:active { box-shadow: inset 1px 1px var(--secondary), inset -1px -1px var(--secondary); } -[class^="scroller-"]:not([class*="thin-"])::-webkit-scrollbar-button:single-button:vertical:decrement, -[class*="scrollerBase-"]:not([class*="thin-"])::-webkit-scrollbar-button:single-button:vertical:decrement { +[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement, +[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement { background-repeat: no-repeat !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB5PSI4IiB4PSIzIiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHg9IjQiIHk9IjciIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeT0iNiIgeD0iNSIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB5PSI1IiB4PSI2IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important; background-position: center center !important; } -[class^="scroller-"]:not([class*="thin-"])::-webkit-scrollbar-button:single-button:vertical:increment, -[class*="scrollerBase-"]:not([class*="thin-"])::-webkit-scrollbar-button:single-button:vertical:increment { +[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:increment, +[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:increment { background-repeat: no-repeat !important; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTUiIHdpZHRoPSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4NCgk8cmVjdCBoZWlnaHQ9IjEiIHdpZHRoPSI3IiB4PSIzIiB5PSI1IiBmaWxsPSJtZW51dGV4dCIvPjxyZWN0IGhlaWdodD0iMSIgd2lkdGg9IjUiIHk9IjYiIHg9IjQiIGZpbGw9Im1lbnV0ZXh0Ii8+PHJlY3QgaGVpZ2h0PSIxIiB3aWR0aD0iMyIgeD0iNSIgeT0iNyIgZmlsbD0ibWVudXRleHQiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4PSI2IiB5PSI4IiBmaWxsPSJtZW51dGV4dCIvPg0KCQ0KCQ0KPC9zdmc+") !important; background-position: center center !important; } -[class^="scroller-"]::-webkit-scrollbar-button:single-button, -[class*="scrollerBase-"]::-webkit-scrollbar-button:single-button { +[class^="scroller_"]::-webkit-scrollbar-button:single-button, +[class*="scrollerBase_"]::-webkit-scrollbar-button:single-button { } -[class^="scroller-"]:not([class*="thin-"])::-webkit-scrollbar-button:single-button:vertical:decrement, -[class*="scrollerBase-"]:not([class*="thin-"])::-webkit-scrollbar-button:single-button:vertical:decrement { +[class^="scroller_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement, +[class*="scrollerBase_"]:not([class*="thin_"])::-webkit-scrollbar-button:single-button:vertical:decrement { border-width: 0 8px 8px 8px; border-color: transparent transparent var(--text) transparent; } .postnet-expanded-category, .postnet-repo-wrapper, -[class^="inner-"]:has(> input), -[class^="inputWrapper-"] > [class*="input-"], -[class^="colorSwatch-"] > [class^="swatch-"][aria-expanded=true] { +[class^="inner_"]:has(> input), +[class^="inputWrapper_"] > [class*="input_"], +[class^="colorSwatch_"] > [class^="swatch_"][aria-expanded=true] { border: none !important; border-radius: 0 !important; box-shadow: var(--wc-inner-edge); } -[class^="colorSwatch-"] > [class^="swatch-"] { +[class^="colorSwatch_"] > [class^="swatch_"] { border: none !important; border-radius: 0 !important; box-shadow: var(--wc-outer-edge); } -[class^="inputWrapper-"] > [class*="input-"] { +[class^="inputWrapper_"] > [class*="input_"] { padding: 2px 2px 2px 4px; height: 22px; } -[class^="select-"][class*="lookFilled-"] { +[class^="select_"][class*="lookFilled_"] { border: none !important; border-radius: 0 !important; box-shadow: var(--wc-inner-edge); padding: 2px 2px 2px 4px; } -[class^="select-"][class*="lookFilled-"] > [class^="icons-"] { +[class^="select_"][class*="lookFilled_"] > [class^="icons_"] { margin: 2px; } -[class^="select-"][class*="lookFilled-"] > [class^="icons-"] > svg { +[class^="select_"][class*="lookFilled_"] > [class^="icons_"] > svg { background: var(--primary); box-shadow: var(--wc-outer-edge); width: 16px; height: 16px; } -[class^="select-"][class*="lookFilled-"][class*="open-"] > [class^="icons-"] > svg { +[class^="select_"][class*="lookFilled_"][class*="open_"] > [class^="icons_"] > svg { box-shadow: var(--wc-inner-edge); } -[class^="popout-"][role="listbox"] > [class^="option-"] { +[class^="popout_"][role="listbox"] > [class^="option_"] { padding: 2px 2px 2px 4px; margin: 2px 0; } -[class^="popout-"][role="listbox"] > [class^="option-"]:hover { +[class^="popout_"][role="listbox"] > [class^="option_"]:hover { background-color: var(--accent); } -[class^="userPopoutOuter-"] { +[class^="userPopoutOuter_"] { padding: 2px !important; background: var(--primary) !important; border-radius: 0 !important; box-shadow: var(--wc-outer-edge); } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"], -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class^="userPopoutOverlayBackground-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"], +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class^="userPopoutOverlayBackground_"] { background: transparent; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"]:before { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"]:before { display: none; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class*="avatarWrapper-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class*="avatarWrapper_"] { top: 26px; left: 8px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class*="avatarWrapper-"] - > [class^="avatarHoverTarget-"] - > [class^="wrapper-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class*="avatarWrapper_"] + > [class^="avatarHoverTarget_"] + > [class^="wrapper_"] { width: 56px !important; height: 56px !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class*="avatarWrapper-"] - [class*="avatarHint-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class*="avatarWrapper_"] + [class*="avatarHint_"] { width: 48px !important; height: 48px !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class*="avatarWrapper-"] - > [class^="avatarHoverTarget-"] - > [class^="wrapper-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class*="avatarWrapper_"] + > [class^="avatarHoverTarget_"] + > [class^="wrapper_"] > svg { width: 55px !important; height: 55px !important; } -[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"]:after { +[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"]:after { position: absolute; top: 2px; left: 2px; @@ -2685,20 +2685,20 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) height: 18px; background: linear-gradient(to right, var(--profile-gradient-primary-color), var(--profile-gradient-secondary-color)); } -[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] - > [class^="userPopoutInner-"] - [class^="banner-"] { +[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"] + > [class^="userPopoutInner_"] + [class^="banner_"] { height: 18px !important; } -[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] - [class^="banner-"] { +[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"] + [class^="banner_"] { margin-top: 19px; border-radius: 0; } -[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] - [class^="banner-"]:after { +[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"] + [class^="banner_"]:after { content: ""; background: linear-gradient(to bottom, transparent 32px, var(--primary) 64px); width: 340px; @@ -2707,98 +2707,98 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) top: 19px; left: 0; } -[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] - [class^="banner-"] { +[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"] + [class^="banner_"] { display: none; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class^="userPopoutOverlayBackground-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class^="userPopoutOverlayBackground_"] { margin: 0 !important; overflow: visible; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] - > [class^="userPopoutOverlayBackground-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"] + > [class^="userPopoutOverlayBackground_"] { margin-top: -72px !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] - > [class^="userPopoutOverlayBackground-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"] + > [class^="userPopoutOverlayBackground_"] { margin-top: -48px !important; } -[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] - > [class^="userPopoutInner-"] - > [class^="userPopoutOverlayBackground-"] { +[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"] + > [class^="userPopoutInner_"] + > [class^="userPopoutOverlayBackground_"] { margin-top: -78px !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] - [class*="usernameSection-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"] + [class*="usernameSection_"] { padding: 0 !important; position: absolute; top: -60px; left: 64px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] - [class*="usernameSection-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"] + [class*="usernameSection_"] { padding: 0 !important; position: absolute; top: -56px; left: 64px; } -[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] { +[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] { padding: 0 !important; position: absolute; top: -54px; left: 64px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] > div { display: flex; flex-direction: row !important; align-items: center; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] > div - > [class^="userText-"] + > [class^="userText_"] > h1 { font-size: 16px !important; line-height: 16px !important; text-shadow: 1px 1px 0 var(--primary); } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] - [class^="userText-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] + [class^="userText_"] > div - > [class*="userTag-"] { + > [class*="userTag_"] { line-height: 16px; width: max-content; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] - [class^="userText-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] + [class^="userText_"] > div - > [class*="userTag-"] + > [class*="userTag_"] > span { text-shadow: 1px 1px 0 var(--primary); font-size: 12px; padding-left: 2px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] - [class^="userText-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] + [class^="userText_"] > div { position: absolute; top: -26px; @@ -2806,35 +2806,35 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) z-index: 10; flex-direction: row-reverse !important; } -[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] - [class^="userText-"] +[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] + [class^="userText_"] > div { position: absolute; top: -26px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] - [class*="usernameSection-"] - [class^="userText-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"] + [class*="usernameSection_"] + [class^="userText_"] > div { position: absolute; top: -24px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] - [class^="userText-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] + [class^="userText_"] > div .platform-icons-wrapper { margin-left: 0 !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="usernameSection-"] +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="usernameSection_"] > div - > [class*="pronouns-"] { + > [class*="pronouns_"] { font-size: 12px; line-height: 12px; padding-top: 0; @@ -2842,34 +2842,34 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) opacity: 0.75; text-shadow: 1px 1px 0 var(--primary); } -[class^="userPopoutOuter-"][class*="userProfileOuterThemed-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedWithBanner-"] - [class*="customStatusSection-"] { +[class^="userPopoutOuter_"][class*="userProfileOuterThemed_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedWithBanner_"] + [class*="customStatusSection_"] { padding: 0 !important; position: absolute; top: -38px; left: 64px; } -[class^="userPopoutOuter-"][class*="userProfileOuterUnthemed-"] - > [class^="userPopoutInner-"] - [class*="customStatusSection-"] { +[class^="userPopoutOuter_"][class*="userProfileOuterUnthemed_"] + > [class^="userPopoutInner_"] + [class*="customStatusSection_"] { padding: 0 !important; position: absolute; top: -30px; left: 64px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"][class*="userProfileInnerThemedPremiumWithoutBanner-"] - [class*="customStatusSection-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"][class*="userProfileInnerThemedPremiumWithoutBanner_"] + [class*="customStatusSection_"] { padding: 0 !important; position: absolute; top: -32px; left: 64px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="customStatusSection-"] - > [class^="customStatus-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="customStatusSection_"] + > [class^="customStatus_"] { font-size: 12px; line-height: 12px; text-shadow: 1px 1px 0 var(--primary); @@ -2877,37 +2877,37 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) flex-direction: row !important; align-items: center; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="customStatusSection-"] - > [class^="customStatus-"] - > [class*="customStatusEmoji-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="customStatusSection_"] + > [class^="customStatus_"] + > [class*="customStatusEmoji_"] { width: 16px; height: 16px; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class*="customStatusSection-"] - > [class^="customStatus-"] - > [class^="customStatusText-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class*="customStatusSection_"] + > [class^="customStatus_"] + > [class^="customStatusText_"] { max-height: 24px; overflow: hidden; text-overflow: ellipsis; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - [class^="section-"]:has(> .mutual-guilds) { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + [class^="section_"]:has(> .mutual-guilds) { padding-top: 0; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class^="profileBadges-"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class^="profileBadges_"] { visibility: hidden; height: 30px !important; } -[class^="userPopoutOuter-"] - > [class^="userPopoutInner-"] - > [class^="bannerSVGWrapper-"][viewbox$=" 60"] { +[class^="userPopoutOuter_"] + > [class^="userPopoutInner_"] + > [class^="bannerSVGWrapper_"][viewbox$=" 60"] { margin-bottom: 60px; } `, @@ -2935,135 +2935,135 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) ) !important; } -[class^="appMount-"] { +[class^="appMount_"] { background: var(--custom-background), var(--primary) !important; background-repeat: no-repeat !important; background-size: cover !important; } -[class^="chat-"] > [class^="content-"] > [class^="chatContent-"], -[class^="chat-"] > [class^="title-"], -[class^="markup-"] code, -[class*="embedFull-"], -[class^="chat-"] > [class^="title-"] [class^="searchBar-"], -[class^="content-"] - > [class^="sidebar-"] - > [class^="privateChannels-"] - > [class^="searchBar-"] - > [class^="searchBarComponent-"], -[class^="standardSidebarView-"] > [class^="contentRegion-"], -[class^="accountProfileCard-"], -[class^="base-"] > [class^="content-"] > [class^="wrapper-"], -[class^="perksModal-"], -[class^="base-"] > [class^="content-"] > [class^="container-"], -[class^="gameUpdates-"], -[class^="applicationStore-"], -[class^="pageWrapper-"], +[class^="chat_"] > [class^="content_"] > [class^="chatContent_"], +[class^="chat_"] > [class^="title_"], +[class^="markup_"] code, +[class*="embedFull_"], +[class^="chat_"] > [class^="title_"] [class^="searchBar_"], +[class^="content_"] + > [class^="sidebar_"] + > [class^="privateChannels_"] + > [class^="searchBar_"] + > [class^="searchBarComponent_"], +[class^="standardSidebarView_"] > [class^="contentRegion_"], +[class^="accountProfileCard_"], +[class^="base_"] > [class^="content_"] > [class^="wrapper_"], +[class^="perksModal_"], +[class^="base_"] > [class^="content_"] > [class^="container_"], +[class^="gameUpdates_"], +[class^="applicationStore_"], +[class^="pageWrapper_"], .messageLinkPreview-container { background-color: var(--transparent_background-primary) !important; } -[class^="channelTextArea-"], -[class^="content-"] > [class^="sidebar-"], -[class^="chat-"] > [class^="content-"] > [class^="container-"], -[class^="standardSidebarView-"] - > [class^="sidebarRegion-"] - [class^="sidebarRegionScroller-"] { +[class^="channelTextArea_"], +[class^="content_"] > [class^="sidebar_"], +[class^="chat_"] > [class^="content_"] > [class^="container_"], +[class^="standardSidebarView_"] + > [class^="sidebarRegion_"] + [class^="sidebarRegionScroller_"] { background: var(--transparent_background-secondary) !important; } -nav[class*="guilds-"], -body > #app-mount > .platform-web > [class^="popout-"] > [class^="content-"] > [class^="wrapper-"] { +nav[class*="guilds_"], +body > #app-mount > .platform-web > [class^="popout_"] > [class^="content_"] > [class^="wrapper_"] { background: var(--transparent_background-tertiary) !important; } -[class^="chat-"], -[class^="content-"] > [class^="sidebar-"] > [class^="container-"], -[class^="content-"] > [class^="sidebar-"] > [class^="privateChannels-"], -[class^="content-"] - > [class^="sidebar-"] - > [class^="privateChannels-"] - > [class^="scroller-"], -nav[class*="guilds-"] > ul > [class^="scroller-"], -[class^="content-"] > [class^="sidebar-"] > [class^="panels-"], -[class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"] - > [class^="members-"] +[class^="chat_"], +[class^="content_"] > [class^="sidebar_"] > [class^="container_"], +[class^="content_"] > [class^="sidebar_"] > [class^="privateChannels_"], +[class^="content_"] + > [class^="sidebar_"] + > [class^="privateChannels_"] + > [class^="scroller_"], +nav[class*="guilds_"] > ul > [class^="scroller_"], +[class^="content_"] > [class^="sidebar_"] > [class^="panels_"], +[class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"] + > [class^="members_"] > div, -[class^="channelTextArea-"] > [class^="scrollableContainer-"], -[class^="chat-"] > [class^="title-"] [class^="children-"]:after, -[class^="chat-"] - > [class^="content-"] - > [class^="chatContent-"] - [class^="scrollerInner-"] - > [class^="wrapper-"], -[class^="chat-"] - > [class^="content-"] - > [class^="chatContent-"] - [class^="scrollerInner-"] - > [class^="wrapper-"] - > [class^="wrapper-"], -[class^="standardSidebarView-"], -[class^="standardSidebarView-"] - > [class^="contentRegion-"] - [class^="contentRegionScroller-"], -[class^="base-"] - > [class^="content-"] - > [class^="wrapper-"] - > [class^="navigationBar-"], -[class^="peopleColumn-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > [class*="container-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > [class^="scroller-"], -[class^="base-"] - > [class^="content-"] - > [class^="container-"] - > [class*="container-"] - > [class^="table-"] - > [class*="header-"], -[class^="applicationStore-"] [class^="headerBar-"], -[class^="applicationStore-"] [class^="scroller-"], +[class^="channelTextArea_"] > [class^="scrollableContainer_"], +[class^="chat_"] > [class^="title_"] [class^="children_"]:after, +[class^="chat_"] + > [class^="content_"] + > [class^="chatContent_"] + [class^="scrollerInner_"] + > [class^="wrapper_"], +[class^="chat_"] + > [class^="content_"] + > [class^="chatContent_"] + [class^="scrollerInner_"] + > [class^="wrapper_"] + > [class^="wrapper_"], +[class^="standardSidebarView_"], +[class^="standardSidebarView_"] + > [class^="contentRegion_"] + [class^="contentRegionScroller_"], +[class^="base_"] + > [class^="content_"] + > [class^="wrapper_"] + > [class^="navigationBar_"], +[class^="peopleColumn_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > [class*="container_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > [class^="scroller_"], +[class^="base_"] + > [class^="content_"] + > [class^="container_"] + > [class*="container_"] + > [class^="table_"] + > [class*="header_"], +[class^="applicationStore_"] [class^="headerBar_"], +[class^="applicationStore_"] [class^="scroller_"], #gm-settings-inject, -[class^="base-"] - > [class^="content-"] - > [class^="container-"] +[class^="base_"] + > [class^="content_"] + > [class^="container_"] > section - > section[class^="headerBarContainer-"], -[class^="chat-"] - > [class^="content-"] - > [class^="container-"] - > [class^="membersWrap-"] - > [class^="members-"], -[class^="chat-"] - > [class^="content-"] - > [class^="container-"] - > [class^="membersWrap-"], -[class^="chat-"] - > [class^="content-"] - > [class^="container-"] - > [class^="membersWrap-"] - > [class^="members-"] + > section[class^="headerBarContainer_"], +[class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"] + > [class^="members_"], +[class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"], +[class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"] + > [class^="members_"] > div, -body > #app-mount > .platform-web > [class^="popout-"] > [class^="content-"] > [class^="wrapper-"] > [class^="callContainer-"] { +body > #app-mount > .platform-web > [class^="popout_"] > [class^="content_"] > [class^="wrapper_"] > [class^="callContainer_"] { background: transparent !important; } -#gm-settings-inject [class^="auto-"]::-webkit-scrollbar-track, -#gm-settings-inject[class^="auto-"]::-webkit-scrollbar-track { +#gm-settings-inject [class^="auto_"]::-webkit-scrollbar-track, +#gm-settings-inject[class^="auto_"]::-webkit-scrollbar-track { background: transparent !important; border: none; } -#gm-settings-inject [class^="auto-"]::-webkit-scrollbar-thumb, -#gm-settings-inject[class^="auto-"]::-webkit-scrollbar-thumb { +#gm-settings-inject [class^="auto_"]::-webkit-scrollbar-thumb, +#gm-settings-inject[class^="auto_"]::-webkit-scrollbar-thumb { background: var(--interactive-normal); border: none; } -#gm-settings-inject [class^="auto-"]::-webkit-scrollbar, -#gm-settings-inject[class^="auto-"]::-webkit-scrollbar { +#gm-settings-inject [class^="auto_"]::-webkit-scrollbar, +#gm-settings-inject[class^="auto_"]::-webkit-scrollbar { width: 12px !important; height: 12px !important; }`, @@ -3074,199 +3074,199 @@ body > #app-mount > .platform-web > [class^="popout-"] > [class^="content-"] > [ @var text xmc_cbg_background 'Custom Background (full access to background, use url() for URLs)' "" @var select xmc_square_avatars 'Square Avatars' { - 'Off': `[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^="avatarContainer-"], -[class^="executedCommandAvatar-"] { + 'Off': `[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^="avatarContainer_"], +[class^="executedCommandAvatar_"] { border-radius: 50% !important; } -div[class^="listItem-"] foreignObject img, -div[class^="listItem-"] foreignObject [class*="selected-"] > img, -div[class^="listItem-"] foreignObject [class^="childWrapper-"], -div[class^="listItem-"] foreignObject [class*="selected-"] > [class^="childWrapper-"] { +div[class^="listItem_"] foreignObject img, +div[class^="listItem_"] foreignObject [class*="selected_"] > img, +div[class^="listItem_"] foreignObject [class^="childWrapper_"], +div[class^="listItem_"] foreignObject [class*="selected_"] > [class^="childWrapper_"] { transition: border-radius 0.35s ease; } -div[class^="listItem-"] foreignObject [class*="selected-"] > img, -div[class^="listItem-"] foreignObject [class*="selected-"] > [class^="childWrapper-"] { +div[class^="listItem_"] foreignObject [class*="selected_"] > img, +div[class^="listItem_"] foreignObject [class*="selected_"] > [class^="childWrapper_"] { border-radius: 20% !important; } -[class^="folderIconWrapper-"] - > [class^="closedFolderIconWrapper-"] - > [class^="icon-"] { +[class^="folderIconWrapper_"] + > [class^="closedFolderIconWrapper_"] + > [class^="icon_"] { border-radius: 50% !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 { +[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-"] { +[class*="avatarHint_"], +[class*="avatarNormal_"], +[class*="avatarWrapper_"] [class*="wrapper_"], +[class*="avatarWrapper_"] [class*="image_"], +[class*="replyAvatar_"] { border: none; border-radius: 10% !important; }`, - '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-"], -[class^="executedCommandAvatar-"] { + '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_"], +[class^="executedCommandAvatar_"] { border-radius: 10% !important; } -[class^="folderIconWrapper-"] - > [class^="closedFolderIconWrapper-"] - > [class^="icon-"] { +[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 { +[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-"] { +[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-"] { +[class^="userPopout_"] [class*="avatarWrapper_"] > [class^="avatarHint_"] { display: none; } -[class^="userPopout-"] - [class*="avatarWrapper-"] - > [class^="avatar-"] +[class^="userPopout_"] + [class*="avatarWrapper_"] + > [class^="avatar_"] > svg > foreignObject { x: 8px; } -[class^="userPopout-"] - [class*="avatarWrapper-"] - > [class^="avatar-"] +[class^="userPopout_"] + [class*="avatarWrapper_"] + > [class^="avatar_"] > svg > rect { x: 0; @@ -3276,52 +3276,52 @@ div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject, mask: none !important; } -[class^="accountProfileCard-"] [class^="avatar-"] { +[class^="accountProfileCard_"] [class^="avatar_"] { border: 0; background-color: transparent; } -[class^="numberBadge-"] { +[class^="numberBadge_"] { border-radius: 4px !important; }` } @var select xmc_9x_bot_tag '9x Bot Tag' { 'Off*': "", - 'On': `[class*="botTag-"] { + 'On': `[class*="botTag_"] { font-size: 0%; padding: 0 !important; background: none !important; } -[class*="botTag-"]:not([class*="botTagCompact-"]) { +[class*="botTag_"]:not([class*="botTagCompact_"]) { margin-left: 6px; } -[class*="botTag-"] [class*="botText-"] { +[class*="botTag_"] [class*="botText_"] { font-size: 0; display: none; } -:not([class^="repliedMessage-"]) [class*="botTagCompact-"] { +:not([class^="repliedMessage_"]) [class*="botTagCompact_"] { margin-right: -6px !important; } -[class^="repliedMessage-"] [class*="botTagCompact-"] { +[class^="repliedMessage_"] [class*="botTagCompact_"] { margin-right: 4px !important; margin-left: 4px !important; } -[class*="botTag-"] svg[class^="botTagVerified-"] { +[class*="botTag_"] svg[class^="botTagVerified_"] { width: 16px; height: 16px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABlSURBVDhPzY5RCsAwCEM9+m6+TYsj2ujaj8EePGitCZXfchKXGMsHcaGIB7NNCQ/cOnYvCqYQ6jwzUhICqBPmnxY4+Rx8+0EG30xSoIQlB2dmEVbmZWZToIyFOtiGEQxsBTcRuQCANOfCY5uAHgAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); } -[class*="botTag-"] svg[class^="botTagVerified-"] > path { +[class*="botTag_"] svg[class^="botTagVerified_"] > path { display: none; } -[class*="botTag-"]:after { +[class*="botTag_"]:after { visibility: visible; content: ""; width: 16px; @@ -3334,30 +3334,30 @@ div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject, background-size: 16px 16px; } -[class*="message-"] [class*="botTag-"]:after { +[class*="message_"] [class*="botTag_"]:after { top: 4px !important; } -[class*="message-"][class*="compact-"] [class*="botTag-"]:after { +[class*="message_"][class*="compact_"] [class*="botTag_"]:after { top: 3px !important; } -[class^="repliedMessage-"] [class*="botTagCompact-"]:after { +[class^="repliedMessage_"] [class*="botTagCompact_"]:after { top: 1px !important; }`, } @var select xmc_nyantro 'Nyantro Progress Bar' { 'Off*': "", - 'On': `[class^="progressBarContainer-"] { + 'On': `[class^="progressBarContainer_"] { background: url("data:image/gif;base64,R0lGODlhMAAMAIAAAAxBd////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgAAACwAAAAAMAAMAAACJYSPqcvtD6MKstpLr24Z9A2GYvJ544mhXQmxoesElIyCcB3dRgEAIfkEBAoAAAAsAQACAC0ACgAAAiGEj6nLHG0enNQdWbPefOHYhSLydVhJoSYXPO04qrAmJwUAIfkEBAoAAAAsBQABACkACwAAAiGEj6nLwQ8jcC5ViW3evHt1GaE0flxpphn6BNTEqvI8dQUAIfkEBAoAAAAsAQABACoACwAAAiGEj6nLwQ+jcU5VidPNvPtvad0GfmSJeicUUECbxnK0RgUAIfkEBAoAAAAsAAAAACcADAAAAiCEj6mbwQ+ji5QGd6t+c/v2hZzYiVpXmuoKIikLm6hXAAAh+QQECgAAACwAAAAALQAMAAACI4SPqQvBD6NysloTXL480g4uX0iW1Wg21oem7ismLUy/LFwAACH5BAQKAAAALAkAAAAkAAwAAAIghI8Joe0Po0yBWTaz3g/z7UXhMX7kYmplmo0rC8cyUgAAIfkEBAoAAAAsBQAAACUACgAAAh2Ejwmh7Q+jbIFZNrPeEXPudU74IVa5kSiYqOtRAAAh+QQECgAAACwEAAAAIgAKAAACHISPELfpD6OcqTGKs4bWRp+B36YFi0mGaVmtWQEAIfkEBAoAAAAsAAAAACMACgAAAh2EjxC36Q+jnK8xirOW1kavgd+2BYtJhmnpiGtUAAAh+QQECgAAACwAAAAALgALAAACIYSPqcvtD+MKicqLn82c7e6BIhZQ5jem6oVKbfdqQLzKBQAh+QQECgAAACwCAAIALAAJAAACHQx+hsvtD2OStDplKc68r2CEm0eW5uSN6aqe1lgAADs="); } -[class^="progressBarContainer-"] [class^="progressBar-"] { +[class^="progressBarContainer_"] [class^="progressBar_"] { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAMCAIAAAAs6UAAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNCQzIyREQ0QjdEMTFFMzlEMDM4Qzc3MEY0NzdGMDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNCQzIyREU0QjdEMTFFMzlEMDM4Qzc3MEY0NzdGMDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQ0JDMjJEQjRCN0QxMUUzOUQwMzhDNzcwRjQ3N0YwOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQ0JDMjJEQzRCN0QxMUUzOUQwMzhDNzcwRjQ3N0YwOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PovDFgYAAAAmSURBVHjaYvjPwMAAxjMZmBhA9H8INv4P4TPM/A+m04zBNECAAQBCWQv9SUQpVgAAAABJRU5ErkJggg=="); background-size: contain; } -[class^="progressBarContainer-"] [class^="progressBar-"]:after { +[class^="progressBarContainer_"] [class^="progressBar_"]:after { content: ""; background: url("data:image/gif;base64,R0lGODlhIgAVAKIHAL3/9/+Zmf8zmf/MmZmZmf+Z/wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDMkJBNjY5RTU1NEJFMzExOUM4QUM2MDAwNDQzRERBQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCREIzOEIzMzRCN0IxMUUzODhEQjgwOTYzMTgyNTE0QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCREIzOEIzMjRCN0IxMUUzODhEQjgwOTYzMTgyNTE0QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1QkE2NjlFNTU0QkUzMTE5QzhBQzYwMDA0NDNEREFDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMyQkE2NjlFNTU0QkUzMTE5QzhBQzYwMDA0NDNEREFDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQcABwAsAAAAACIAFQAAA6J4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93bqCA7f7TFaYoIFAMMwczB5EkTzJllEUttmIGoG5bfPBjDawD7CsJC67uWcv2CRov929C/q2ZpcBbYBmLGk6W1BRY4MUDnMvJEsBAXdlknk2fCeRk2iJliAijpBlEmigjR0plKSgpKWvEUheF4tUZqZID1RHjEe8PsDBBwkAIfkECQcABwAsAAAAACIAFQAAA6B4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93TqS40XiKSYgTLBgIBAMqE/zmQSaZEzns+jQ9pC/5dQJ0VIv5KMVWxqb36opxHrNvu9ptPfGbmsBbgSAeRdydCdjXWRPchQPh1hNAQF4TpM9NnwukpRyi5chGjqJEoSOIh0plaYsZBKvsCuNjY5ptElgDyFIuj6+vwcJACH5BAkHAAcALAAAAAAiABUAAAOfeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GKifWaddvNQAtszXYCxgR/Zy5jYTFeXmSDiIZGdQEBd06QSBQ5e4cEkE9nnZQaG2J4F4MSLx8rkqUSZBeurhlTUqsLsi60DpZxSWBJugcJACH5BAkHAAcALAAAAAAiABUAAAOgeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GuifWaddvNwMkZtmY7AWMEgGcKY2ExXl5khFMVc0Z1AQF3TpJShDl8iASST2efloV5JTyJFpgOch8dgW9KZxexshGNLqgLtbW0SXFwvaJfCQAh+QQJBwAHACwAAAAAIgAVAAADoXi63P7wmUmrnVGOzbvfRsYYXGGe6MmF4kEOaSGYMwq2LizHfDGwIlLPNKGZfi6gZmggEAy2iVPZEKZqzakq+1xUFFYe90lxTsHmim6HGpvf3eR7skYJ3PC5tyystc0AboFnVXQ9XFJTZIQOYUYFTQEBeWaSVF4bbCeRk1meBJYSL3WbaReMIxQfHXh6jaYXsbEQni6oaF21ERR7l0ksvA0JACH5BAkHAAcALAAAAAAiABUAAAOeeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMfFlA4hTITEMxkIBMOuADwmhzqeM6mashTCXKw2TVKQyKuTRSx2wegnNkyJ1ozpOFiMLqcEU8BZHx6NYW8nVlZefQ1tZgQBAXJIi1eHUTRwi0lhl48QL0sogxaGDhMlUo2gh14fHhcVmnOrrxNqrU9joX21Q0IUElm7DQkAIfkECQcABwAsAAAAACIAFQAAA6J4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93bqCA7f7TFaYoIFAMMwczB5EkTzJllEUttmIGoG5bfPBjDawD7CsJC67uWcv2CRov929C/q2ZpcBbYBmLGk6W1BRY4MUDnMvJEsBAXdlknk2fCeRk2iJliAijpBlEmigjR0plKSgpKWvEUheF4tUZqZID1RHjEe8PsDBBwkAIfkECQcABwAsAAAAACIAFQAAA6B4umv+MDpG6zEj682zsRaWFWRpltoHMuJZCCRseis7xG5eDGp93TqS40XiKSYgTLBgIBAMqE/zmQSaZEzns+jQ9pC/5dQJ0VIv5KMVWxqb36opxHrNvu9ptPfGbmsBbgSAeRdydCdjXWRPchQPh1hNAQF4TpM9NnwukpRyi5chGjqJEoSOIh0plaYsZBKvsCuNjY5ptElgDyFIuj6+vwcJACH5BAkHAAcALAAAAAAiABUAAAOfeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GKifWaddvNQAtszXYCxgR/Zy5jYTFeXmSDiIZGdQEBd06QSBQ5e4cEkE9nnZQaG2J4F4MSLx8rkqUSZBeurhlTUqsLsi60DpZxSWBJugcJACH5BAkHAAcALAAAAAAiABUAAAOgeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMd8MbAiUu802flYGIhwaCAQDKpQ86nUoWqF6dP00wIby572SXE6vyMrlmhuu9GuifWaddvNwMkZtmY7AWMEgGcKY2ExXl5khFMVc0Z1AQF3TpJShDl8iASST2efloV5JTyJFpgOch8dgW9KZxexshGNLqgLtbW0SXFwvaJfCQAh+QQJBwAHACwAAAAAIgAVAAADoXi63P7wmUmrnVGOzbvfRsYYXGGe6MmF4kEOaSGYMwq2LizHfDGwIlLPNKGZfi6gZmggEAy2iVPZEKZqzakq+1xUFFYe90lxTsHmim6HGpvf3eR7skYJ3PC5tyystc0AboFnVXQ9XFJTZIQOYUYFTQEBeWaSVF4bbCeRk1meBJYSL3WbaReMIxQfHXh6jaYXsbEQni6oaF21ERR7l0ksvA0JACH5BAkHAAcALAAAAAAiABUAAAOeeLrc/vCZSaudUY7Nu99GxhhcYZ7oyYXiQQ5pIZgzCrYuLMfFlA4hTITEMxkIBMOuADwmhzqeM6mashTCXKw2TVKQyKuTRSx2wegnNkyJ1ozpOFiMLqcEU8BZHx6NYW8nVlZefQ1tZgQBAXJIi1eHUTRwi0lhl48QL0sogxaGDhMlUo2gh14fHhcVmnOrrxNqrU9joX21Q0IUElm7DQkAOw=="); background-size: contain; @@ -3368,527 +3368,527 @@ div[class^="listItem-"] [class^="wrapper-"] > svg > foreignObject, top: -6px; } -[class^="progressBarContainer-"] [class^="tadaIcon-"] { +[class^="progressBarContainer_"] [class^="tadaIcon_"] { display: none; }`, } @var select xmc_textarea 'Text area style' { 'Default': "", - 'Typing Above*': `[class*="chat-"] [class*="chatContent-"] form { + 'Typing Above*': `[class*="chat_"] [class*="chatContent_"] form { position: relative; margin: 0; } -[class*="chat-"] form [class*="typing-"] { +[class*="chat_"] form [class*="typing_"] { position: absolute; top: -2px; left: 10px; } -[class*="channelTextArea-"] { +[class*="channelTextArea_"] { margin-bottom: 10px !important; margin-top: 24px !important; padding: 0 !important; } -[class*="channelTextArea-"] [class*="inner-"] { +[class*="channelTextArea_"] [class*="inner_"] { border-radius: 6px; } -[class*="sansAttachButton-"] { +[class*="sansAttachButton_"] { padding-left: 10px !important; } .typing .ellipsis, -[class*="typing-"] span[class*="ellipsis-"] { +[class*="typing_"] span[class*="ellipsis_"] { display: none; } -form [class*="typing-"] { +form [class*="typing_"] { background-color: transparent !important; } -[class^="scrollerSpacer-"] { +[class^="scrollerSpacer_"] { height: 8px !important; } -[class^="chatContent-"] > form:before { +[class^="chatContent_"] > form:before { display: none !important; }`, - 'Mobile': `[class*="chat-"] [class*="chatContent-"] form { + 'Mobile': `[class*="chat_"] [class*="chatContent_"] form { position: relative; margin: 0; } -[class*="chat-"] form [class*="typing-"] { +[class*="chat_"] form [class*="typing_"] { position: absolute; top: -2px; left: 10px; } -[class*="channelTextArea-"] { +[class*="channelTextArea_"] { margin-bottom: 10px !important; margin-top: 24px !important; padding: 0 !important; } -[class*="channelTextArea-"] [class*="inner-"] { +[class*="channelTextArea_"] [class*="inner_"] { border-radius: 6px; } -[class*="sansAttachButton-"] { +[class*="sansAttachButton_"] { padding-left: 10px !important; } .typing .ellipsis, -[class*="typing-"] span[class*="ellipsis-"] { +[class*="typing_"] span[class*="ellipsis_"] { display: none; } -form [class*="typing-"] { +form [class*="typing_"] { background-color: transparent !important; } -[class^="scrollerSpacer-"] { +[class^="scrollerSpacer_"] { height: 4px !important; } -[class^="chatContent-"] > form:before { +[class^="chatContent_"] > form:before { display: none !important; } -[class^="channelTextArea-"], -[class^="channelTextArea-"] > [class^="scrollableContainer-"] { +[class^="channelTextArea_"], +[class^="channelTextArea_"] > [class^="scrollableContainer_"] { background-color: transparent !important; } -[class^="channelTextArea-"] > [class^="scrollableContainer-"] { +[class^="channelTextArea_"] > [class^="scrollableContainer_"] { overflow: hidden !important; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] { padding-left: 0 !important; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="attachWrapper-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="attachWrapper_"] { margin-right: 10px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="attachWrapper-"] - > [class^="attachButton-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="attachWrapper_"] + > [class^="attachButton_"] { margin-left: 0 !important; padding: 10px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] { margin-right: 10px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] > div { padding-left: 10px; margin-left: 4px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] > * { width: 44px; margin-right: 10px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="buttonContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="buttonContainer_"] > button, -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] > .expression-picker-chat-input-button > * { width: 44px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="attachWrapper-"], -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"], -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="attachWrapper_"], +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"], +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] > * { background-color: var(--background-secondary); border-radius: 22px 22px 22px 22px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"] { margin-left: 0; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"]:before { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"]:before { display: none; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"] - > [class^="buttonContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"] + > [class^="buttonContainer_"] > button { width: 44px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"] - > [class^="buttonContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"] + > [class^="buttonContainer_"] > button - > [class^="contents-"] { + > [class^="contents_"] { margin-left: 4px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"] - > [class^="buttonContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"] + > [class^="buttonContainer_"] > button - > [class^="contents-"] - > [class*="activeButtonChild-"] { + > [class^="contents_"] + > [class*="activeButtonChild_"] { color: var(--interactive-active); } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="buttons-"] - > [class^="separator-"] - > [class^="buttonContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="buttons_"] + > [class^="separator_"] + > [class^="buttonContainer_"] > button:not([disabled]) { background-color: var(--brand-experiment); border-radius: 22px 22px 22px 22px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] > div:not([class]) { background-color: var(--background-secondary); } -[class^="channelTextArea-"] > [class^="attachedBars-"] { +[class^="channelTextArea_"] > [class^="attachedBars_"] { background: var(--background-primary) !important; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] { max-height: 128px; overflow-y: scroll; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"]::-webkit-scrollbar { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"]::-webkit-scrollbar { width: 16px; height: 16px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"]::-webkit-scrollbar-corner { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"]::-webkit-scrollbar-corner { background-color: transparent; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"]::-webkit-scrollbar-thumb { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"]::-webkit-scrollbar-thumb { background-color: var(--scrollbar-auto-thumb); min-height: 40px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"]::-webkit-scrollbar-thumb, -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"]::-webkit-scrollbar-track { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"]::-webkit-scrollbar-thumb, +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"]::-webkit-scrollbar-track { border: 4px solid transparent; background-clip: padding-box; border-radius: 8px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="attachWrapper-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="attachWrapper_"] { max-height: 44px; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] { +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] { align-items: center; } -[class^="channelTextArea-"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] +[class^="channelTextArea_"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] > div - > [class^="placeholder-"] { + > [class^="placeholder_"] { left: 14px; }`, - 'Fullwidth': `[class*="chat-"] [class*="chatContent-"] form { + 'Fullwidth': `[class*="chat_"] [class*="chatContent_"] form { position: relative; margin: 0; } -[class*="chat-"] form [class*="typing-"] { +[class*="chat_"] form [class*="typing_"] { position: absolute; top: -2px; left: 10px; } -[class*="channelTextArea-"] { +[class*="channelTextArea_"] { margin-bottom: 10px !important; margin-top: 24px !important; padding: 0 !important; } -[class*="channelTextArea-"] [class*="inner-"] { +[class*="channelTextArea_"] [class*="inner_"] { border-radius: 6px; } -[class*="sansAttachButton-"] { +[class*="sansAttachButton_"] { padding-left: 10px !important; } .typing .ellipsis, -[class*="typing-"] span[class*="ellipsis-"] { +[class*="typing_"] span[class*="ellipsis_"] { display: none; } -form [class*="typing-"] { +form [class*="typing_"] { background-color: transparent !important; } -[class^="scrollerSpacer-"] { +[class^="scrollerSpacer_"] { height: 4px !important; } -[class^="chatContent-"] > form:before { +[class^="chatContent_"] > form:before { display: none !important; } -[class^="chatContent-"] > form { +[class^="chatContent_"] > form { padding: 0 !important; bottom: 0; } -[class^="chatContent-"] > form [class^="channelTextArea"] { +[class^="chatContent_"] > form [class^="channelTextArea"] { margin-bottom: 0 !important; } -[class^="chatContent-"] > form [class^="channelTextArea"] > [class^="scrollableContainer-"] { +[class^="chatContent_"] > form [class^="channelTextArea"] > [class^="scrollableContainer_"] { border-radius: 0 !important; border: 0 !important; } -[class^="chatContent-"] > form [class^="channelTextArea"] > [class^="scrollableContainer-"] > [class^="inner-"] > [class^="textArea-"], -[class^="chatContent-"] > form [class^="channelTextArea"] > [class^="scrollableContainer-"] > [class^="inner-"] > [class^="buttons-"], -[class^="chatContent-"] > form [class^="channelTextArea"] > [class^="scrollableContainer-"] > [class^="inner-"] > [class^="attachWrapper-"], -[class^="chatContent-"] > form [class^="channelTextArea"] > [class^="scrollableContainer-"] > [class^="inner-"] > [class^="attachWrapper-"] > [class^="attachButton-"] { +[class^="chatContent_"] > form [class^="channelTextArea"] > [class^="scrollableContainer_"] > [class^="inner_"] > [class^="textArea_"], +[class^="chatContent_"] > form [class^="channelTextArea"] > [class^="scrollableContainer_"] > [class^="inner_"] > [class^="buttons_"], +[class^="chatContent_"] > form [class^="channelTextArea"] > [class^="scrollableContainer_"] > [class^="inner_"] > [class^="attachWrapper_"], +[class^="chatContent_"] > form [class^="channelTextArea"] > [class^="scrollableContainer_"] > [class^="inner_"] > [class^="attachWrapper_"] > [class^="attachButton_"] { min-height: 53px; } -[class^="chatContent-"] > form [class^="channelTextArea"] > [class^="scrollableContainer-"] > [class^="inner-"] > [class^="textArea-"] > div > [class*="fontSize16Padding-"] { +[class^="chatContent_"] > form [class^="channelTextArea"] > [class^="scrollableContainer_"] > [class^="inner_"] > [class^="textArea_"] > div > [class*="fontSize16Padding_"] { padding-top: 15px !important; padding-bottom: 15px !important; } -[class^="chatContent-"] > form [class^="channelTextArea"] > [class^="scrollableContainer-"] > [class^="inner-"] > [class^="buttons-"] [class*="emojiButton-"] { +[class^="chatContent_"] > form [class^="channelTextArea"] > [class^="scrollableContainer_"] > [class^="inner_"] > [class^="buttons_"] [class*="emojiButton_"] { max-height: unset; } -[class^="messagesWrapper-"] { +[class^="messagesWrapper_"] { margin-bottom: 8px; }`, } @var select xmc_status_icons 'EndPwn style status icons' { 'Off': "", - 'On*': `[class^="member-"] [class^="avatar-"] [class*="wrapper-"] > svg, -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] + 'On*': `[class^="member_"] [class^="avatar_"] [class*="wrapper_"] > svg, +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"], -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] + > svg[class^="cursorDefault_"], +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"], -[class^="channel-"] [class^="avatar-"] [class*="wrapper-"] > svg, -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"], +[class^="channel_"] [class^="avatar_"] [class*="wrapper_"] > svg, +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"], -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] + > svg[class^="cursorDefault_"], +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"], -[class^="autocompleteRowIcon-"] > [class^="wrapper-"] > svg, -[class^="userInfo-"] [class^="avatar-"] > svg, -[class^="panels-"] [class*="avatar-"] > svg > svg, -[class^="modal-"] > [class^="inner-"] [class^="avatar-"] > svg, -[class^="focusLock-"][aria-modal="true"] - > [class^="root-"] - [class^="avatar-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"], +[class^="autocompleteRowIcon_"] > [class^="wrapper_"] > svg, +[class^="userInfo_"] [class^="avatar_"] > svg, +[class^="panels_"] [class*="avatar_"] > svg > svg, +[class^="modal_"] > [class^="inner_"] [class^="avatar_"] > svg, +[class^="focusLock_"][aria-modal="true"] + > [class^="root_"] + [class^="avatar_"] > svg, -[class^="userPopoutInner-"] - [class^="avatarHoverTarget-"] - > [class^="wrapper-"] +[class^="userPopoutInner_"] + [class^="avatarHoverTarget_"] + > [class^="wrapper_"] > svg { overflow: visible; contain: none !important; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] + > svg[class^="cursorDefault_"] > rect, -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] + > svg[class^="cursorDefault_"] > rect, -[class^="modal-"] - > [class^="inner-"] - [class^="avatar-"] +[class^="modal_"] + > [class^="inner_"] + [class^="avatar_"] > svg - > svg[class^="cursorDefault-"] + > svg[class^="cursorDefault_"] > rect { x: -18.5; y: -17; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle, -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle { cx: -20.1; r: 1.5; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(1), -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(1) { cy: -16; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(2), -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(2) { cy: -8; } -[class^="member-"] - [class^="avatar-"] - [class^="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class^="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(3), -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] - > svg[class^="dots-"] + > svg[class^="cursorDefault_"] + > svg[class^="dots_"] circle:nth-child(3) { cy: 0; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] + > svg[class^="cursorDefault_"] > rect[fill^="var(--status-"], -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg - > svg[class^="cursorDefault-"] + > svg[class^="cursorDefault_"] > rect[fill^="#"] { mask: none !important; x: -18.5; @@ -3897,8 +3897,8 @@ form [class*="typing-"] { height: 32px; } -[class^="panels-"] - [class*="avatar-"] +[class^="panels_"] + [class*="avatar_"] > svg > rect[mask^="url(#svg-mask-status"] { mask: none !important; @@ -3907,8 +3907,8 @@ form [class*="typing-"] { width: 4px; height: 32px; } -[class^="panels-"] [class*="avatar-"] > svg > svg > rect[fill^="var(--status-"], -[class^="panels-"] [class*="avatar-"] > svg > svg > rect[fill^="#"] { +[class^="panels_"] [class*="avatar_"] > svg > svg > rect[fill^="var(--status-"], +[class^="panels_"] [class*="avatar_"] > svg > svg > rect[fill^="#"] { mask: none !important; x: 17.5; y: -17; @@ -3916,14 +3916,14 @@ form [class*="typing-"] { height: 32px; } -[class^="member-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="member_"] + [class^="avatar_"] + [class*="wrapper_"] > svg rect[mask^="url(#svg-mask-status-"], -[class^="channel-"] - [class^="avatar-"] - [class*="wrapper-"] +[class^="channel_"] + [class^="avatar_"] + [class*="wrapper_"] > svg rect[mask^="url(#svg-mask-status-"] { mask: none !important; @@ -3933,8 +3933,8 @@ form [class*="typing-"] { y: 0; } -[class^="autocompleteRowIcon-"] - > [class^="wrapper-"] +[class^="autocompleteRowIcon_"] + > [class^="wrapper_"] > svg rect[mask^="url(#svg-mask-status-"] { mask: none !important; @@ -3944,8 +3944,8 @@ form [class*="typing-"] { y: 0; } -[class^="userInfo-"] - [class^="avatar-"] +[class^="userInfo_"] + [class^="avatar_"] > svg rect[mask^="url(#svg-mask-status-"] { mask: none !important; @@ -3955,9 +3955,9 @@ form [class*="typing-"] { y: 0; } -[class^="userProfileModalInner-"] - [class^="header-"] - [class*="avatar-"] +[class^="userProfileModalInner_"] + [class^="header_"] + [class*="avatar_"] > svg rect[mask^="url(#svg-mask-status-"] { mask: none !important; @@ -3967,36 +3967,36 @@ form [class*="typing-"] { y: 0; } -[class^="userPopoutInner-"] - [class^="avatarHoverTarget-"] - > [class^="wrapper-"] +[class^="userPopoutInner_"] + [class^="avatarHoverTarget_"] + > [class^="wrapper_"] > svg circle, -[class^="userPopoutInner-"] - [class^="avatarHoverTarget-"] - > [class^="wrapper-"] +[class^="userPopoutInner_"] + [class^="avatarHoverTarget_"] + > [class^="wrapper_"] > svg > rect[fill="black"], -[class^="userProfileModalInner-"] - [class^="header-"] - [class^="wrapper-"] +[class^="userProfileModalInner_"] + [class^="header_"] + [class^="wrapper_"] > svg circle, -[class^="userProfileModalInner-"] - [class^="header-"] - [class^="wrapper-"] +[class^="userProfileModalInner_"] + [class^="header_"] + [class^="wrapper_"] > svg > rect[fill="black"] { display: none; } -[class^="accountProfileCard-"] - [class*="avatar-"] +[class^="accountProfileCard_"] + [class*="avatar_"] > svg rect[mask^="url(#svg-mask-status-"], -[class^="userPopoutInner-"] - [class^="avatarHoverTarget-"] - > [class^="wrapper-"] +[class^="userPopoutInner_"] + [class^="avatarHoverTarget_"] + > [class^="wrapper_"] > svg rect[mask^="url(#svg-mask-status-"] { mask: none !important; @@ -4009,144 +4009,144 @@ form [class*="typing-"] { @var select xmc_cozy_compact 'Cozy Compact Hybrid' { 'Off': "", 'On*': `html:not(.a11y-font-scaled-down) - [class*="message-"]:not([class*="systemMessage-"]):not([class*="compact-"]), + [class*="message_"]:not([class*="systemMessage_"]):not([class*="compact_"]), html:not(.a11y-font-scaled-down) - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"], + [class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"], html:not(.a11y-font-scaled-down) - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="container-"]:not([class*="systemMessage-"]):not([class*="compact-"]) { + [class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="container_"]:not([class*="systemMessage_"]):not([class*="compact_"]) { padding: 0 !important; padding-left: 16px !important; } -[class*="message-"]:not([class*="systemMessage-"]):not([class*="compact-"]), -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"]:not([class*="systemMessage-"]):not([class*="compact-"]), -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="container-"]:not([class*="systemMessage-"]):not([class*="compact-"]) { +[class*="message_"]:not([class*="systemMessage_"]):not([class*="compact_"]), +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"]:not([class*="systemMessage_"]):not([class*="compact_"]), +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="container_"]:not([class*="systemMessage_"]):not([class*="compact_"]) { padding-left: 16px !important; } -[class*="message-"][class*="systemMessage-"] { +[class*="message_"][class*="systemMessage_"] { padding-left: 32px !important; } -[class*="message-"][class*="systemMessage-"] [class^="iconContainer-"] { +[class*="message_"][class*="systemMessage_"] [class^="iconContainer_"] { margin-right: 0; width: 24px; } html:not(.a11y-font-scaled-down) - [class*="message-"]:not([class*="compact-"]) - > [class^="contents-"] - > [class^="header-"], + [class*="message_"]:not([class*="compact_"]) + > [class^="contents_"] + > [class^="header_"], html:not(.a11y-font-scaled-down) - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"]:not([class*="compact-"]) - > [class^="contents-"] - > [class^="header-"], + [class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"]:not([class*="compact_"]) + > [class^="contents_"] + > [class^="header_"], html:not(.a11y-font-scaled-down) - [class*="message-"]:not([class*="compact-"]) - > [class^="wrapper-"] - > [class^="contents-"] - > [class^="header-"] { + [class*="message_"]:not([class*="compact_"]) + > [class^="wrapper_"] + > [class^="contents_"] + > [class^="header_"] { padding-left: 0 !important; margin-left: 24px; padding-bottom: 0 !important; } .a11y-font-scaled-down - [class*="message-"]:not([class*="compact-"]) - > [class^="contents-"] - > [class^="header-"], + [class*="message_"]:not([class*="compact_"]) + > [class^="contents_"] + > [class^="header_"], .a11y-font-scaled-down - [class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"]:not([class*="compact-"]) - > [class^="contents-"] - > [class^="header-"] + [class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"]:not([class*="compact_"]) + > [class^="contents_"] + > [class^="header_"] .a11y-font-scaled-down - [class*="message-"]:not([class*="compact-"]) - > [class^="wrapper-"] - > [class^="contents-"] - > [class^="header-"] { + [class*="message_"]:not([class*="compact_"]) + > [class^="wrapper_"] + > [class^="contents_"] + > [class^="header_"] { margin-left: calc(24px - 4.5rem); } -[class*="message-"] - > [class^="wrapper-"] - > [class^="contents-"] - [class^="avatar-"], -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"] - > [class^="contents-"] - [class^="avatar-"], -[class*="message-"] > [class^="contents-"] [class^="avatar-"] { +[class*="message_"] + > [class^="wrapper_"] + > [class^="contents_"] + [class^="avatar_"], +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"] + > [class^="contents_"] + [class^="avatar_"], +[class*="message_"] > [class^="contents_"] [class^="avatar_"] { width: 20px; height: 20px; left: 16px; } -[class*="message-"] - > [class^="wrapper-"] - > [class^="contents-"] - [class^="avatar-"] { +[class*="message_"] + > [class^="wrapper_"] + > [class^="contents_"] + [class^="avatar_"] { left: 0 !important; } -[class^="messagesWrapper-"] - [class^="scrollerInner-"] - > [class^="wrapper-"] - > [class^="contents-"], -[class*="message-"] > [class^="contents-"], -[class*="message-"] > [class^="wrapper-"] > [class^="contents-"] { +[class^="messagesWrapper_"] + [class^="scrollerInner_"] + > [class^="wrapper_"] + > [class^="contents_"], +[class*="message_"] > [class^="contents_"], +[class*="message_"] > [class^="wrapper_"] > [class^="contents_"] { margin-left: 0; padding: 0; } -[class*="message-"][class*="systemMessage-"] > [class^="container-"] { +[class*="message_"][class*="systemMessage_"] > [class^="container_"] { padding: 0; } -[class*="cozy-"][class*="hasThread-"]::after { +[class*="cozy_"][class*="hasThread_"]::after { display: none; } -[class*="message-"] > [class^="wrapper-"] { +[class*="message_"] > [class^="wrapper_"] { padding-left: 0; } -[class^="messagesWrapper-"] [class^="scrollerInner-"]:after { +[class^="messagesWrapper_"] [class^="scrollerInner_"]:after { height: 4px !important; } -[class*="message-"]:not([class*="compact-"]) - [class^="contents-"] - [class*="timestampVisibleOnHover-"] { +[class*="message_"]:not([class*="compact_"]) + [class^="contents_"] + [class*="timestampVisibleOnHover_"] { display: none; } -[class^="messagesWrapper-"] [class^="scrollerInner-"] [class^="divider-"] { +[class^="messagesWrapper_"] [class^="scrollerInner_"] [class^="divider_"] { margin: 4px; height: 8px; } -[class^="messagesWrapper-"] [class^="scrollerInner-"] [class*="groupStart-"][class*="cozy-"] { +[class^="messagesWrapper_"] [class^="scrollerInner_"] [class*="groupStart_"][class*="cozy_"] { margin-top: 8px; } -div[class*="cozyMessage-"] div[class^="repliedMessage-"] { +div[class*="cozyMessage_"] div[class^="repliedMessage_"] { margin-left: 33px; } -div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before { +div[class*="cozyMessage_"] div[class^="repliedMessage_"]:before { --avatar-size: 20px; border-left: var(--spine-width) solid var(--interactive-active); border-bottom: 0 solid var(--interactive-active); @@ -4154,7 +4154,7 @@ div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before { border-top: var(--spine-width) solid var(--interactive-active); } -[class*="cozyMessage-"] [class^="avatarDecoration-"] { +[class*="cozyMessage_"] [class^="avatarDecoration_"] { margin-top: calc(24px - 20px * var(--decoration-to-avatar-ratio)); left: calc(38px - 20px * var(--decoration-to-avatar-ratio)); width: calc(20px * var(--decoration-to-avatar-ratio)); @@ -4163,20 +4163,20 @@ div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before { } @var select xmc_unread 'Unread Indicators' { 'Stock': "", - 'Circles*': `[class^="listItem-"]:hover [class^="pill-"] { + 'Circles*': `[class^="listItem_"]:hover [class^="pill_"] { display: none; } -[class^="listItem-"] [class^="pill-"] { +[class^="listItem_"] [class^="pill_"] { width: 52px !important; height: 56px !important; top: -4px !important; left: 11px; z-index: 100; } -[class^="listItem-"] [class^="pill-"] > span { +[class^="listItem_"] [class^="pill_"] > span { display: none; } -[class^="listItem-"] [class^="pill-"] > span[style*="height: 8px;"] { +[class^="listItem_"] [class^="pill_"] > span[style*="height: 8px;"] { display: block; left: 4px; bottom: 2px; @@ -4187,7 +4187,7 @@ div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before { z-index: 100; background: var(--red, var(--status-red-500)); } -[class^="listItem-"] [class^="pill-"] > span[style*="height: 40px;"] { +[class^="listItem_"] [class^="pill_"] > span[style*="height: 40px;"] { display: block; background: transparent; height: 46px !important; @@ -4199,35 +4199,35 @@ div[class*="cozyMessage-"] div[class^="repliedMessage-"]:before { z-index: 100; } -[class^="listItem-"]:hover [class^="pill-"] span { +[class^="listItem_"]:hover [class^="pill_"] span { opacity: 0 !important; } -[class^="listItem-"]:not(:hover) [class^="pill-"] span { +[class^="listItem_"]:not(:hover) [class^="pill_"] span { opacity: 0 !important; } -[class^="listItem-"]:not(:hover) [class^="pill-"] span[style^="opacity: 0.7"], -[class^="listItem-"]:not(:hover) [class^="pill-"] span[style^="opacity: 1"] { +[class^="listItem_"]:not(:hover) [class^="pill_"] span[style^="opacity: 0.7"], +[class^="listItem_"]:not(:hover) [class^="pill_"] span[style^="opacity: 1"] { opacity: 1 !important; } -[class^="listItem-"] [class^="upperBadge-"] { +[class^="listItem_"] [class^="upperBadge_"] { z-index: 500; }`, } @var select xmc_hide_tag 'Hide account details in sidebar' { 'Off': "", - 'On': `section[class^="panels-"] - > [class^="container-"]:last-child - [class*="nameTag-"] { + 'On': `section[class^="panels_"] + > [class^="container_"]:last-child + [class*="nameTag_"] { display: none; } -section[class^="panels-"] > [class^="container-"]:last-child { +section[class^="panels_"] > [class^="container_"]:last-child { position: relative; } -section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { +section[class^="panels_"] > [class^="container_"]:last-child > div:last-child { position: absolute; right: 0; padding-right: 8px; @@ -4236,13 +4236,13 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { @var select xmc_titlebars 'Titlebars' { 'Off': "", - 'XMC*': `[class*="recentMentionsPopout-"], -[class^="messagesPopoutWrap-"], -[class^="browser-"] { + 'XMC*': `[class*="recentMentionsPopout_"], +[class^="messagesPopoutWrap_"], +[class^="browser_"] { border-radius: 0; } -[class*="recentMentionsPopout-"] > [class^="header-"] { +[class*="recentMentionsPopout_"] > [class^="header_"] { color: var(--text) !important; padding: 0 4px; background-color: var(--titlebar-color); @@ -4258,10 +4258,10 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { font-size: 12px !important; text-transform: none; } -[class*="recentMentionsPopout-"] - > [class^="header-"] - > [class^="controls-"] - > [class^="button-"] { +[class*="recentMentionsPopout_"] + > [class^="header_"] + > [class^="controls_"] + > [class^="button_"] { padding: 0; border-radius: 0; width: 16px; @@ -4270,14 +4270,14 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { min-height: 16px; background-color: transparent; } -[class*="recentMentionsPopout-"] > [class^="header-"] [class^="tab-"] { +[class*="recentMentionsPopout_"] > [class^="header_"] [class^="tab_"] { margin-top: 0 !important; } -[class^="messagesPopoutWrap-"] > [class^="header-"] { +[class^="messagesPopoutWrap_"] > [class^="header_"] { padding: 0; } -[class^="messagesPopoutWrap-"] > [class^="header-"] > h1 { +[class^="messagesPopoutWrap_"] > [class^="header_"] > h1 { color: var(--text) !important; padding: 0 10px; background-color: var(--titlebar-color); @@ -4293,7 +4293,7 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { text-transform: none; } -[class^="browser-"] > [class^="header-"] { +[class^="browser_"] > [class^="header_"] { color: var(--text) !important; padding: 0 4px; background-color: var(--titlebar-color); @@ -4309,40 +4309,40 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { font-size: 12px !important; text-transform: none; } -[class^="browser-"] > [class^="header-"] > h1 { +[class^="browser_"] > [class^="header_"] > h1 { font-weight: 100; font-family: var(--_font-titlebars) !important; font-size: 12px !important; text-transform: none; } -[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"], -[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] > svg { +[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"], +[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] > svg { width: 16px; height: 16px; } -[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] { +[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] { margin-right: 2px; } -[class^="browser-"] > [class^="header-"] > h1, -[class^="browser-"] > [class^="header-"] > [class^="divider-"], -[class^="browser-"] > [class^="header-"] > [class^="searchBox-"] { +[class^="browser_"] > [class^="header_"] > h1, +[class^="browser_"] > [class^="header_"] > [class^="divider_"], +[class^="browser_"] > [class^="header_"] > [class^="searchBox_"] { margin-right: 0; } -[class^="browser-"] > [class^="header-"] > [class^="divider-"] { +[class^="browser_"] > [class^="header_"] > [class^="divider_"] { flex-grow: 1; background-color: transparent; } -.platform-win [class*="baseLayer-"] { +.platform-win [class*="baseLayer_"] { top: -32px; padding-top: 32px; } -.platform-win [class^="app-"] > [class^="app-"] > [class^="bg-"] { +.platform-win [class^="app_"] > [class^="app_"] > [class^="bg_"] { top: -32px; } -[class^="typeWindows-"] { +[class^="typeWindows_"] { margin: 3px; padding: 6px; height: 10px !important; @@ -4350,16 +4350,16 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { box-shadow: var(--titlebar-shadow); } -[class^="typeMacOS-"] { +[class^="typeMacOS_"] { background-color: var(--background-tertiary); height: 32px !important; } -[class^="macButtons-"] { +[class^="macButtons_"] { padding: 8px !important; } -[class*="winButton-"] { +[class*="winButton_"] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII="); background-size: 42px; background-repeat: no-repeat; @@ -4371,7 +4371,7 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { margin-left: 30px; } -[class*="macButton-"] { +[class*="macButton_"] { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJVSURBVFhH1ZjtThQxFIa9j81ust+fV8ONIH6AiMgAAgr4A/SavAFioiJBshLxAvjLgXfI25TuTGm7pM00eZJOe872me3szJl9dtcWAoneFr6trokPyLlPjdty0aujY/l//NXK1dGX9KKX+4fy7+CzFcQkF/2790kuP+4LG/rmMWKSi15s78j0w67cXF/noG8eIya56PnGpvzJtnIoRziOmOSiZ+sbcv4+yzFFOY6Y5KKnb9/J2dq6kkPfPP59F5Nc9NfyGzldWVVi6JvHiEku+uPla/n5atkKYpKLniwuyffnL6wgJrmoD8i5T43bsGgIcdt0OpUQarVaVHLRou21QdHJZCLj8dgJxHLRkDwl6lM9UXQ0GslwOHQCsRQNyVOiPtWTLjoYDJwwRYtiipgR9ameKIoz7vf7TiCWoiF5StSneqIozrjX6z2gXq/nmOOIpWhRXhnMU6I+1RNFccbdbjcHHwrBLMtyKMt5xFJUz2s2m+rkCMbMPCXqUz3pop1OZ0bSlEWMKYoxUJbH+RlRn+qJopBot9uFixHMIQaxFGUeKPtGOc88JepTPVEUW9NqtaTRaFhBDGIpyjwXmKdEfaonimJrcPYuIJaiIXlK1Kd6SirqA0X1a+0xyq7Rx3hwjYbARWNRLdGi7bVB0ehbj8Ur82OqzO1pnhu+C092w5/nEUrwDfBphL4+Z7tGXfKU6DxFCcFCfMajr8+VFSXAJU+JzlvmAXNBfc4U1edc8pToUxTO5hbqc7bC2SVPiVbmVaQyL3eVeV32gaLR/4AIgYvGoSa368P/Q8a1fTUAAAAASUVORK5CYII="); background-size: 42px; background-repeat: no-repeat; @@ -4381,66 +4381,66 @@ section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { border-radius: 0; } -[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"], -html.platform-win:not(.app-focused) [class*="winButton-"] { +[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"], +html.platform-win:not(.app-focused) [class*="winButton_"] { opacity: 0.4; } -[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"]:hover, -html.platform-win:not(.app-focused) [class*="winButton-"]:hover { +[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"]:hover, +html.platform-win:not(.app-focused) [class*="winButton_"]:hover { opacity: 1; } -[class*="macButton-"] > svg, -[class*="winButton-"] > svg, -[class^="wordmarkWindows-"] > svg { +[class*="macButton_"] > svg, +[class*="winButton_"] > svg, +[class^="wordmarkWindows_"] > svg { display: none; } -[class*="winButtonClose-"] { +[class*="winButtonClose_"] { margin-right: 3px; } -[class*="macButtonClose-"], -[class*="winButtonClose-"] { +[class*="macButtonClose_"], +[class*="winButtonClose_"] { background-position: 0px 0px; } -[class*="macButtonClose-"]:hover, -[class*="winButtonClose-"]:hover { +[class*="macButtonClose_"]:hover, +[class*="winButtonClose_"]:hover { background-position: 0px -14px; } -[class*="macButtonClose-"]:active, -[class*="winButtonClose-"]:active { +[class*="macButtonClose_"]:active, +[class*="winButtonClose_"]:active { background-position: 0px -28px; } -[class*="macButtonMaximize-"], -[class*="winButtonMinMax-"]:nth-child(3) { +[class*="macButtonMaximize_"], +[class*="winButtonMinMax_"]:nth-child(3) { background-position: -14px 0px; } -[class*="macButtonMaximize-"]:hover, -[class*="winButtonMinMax-"]:nth-child(3):hover { +[class*="macButtonMaximize_"]:hover, +[class*="winButtonMinMax_"]:nth-child(3):hover { background-position: -14px -14px; } -[class*="macButtonMaximize-"]:active, -[class*="winButtonMinMax-"]:nth-child(3):active { +[class*="macButtonMaximize_"]:active, +[class*="winButtonMinMax_"]:nth-child(3):active { background-position: -14px -28px; } -[class*="macButtonMinimize-"], -[class*="winButtonMinMax-"]:nth-child(4) { +[class*="macButtonMinimize_"], +[class*="winButtonMinMax_"]:nth-child(4) { background-position: -28px 0px; } -[class*="macButtonMinimize-"]:hover, -[class*="winButtonMinMax-"]:nth-child(4):hover { +[class*="macButtonMinimize_"]:hover, +[class*="winButtonMinMax_"]:nth-child(4):hover { background-position: -28px -14px; } -[class*="macButtonMinimize-"]:active, -[class*="winButtonMinMax-"]:nth-child(4):active { +[class*="macButtonMinimize_"]:active, +[class*="winButtonMinMax_"]:nth-child(4):active { background-position: -28px -28px; } -[class^="wordmarkWindows-"] { +[class^="wordmarkWindows_"] { width: 16px !important; height: 16px !important; top: 6px !important; @@ -4449,7 +4449,7 @@ html.platform-win:not(.app-focused) [class*="winButton-"]:hover { background-image: var(--titlebar-icon); background-repeat: no-repeat; } -[class^="wordmarkWindows-"]::after { +[class^="wordmarkWindows_"]::after { font-family: var(--_font-titlebars) !important; font-size: 12px !important; line-height: 250% !important; @@ -4463,20 +4463,20 @@ html.platform-win:not(.app-focused) [class*="winButton-"]:hover { opacity: 1; } -html.platform-win:not(.app-focused) [class^="wordmarkWindows-"]::after, +html.platform-win:not(.app-focused) [class^="wordmarkWindows_"]::after, html:not(.platform-win) #app-mount > div:not(.app-focused) - [class^="wordmarkWindows-"]::after { + [class^="wordmarkWindows_"]::after { opacity: 0.4; } -[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^="infoScroller_"] + > [class^="userInfoSection_"] + > [class*="userInfoSectionHeader_"] { color: var(--text) !important; padding: 0 10px; background-color: var(--titlebar-color); @@ -4492,11 +4492,11 @@ html:not(.platform-win) text-transform: none; } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"]::before { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="body_"] + > [class^="infoScroller_"] + > [class^="connectedAccounts_"]::before { color: var(--text) !important; padding: 0 10px; background-color: var(--titlebar-color); @@ -4515,20 +4515,20 @@ html:not(.platform-win) position: absolute; } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="infoScroller-"] - > [class^="connectedAccounts-"] > [class^="connectedAccountsColumn-"] { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="body_"] + > [class^="infoScroller_"] + > [class^="connectedAccounts_"] > [class^="connectedAccountsColumn_"] { margin-top: 28px; } -[class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="body-"] - > [class^="listScroller-"] - > [class^="activityProfile-"] - [class*="headerTextNormal-"] { +[class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="body_"] + > [class^="listScroller_"] + > [class^="activityProfile_"] + [class*="headerTextNormal_"] { color: var(--text) !important; padding: 0 10px; background-color: var(--titlebar-color); @@ -4570,24 +4570,24 @@ html:not(.platform-win) border-color: var(--titlebar-border-active, var(--primary)) !important; } -[class^="typeWindows-"] { +[class^="typeWindows_"] { height: 18px !important; margin-top: 0; background: var(--titlebar-inactive, var(--secondary)); border-bottom: 1px solid var(--titlebar-border-inactive, var(--secondary)); } -.app-focused [class^="typeWindows-"] { +.app-focused [class^="typeWindows_"] { background: var(--titlebar-active, var(--titlebar-color, var(--accent))) !important; border-color: var(--titlebar-border-active, var(--primary)) !important; } -[class^="winButtonClose-"] > svg, -[class^="winButtonMinMax-"] > svg, -[class^="wordmarkWindows-"] > svg { +[class^="winButtonClose_"] > svg, +[class^="winButtonMinMax_"] > svg, +[class^="wordmarkWindows_"] > svg { display: none; } -[class^="wordmarkWindows-"] { +[class^="wordmarkWindows_"] { width: 16px !important; height: 16px !important; top: 1px !important; @@ -4596,7 +4596,7 @@ html:not(.platform-win) background-image: var(--titlebar-icon); background-repeat: no-repeat; } -[class^="wordmarkWindows-"]::after { +[class^="wordmarkWindows_"]::after { font-family: var(--_font-titlebars) !important; font-size: 12px !important; color: var(--wc-bright, var(--highlight)) !important; @@ -4608,11 +4608,11 @@ html:not(.platform-win) height: 17px; opacity: 1; } -.app-focused [class^="wordmarkWindows-"]::after { +.app-focused [class^="wordmarkWindows_"]::after { color: var(--text) !important; } -[class*="winButton-"] { +[class*="winButton_"] { top: 2px; width: 12px !important; height: 10px !important; @@ -4621,43 +4621,43 @@ html:not(.platform-win) box-shadow: var(--wc-outer-edge); } -[class^="winButtonClose-"] { +[class^="winButtonClose_"] { right: 2px; } -[class^="winButtonMinMax-"]:nth-child(3), -[class^="winButtonMinMax-"]:nth-child(4) { +[class^="winButtonMinMax_"]:nth-child(3), +[class^="winButtonMinMax_"]:nth-child(4) { right: 4px; } -[class*="winButton-"]::before { +[class*="winButton_"]::before { width: 12px !important; height: 10px !important; background-color: var(--text); content: ""; } -[class^="winButtonClose-"]::before { +[class^="winButtonClose_"]::before { -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAwSURBVChTY6AE/IdidIBLHAzQJfEqhgGYIqIUwwBZionShK4IryZckng1URswMAAAIEcZ541Sy3oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAwSURBVChTY6AE/IdidIBLHAzQJfEqhgGYIqIUwwBZionShK4IryZckng1URswMAAAIEcZ541Sy3oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); } -[class^="winButtonMinMax-"]:nth-child(3)::before { +[class^="winButtonMinMax_"]:nth-child(3)::before { -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAjSURBVChTY4CC/0RgFIBNATpGARgCaGBUAwiABAhhcgADAwD+Vybas8l0mAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAjSURBVChTY4CC/0RgFIBNATpGARgCaGBUAwiABAhhcgADAwD+Vybas8l0mAAAAABJRU5ErkJgggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); } -[class^="winButtonMinMax-"]:nth-child(4)::before { +[class^="winButtonMinMax_"]:nth-child(4)::before { -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVChTYxgFtAb/cWCcAJtiEKYEMDAAALNwC/VcmzodAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZSURBVChTYxgFtAb/cWCcAJtiEKYEMDAAALNwC/VcmzodAAAAAElFTkSuQmCCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); } -[class*="recentMentionsPopout-"], -[class^="messagesPopoutWrap-"], -[class^="browser-"] { +[class*="recentMentionsPopout_"], +[class^="messagesPopoutWrap_"], +[class^="browser_"] { border-radius: 0; padding: 2px; box-shadow: var(--wc-frame); border: 1px solid var(--titlebar-border-active, var(--primary)); } -[class*="recentMentionsPopout-"] > [class^="header-"] { +[class*="recentMentionsPopout_"] > [class^="header_"] { padding: 0 4px; font-family: var(--_font-titlebars) !important; font-size: 12px !important; @@ -4668,10 +4668,10 @@ html:not(.platform-win) border-bottom: 1px solid var(--titlebar-border-inactive, var(--secondary)); background: var(--titlebar-active, var(--titlebar-color, var(--accent))) !important; } -[class*="recentMentionsPopout-"] - > [class^="header-"] - > [class^="controls-"] - > [class^="button-"] { +[class*="recentMentionsPopout_"] + > [class^="header_"] + > [class^="controls_"] + > [class^="button_"] { padding: 0; border-radius: 0; width: 16px; @@ -4680,7 +4680,7 @@ html:not(.platform-win) min-height: 16px; background-color: transparent; } -[class*="recentMentionsPopout-"] > [class^="header-"] [class^="tab-"] { +[class*="recentMentionsPopout_"] > [class^="header_"] [class^="tab_"] { margin-top: 0 !important; padding: 0px 2px; height: 16px; @@ -4688,10 +4688,10 @@ html:not(.platform-win) font-size: 12px; } -[class^="messagesPopoutWrap-"] > [class^="header-"] { +[class^="messagesPopoutWrap_"] > [class^="header_"] { padding: 0; } -[class^="messagesPopoutWrap-"] > [class^="header-"] > h1 { +[class^="messagesPopoutWrap_"] > [class^="header_"] > h1 { padding: 0 4px; font-family: var(--_font-titlebars) !important; font-size: 12px !important; @@ -4702,7 +4702,7 @@ html:not(.platform-win) background: var(--titlebar-active, var(--titlebar-color, var(--accent))) !important; } -[class^="browser-"] > [class^="header-"] { +[class^="browser_"] > [class^="header_"] { padding: 0 4px; font-family: var(--_font-titlebars) !important; font-size: 12px !important; @@ -4713,33 +4713,33 @@ html:not(.platform-win) border-bottom: 1px solid var(--titlebar-border-inactive, var(--secondary)); background: var(--titlebar-active, var(--titlebar-color, var(--accent))) !important; } -[class^="browser-"] > [class^="header-"] > h1 { +[class^="browser_"] > [class^="header_"] > h1 { font-family: var(--_font-titlebars) !important; font-size: 12px !important; color: var(--text) !important; font-weight: bold !important; } -[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] { +[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] { width: 16px; height: 16px; } -[class^="browser-"] > [class^="header-"] > [class^="threadIcon-"] { +[class^="browser_"] > [class^="header_"] > [class^="threadIcon_"] { margin-right: 2px; } -[class^="browser-"] > [class^="header-"] > h1, -[class^="browser-"] > [class^="header-"] > [class^="divider-"], -[class^="browser-"] > [class^="header-"] > [class^="searchBox-"] { +[class^="browser_"] > [class^="header_"] > h1, +[class^="browser_"] > [class^="header_"] > [class^="divider_"], +[class^="browser_"] > [class^="header_"] > [class^="searchBox_"] { margin-right: 0; } -[class^="browser-"] > [class^="header-"] > [class^="divider-"] { +[class^="browser_"] > [class^="header_"] > [class^="divider_"] { flex-grow: 1; background-color: transparent; } -[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] > svg { +[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] > svg { display: none; } -[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"] { +[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"] { width: 12px !important; min-width: 12px !important; height: 10px !important; @@ -4751,7 +4751,7 @@ html:not(.platform-win) background: var(--primary) !important; box-shadow: var(--wc-outer-edge); } -[class^="browser-"] > [class^="header-"] > [class^="closeIcon-"]::before { +[class^="browser_"] > [class^="header_"] > [class^="closeIcon_"]::before { width: 12px !important; height: 10px !important; background-color: var(--text); @@ -4761,52 +4761,52 @@ html:not(.platform-win) mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAwSURBVChTY6AE/IdidIBLHAzQJfEqhgGYIqIUwwBZionShK4IryZckng1URswMAAAIEcZ541Sy3oAAAAASUVORK5CYIIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=="); } `, - 'Old Discord': `[class*="wordmark-"] { + 'Old Discord': `[class*="wordmark_"] { display: none !important; } -[class*="titleBar-"] { +[class*="titleBar_"] { margin-top: 0; } -[class*="typeWindows-"] { +[class*="typeWindows_"] { height: 0px !important; margin: 0 !important; padding: 0 !important; border: none !important; box-shadow: none !important; } -[class*="winButton-"] { +[class*="winButton_"] { margin-top: 19px; margin-right: 5px; opacity: 0.3; } -[class*="winButton-"]:hover { +[class*="winButton_"]:hover { opacity: 1; } -.platform-win [class*="headerBar-"], -.platform-win [class^="chat-"] > [class^="title-"], -.platform-win [class*="activityFeed-"] > [class*="container-"], -.platform-win [class^="libraryHeader-"], +.platform-win [class*="headerBar_"], +.platform-win [class^="chat_"] > [class^="title_"], +.platform-win [class*="activityFeed_"] > [class*="container_"], +.platform-win [class^="libraryHeader_"], .platform-win - [class*="spacer-"] - > [class*="container-"] - > [class*="container-"], + [class*="spacer_"] + > [class*="container_"] + > [class*="container_"], .platform-win - [class^="base-"] - > [class^="content-"] - > [class^="container-"] - > [class^="container-"], -.platform-win [class^="videoControls-"] [class^="headerWrapper-"] { + [class^="base_"] + > [class^="content_"] + > [class^="container_"] + > [class^="container_"], +.platform-win [class^="videoControls_"] [class^="headerWrapper_"] { padding-right: 104px !important; } -.platform-win [class^="topControls-"] { +.platform-win [class^="topControls_"] { top: -4px; position: relative; } -[class*="winButtonClose-"], -[class*="winButtonMinMax-"] { +[class*="winButtonClose_"], +[class*="winButtonMinMax_"] { width: 24px !important; height: 24px !important; margin-left: 0 !important; @@ -4816,42 +4816,42 @@ html:not(.platform-win) background-color: var(--interactive-normal) !important; } -[class*="winButtonClose-"] { +[class*="winButtonClose_"] { margin-right: 12px; } -[class*="winButtonClose-"] svg, -[class*="winButtonMinMax-"] svg { +[class*="winButtonClose_"] svg, +[class*="winButtonMinMax_"] svg { display: none; } -[class*="winButtonClose-"] { +[class*="winButtonClose_"] { mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjAgNy40MUwxOC41OSA2IDEzIDExLjU5IDcuNDEgNiA2IDcuNDEgMTEuNTkgMTMgNiAxOC41OSA3LjQxIDIwIDEzIDE0LjQxIDE4LjU5IDIwIDIwIDE4LjU5IDE0LjQxIDEzIDIwIDcuNDF6Ii8+PC9nPjwvc3ZnPg==") no-repeat; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjAgNy40MUwxOC41OSA2IDEzIDExLjU5IDcuNDEgNiA2IDcuNDEgMTEuNTkgMTMgNiAxOC41OSA3LjQxIDIwIDEzIDE0LjQxIDE4LjU5IDIwIDIwIDE4LjU5IDE0LjQxIDEzIDIwIDcuNDF6Ii8+PC9nPjwvc3ZnPg==") no-repeat; background-image: none !important; } -[class*="winButtonMinMax-"]:nth-child(3) { +[class*="winButtonMinMax_"]:nth-child(3) { mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOCAxM0g2djdoN3YtMkg4di01em0tMiAwaDJWOGg1VjZINnY3em03IDV2Mmg3di03aC0ydjVoLTV6bTAtMTJ2Mmg1djVoMlY2aC03eiIvPjwvZz48L3N2Zz4=") no-repeat; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDI0djI0SDFWMXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOCAxM0g2djdoN3YtMkg4di01em0tMiAwaDJWOGg1VjZINnY3em03IDV2Mmg3di03aC0ydjVoLTV6bTAtMTJ2Mmg1djVoMlY2aC03eiIvPjwvZz48L3N2Zz4=") no-repeat; background-image: none !important; } -[class*="winButtonMinMax-"]:nth-child(4) { +[class*="winButtonMinMax_"]:nth-child(4) { mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkgMTl2LTJIN3YyaDEyeiIvPjxwYXRoIGQ9Ik0xIDI1aDI0VjFIMXYyNHoiLz48L2c+PC9zdmc+") no-repeat; -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkgMTl2LTJIN3YyaDEyeiIvPjxwYXRoIGQ9Ik0xIDI1aDI0VjFIMXYyNHoiLz48L2c+PC9zdmc+") no-repeat; background-image: none !important; } -[class*="winButtonClose-"]:hover, -[class*="winButtonMinMax-"]:hover { +[class*="winButtonClose_"]:hover, +[class*="winButtonMinMax_"]:hover { background-color: var(--interactive-hover) !important; } -[class^="typeMacOS-"][class*="unfocused-"] [class*="macButton-"], -html.platform-win:not(.app-focused) [class*="winButton-"] { +[class^="typeMacOS_"][class*="unfocused_"] [class*="macButton_"], +html.platform-win:not(.app-focused) [class*="winButton_"] { opacity: 1 !important; }`, } @@ -4894,13 +4894,13 @@ html.platform-win:not(.app-focused) [class*="winButton-"] { @var select xmc_old_roles 'Old Roles' { 'Off': "", - 'On*': `[class^="role-"] { + 'On*': `[class^="role_"] { position: relative; border-radius: 5%; } -[class^="role-"] [class^="roleRemoveButton-"] [class^="roleCircle-"], -[class^="role-"] [class^="roleRemoveButton-"] [class^="roleFlowerStar-"] { +[class^="role_"] [class^="roleRemoveButton_"] [class^="roleCircle_"], +[class^="role_"] [class^="roleRemoveButton_"] [class^="roleFlowerStar_"] { margin: 0 !important; border-radius: 5% !important; width: 100% !important; @@ -4912,7 +4912,7 @@ html.platform-win:not(.app-focused) [class*="winButton-"] { opacity: 0.25; } -[class^="role-"] [class^="roleFlowerStar-"] > svg[class^="linkIcon-"] { +[class^="role_"] [class^="roleFlowerStar_"] > svg[class^="linkIcon_"] { z-index: 7; position: absolute; right: -2px; @@ -4920,7 +4920,7 @@ html.platform-win:not(.app-focused) [class*="winButton-"] { opacity: 5; } -[class^="role-"] [class^="roleRemoveButton-"] { +[class^="role_"] [class^="roleRemoveButton_"] { position: absolute; left: 0; width: 100%; @@ -4929,16 +4929,16 @@ html.platform-win:not(.app-focused) [class*="winButton-"] { overflow-y: visible; } -[class^="role-"] [class^="roleIcon-"] { +[class^="role_"] [class^="roleIcon_"] { z-index: 5; } -[class^="role-"] [class^="roleName-"] { +[class^="role_"] [class^="roleName_"] { z-index: 2; margin-right: 0; } -[class^="role-"] [class^="roleRemoveIcon-"] { +[class^="role_"] [class^="roleRemoveIcon_"] { display: block; position: absolute; top: 4px; @@ -4946,7 +4946,7 @@ html.platform-win:not(.app-focused) [class*="winButton-"] { z-index: 6; } -[class^="role-"] [class^="roleRemoveButton-"] [class*="roleDot-"] { +[class^="role_"] [class^="roleRemoveButton_"] [class*="roleDot_"] { width: 1em !important; height: 1em !important; margin-top: 0.25em; @@ -4955,73 +4955,73 @@ html.platform-win:not(.app-focused) [class*="winButton-"] { @var select xmc_old_embeds 'Old Embeds' { 'Off': "", - 'On*': `[class*="embed-"] { + 'On*': `[class*="embed_"] { border-radius: 0 0 0 0; border-color: var(--interactive-active); } -[class*="embed-"] [class*="embedInner-"] { +[class*="embed_"] [class*="embedInner_"] { border-color: transparent; } -[class*="embed-"] [class*="embedAuthorIcon-"] { +[class*="embed_"] [class*="embedAuthorIcon_"] { border-radius: 0; } -[class*="embed-"] [class^="grid-"] { +[class*="embed_"] [class^="grid_"] { padding: 8px !important; } -[class*="embed-"] [class*="embedMargin-"] { +[class*="embed_"] [class*="embedMargin_"] { margin-top: 4px !important; } -[class*="embed-"] [class*="embedMedia-"] { +[class*="embed_"] [class*="embedMedia_"] { margin-top: 4px !important; } -[class*="embed-"] [class*="embedTitle-"] { +[class*="embed_"] [class*="embedTitle_"] { font-size: 16px !important; font-weight: 200 !important; } -[class*="embed-"] [class*="embedFieldName-"] { +[class*="embed_"] [class*="embedFieldName_"] { font-weight: 500 !important; } -[class*="embed-"] [class*="embedDescription-"], -[class*="embed-"] [class*="embedFieldName-"], -[class*="embed-"] [class*="embedFieldValue-"] { +[class*="embed_"] [class*="embedDescription_"], +[class*="embed_"] [class*="embedFieldName_"], +[class*="embed_"] [class*="embedFieldValue_"] { font-size: 16px !important; } -[class*="embed-"] [class*="embedFooterText-"] { +[class*="embed_"] [class*="embedFooterText_"] { font-size: 0.8em; }`, } @var select xmc_left_reply 'Left Side Reply Controls' { 'Off': "", - 'On*': `[class^="channelTextArea-"] > [class^="attachedBars-"] [class^="replyBar-"], -[class^="channelTextArea-"] - > [class^="attachedBars-"] - [class^="threadSuggestionBar-"] { + 'On*': `[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"], +[class^="channelTextArea_"] + > [class^="attachedBars_"] + [class^="threadSuggestionBar_"] { background: transparent; } -[class^="channelTextArea-"] > [class^="attachedBars-"] [class^="replyBar-"] { +[class^="channelTextArea_"] > [class^="attachedBars_"] [class^="replyBar_"] { display: flex; flex-direction: row-reverse; align-self: flex-start; } -[class^="channelTextArea-"] - > [class^="attachedBars-"] - [class^="replyBar-"] - > [class^="actions-"] { +[class^="channelTextArea_"] + > [class^="attachedBars_"] + [class^="replyBar_"] + > [class^="actions_"] { flex-direction: row-reverse; } -[class^="channelTextArea-"] - > [class^="attachedBars-"] - [class^="replyBar-"] - [class*="replyLabel-"] { +[class^="channelTextArea_"] + > [class^="attachedBars_"] + [class^="replyBar_"] + [class*="replyLabel_"] { margin-left: 12px; } -[class^="channelTextArea-"] - > [class^="attachedBars-"] - [class^="replyBar-"] - > [class^="actions-"]::after { +[class^="channelTextArea_"] + > [class^="attachedBars_"] + [class^="replyBar_"] + > [class^="actions_"]::after { position: relative; content: ""; background-color: var(--background-modifier-accent); @@ -5033,167 +5033,167 @@ html.platform-win:not(.app-focused) [class*="winButton-"] { @var select xmc_collapsing_members 'Collapsing Member List' { 'Off*': "", - 'On': `[class^="chat-"] -> [class^="content-"] -> [class^="container-"]:nth-child(2) > [class^="membersWrap-"], -[class^="chat-"] -> [class^="content-"] -> [class^="container-"]:nth-child(2), -[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { + 'On': `[class^="chat_"] +> [class^="content_"] +> [class^="container_"]:nth-child(2) > [class^="membersWrap_"], +[class^="chat_"] +> [class^="content_"] +> [class^="container_"]:nth-child(2), +[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] { width: 50px !important; min-width: 50px !important; } -[class^="chat-"] -> [class^="content-"] -> [class^="container-"]:nth-child(2):hover, -[class^="chat-"] - > [class^="content-"] - > [class^="container-"]:hover > [class^="membersWrap-"], -[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover { +[class^="chat_"] +> [class^="content_"] +> [class^="container_"]:nth-child(2):hover, +[class^="chat_"] + > [class^="content_"] + > [class^="container_"]:hover > [class^="membersWrap_"], +[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"]:hover { width: 240px !important; min-width: 240px !important; } -[class^="chat-"] > [class^="content-"] > [class^="container"] > [class^="membersWrap-"], -[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { +[class^="chat_"] > [class^="content_"] > [class^="container"] > [class^="membersWrap_"], +[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] { min-width: 0; min-height: 100%; background-color: var(--background-secondary); } -[class^="chat-"] - > [class^="content-"] > [class^="container-"] - > [class^="membersWrap-"] - > [class^="members-"],[class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"] - > [class^="members-"] { +[class^="chat_"] + > [class^="content_"] > [class^="container_"] + > [class^="membersWrap_"] + > [class^="members_"],[class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"] + > [class^="members_"] { width: 58px !important; } -[class^="chat-"] - > [class^="content-"] > [class^="container-"]:hover > - [class^="membersWrap-"] - > [class^="members-"], - [class^="chat-"] - > [class^="content-"] > - [class^="membersWrap-"]:hover - > [class^="members-"]{ +[class^="chat_"] + > [class^="content_"] > [class^="container_"]:hover > + [class^="membersWrap_"] + > [class^="members_"], + [class^="chat_"] + > [class^="content_"] > + [class^="membersWrap_"]:hover + > [class^="members_"]{ width: 240px !important; } -[class^="chat-"] - > [class^="content-"] > [class^="container-"] > - [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"], - [class^="chat-"] - > [class^="content-"] > - [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"] { - height: 0; +[class^="chat_"] + > [class^="content_"] > [class^="container_"] > + [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"], + [class^="chat_"] + > [class^="content_"] > + [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"] { + height: 0 !important; padding-top: 12px; } -[class^="chat-"] - > [class^="content-"] > [class^="container-"]:hover > - [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"], - [class^="chat-"] - > [class^="content-"] > - [class^="membersWrap-"]:hover - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"] { - height: 40px; +[class^="chat_"] + > [class^="content_"] > [class^="container_"]:hover > + [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"], + [class^="chat_"] + > [class^="content_"] > + [class^="membersWrap_"]:hover + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"] { + height: 40px !important; padding-top: 24px; }`, 'Dynamic': `@media (width < 1300px) { -[class^="chat-"] -> [class^="content-"] -> [class^="container-"]:nth-child(2) > [class^="membersWrap-"], -[class^="chat-"] -> [class^="content-"] -> [class^="container-"]:nth-child(2), -[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { +[class^="chat_"] +> [class^="content_"] +> [class^="container_"]:nth-child(2) > [class^="membersWrap_"], +[class^="chat_"] +> [class^="content_"] +> [class^="container_"]:nth-child(2), +[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] { width: 50px !important; min-width: 50px !important; } -[class^="chat-"] -> [class^="content-"] -> [class^="container-"]:nth-child(2):hover, -[class^="chat-"] - > [class^="content-"] - > [class^="container-"]:hover > [class^="membersWrap-"], -[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"]:hover { +[class^="chat_"] +> [class^="content_"] +> [class^="container_"]:nth-child(2):hover, +[class^="chat_"] + > [class^="content_"] + > [class^="container_"]:hover > [class^="membersWrap_"], +[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"]:hover { width: 240px !important; min-width: 240px !important; } -[class^="chat-"] > [class^="content-"] > [class^="container"] > [class^="membersWrap-"], -[class^="chat-"] > [class^="content-"] > [class^="membersWrap-"] { +[class^="chat_"] > [class^="content_"] > [class^="container"] > [class^="membersWrap_"], +[class^="chat_"] > [class^="content_"] > [class^="membersWrap_"] { min-width: 0; min-height: 100%; background-color: var(--background-secondary); } -[class^="chat-"] - > [class^="content-"] > [class^="container-"] - > [class^="membersWrap-"] - > [class^="members-"],[class^="chat-"] - > [class^="content-"] - > [class^="membersWrap-"] - > [class^="members-"] { +[class^="chat_"] + > [class^="content_"] > [class^="container_"] + > [class^="membersWrap_"] + > [class^="members_"],[class^="chat_"] + > [class^="content_"] + > [class^="membersWrap_"] + > [class^="members_"] { width: 58px !important; } -[class^="chat-"] - > [class^="content-"] > [class^="container-"]:hover > - [class^="membersWrap-"] - > [class^="members-"], - [class^="chat-"] - > [class^="content-"] > - [class^="membersWrap-"]:hover - > [class^="members-"]{ +[class^="chat_"] + > [class^="content_"] > [class^="container_"]:hover > + [class^="membersWrap_"] + > [class^="members_"], + [class^="chat_"] + > [class^="content_"] > + [class^="membersWrap_"]:hover + > [class^="members_"]{ width: 240px !important; } -[class^="chat-"] - > [class^="content-"] > [class^="container-"] > - [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"], - [class^="chat-"] - > [class^="content-"] > - [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"] { - height: 0; +[class^="chat_"] + > [class^="content_"] > [class^="container_"] > + [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"], + [class^="chat_"] + > [class^="content_"] > + [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"] { + height: 0 !important; padding-top: 12px; } -[class^="chat-"] - > [class^="content-"] > [class^="container-"]:hover > - [class^="membersWrap-"] - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"], - [class^="chat-"] - > [class^="content-"] > - [class^="membersWrap-"]:hover - > [class^="members-"] - > [class^="content-"] - > [class^="membersGroup-"] { - height: 40px; +[class^="chat_"] + > [class^="content_"] > [class^="container_"]:hover > + [class^="membersWrap_"] + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"], + [class^="chat_"] + > [class^="content_"] > + [class^="membersWrap_"]:hover + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"] { + height: 40px !important; padding-top: 24px; } }`, @@ -5201,7 +5201,7 @@ html.platform-win:not(.app-focused) [class*="winButton-"] { @var select xmc_accessible_styles 'Accessible Font Styles' { 'Off*': "", - 'Italics + Bold': `span[data-slate-leaf="true"][class*="italics-"], + 'Italics + Bold': `span[data-slate-leaf="true"][class*="italics_"], em { font-style: normal; display: inline-block; @@ -5209,19 +5209,19 @@ em { color: #f80; } -span[data-slate-leaf="true"][class*="bold-"], +span[data-slate-leaf="true"][class*="bold_"], strong { font-weight: 400; text-shadow: 0.1px 0.1px, -0.1px -0.1px; }`, - 'Just Italics': `span[data-slate-leaf="true"][class*="italics-"], + 'Just Italics': `span[data-slate-leaf="true"][class*="italics_"], em { font-style: normal; display: inline-block; transform: skewX(-8deg); color: #f80; }`, - 'Just Colored Italics': `span[data-slate-leaf="true"][class*="italics-"], + 'Just Colored Italics': `span[data-slate-leaf="true"][class*="italics_"], em { color: #f80; }` @@ -5229,102 +5229,102 @@ em { @var select xmc_compacter_mode 'Compact-er Mode' { 'Off*': "", - 'On': `[class*="guilds-"] [class^="listItemWrapper-"] > [class^="wrapper-"], -[class*="guilds-"] [class^="listItemWrapper-"] > [class^="wrapper-"] > svg, -[class*="guilds-"] [class^="listItem-"] [class^="wrapper-"]:has(> svg), -[class*="guilds-"] [class^="listItem-"] [class^="wrapper-"]:has(> svg) > svg, -[class*="guilds-"] [class^="listItem-"] [class^="wrapperSimple-"], -[class*="guilds-"] [class^="listItem-"] [class^="wrapperSimple-"] > svg { + 'On': `[class*="guilds_"] [class^="listItemWrapper_"] > [class^="wrapper_"], +[class*="guilds_"] [class^="listItemWrapper_"] > [class^="wrapper_"] > svg, +[class*="guilds_"] [class^="listItem_"] [class^="wrapper_"]:has(> svg), +[class*="guilds_"] [class^="listItem_"] [class^="wrapper_"]:has(> svg) > svg, +[class*="guilds_"] [class^="listItem_"] [class^="wrapperSimple_"], +[class*="guilds_"] [class^="listItem_"] [class^="wrapperSimple_"] > svg { width: 32px; height: 32px; } -[class*="guilds-"] [class^="listItem-"] > [class^="pill-"], -[class*="guilds-"] - [class^="listItem-"] - > [class^="pill-"] - > [class^="item-"][style*="height: 40px;"] { +[class*="guilds_"] [class^="listItem_"] > [class^="pill_"], +[class*="guilds_"] + [class^="listItem_"] + > [class^="pill_"] + > [class^="item_"][style*="height: 40px;"] { height: 32px !important; } -[class*="guilds-"], -[class*="guilds-"] [class^="listItem-"], -[class*="guilds-"] - [class^="wrapper-"]:has(> [class^="expandedFolderBackground-"]) { - width: 48px; +[class*="guilds_"], +[class*="guilds_"] [class^="listItem_"], +[class*="guilds_"] + [class^="wrapper_"]:has(> [class^="expandedFolderBackground_"]) { + width: 48px !important; } -[class*="guilds-"] [class^="unreadMentionsIndicator"] { +[class*="guilds_"] [class^="unreadMentionsIndicator"] { width: 48px; height: 16px; } -[class*="guilds-"] > ul > [class^="scroller-"] { +[class*="guilds_"] > ul > [class^="scroller_"] { padding-top: 8px !important; } -[class*="guilds-"] [class^="listItem-"] { +[class*="guilds_"] [class^="listItem_"] { margin-bottom: 4px; } -[class*="guilds-"] ul[id^="folder-items-"] > [class^="listItem-"] { +[class*="guilds_"] ul[id^="folder-items-"] > [class^="listItem_"] { width: 32px !important; height: 32px !important; margin-left: 8px; } -[class*="guilds-"] [class^="expandedFolderBackground-"] { +[class*="guilds_"] [class^="expandedFolderBackground_"] { width: 32px; left: 8px; } -[class*="guilds-"] ul[id^="folder-items-"] { +[class*="guilds_"] ul[id^="folder-items-"] { height: unset !important; } -[class*="guilds-"] ul[class^="tree-"] > [class^="scroller-"] > div[style*="height: 56px;"] { +[class*="guilds_"] ul[class^="tree_"] > [class^="scroller_"] > div[style*="height: 56px;"] { height: unset !important; } -[class*="guilds-"] ul[id^="folder-items-"] > [class^="listItem-"] > [class^="pill-"] { +[class*="guilds_"] ul[id^="folder-items-"] > [class^="listItem_"] > [class^="pill_"] { left: -8px; } -section[class^="panels-"] > [class*="activityPanel-"] [class^="gameIcon-"], -section[class^="panels-"] - > [class*="activityPanel-"] - [class^="actions-"] - > [class^="panelButtonContainer-"] +section[class^="panels_"] > [class*="activityPanel_"] [class^="gameIcon_"], +section[class^="panels_"] + > [class*="activityPanel_"] + [class^="actions_"] + > [class^="panelButtonContainer_"] > button, -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class*="directionRow-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class*="directionRow_"] > button, -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="actionButtons-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="actionButtons_"] button { width: 24px; height: 24px; min-height: 24px; } -section[class^="panels-"] > [class^="container-"]:last-child { +section[class^="panels_"] > [class^="container_"]:last-child { position: relative; } -section[class^="panels-"] > [class^="container-"]:last-child > div:last-child { +section[class^="panels_"] > [class^="container_"]:last-child > div:last-child { position: absolute; right: 0; padding-right: 8px; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class*="directionRow-"] { +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class*="directionRow_"] { position: absolute; bottom: 8px; right: 8px; @@ -5333,133 +5333,133 @@ section[class^="panels-"] grid-auto-flow: column; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div { padding-left: 20px; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] { + > [class^="rtcConnectionStatus_"] { position: absolute; left: 8px; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"]:has(> :nth-child(2)) { + > [class^="rtcConnectionStatus_"]:has(> :nth-child(2)) { top: 12px; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] - > svg[class^="ping-"] { + > [class^="rtcConnectionStatus_"] + > svg[class^="ping_"] { margin-right: 0; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] - > [class^="labelWrapper-"], -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] + > [class^="rtcConnectionStatus_"] + > [class^="labelWrapper_"], +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] - > [class^="labelWrapper-"] + > [class^="rtcConnectionStatus_"] + > [class^="labelWrapper_"] > button { width: 16px; height: 16px; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] - > [class^="labelWrapper-"] { + > [class^="rtcConnectionStatus_"] + > [class^="labelWrapper_"] { position: relative; left: -16px; z-index: 10; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="connection-"] - > [class^="inner-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="connection_"] + > [class^="inner_"] > div - > [class^="rtcConnectionStatus-"] - > [class^="labelWrapper-"] + > [class^="rtcConnectionStatus_"] + > [class^="labelWrapper_"] > button - > [class^="contents-"] { + > [class^="contents_"] { display: none; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="actionButtons-"] +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="actionButtons_"] button { padding: 0; background: transparent; } -section[class^="panels-"] - > [class^="wrapper-"] - > [class^="container-"] - > [class*="actionButtons-"] { +section[class^="panels_"] + > [class^="wrapper_"] + > [class^="container_"] + > [class*="actionButtons_"] { grid-gap: 4px; padding-top: 0; grid-template-columns: repeat(auto-fill, minmax(0, 24px)); height: 24px; } -section[class^="panels-"] > [class^="container-"] { +section[class^="panels_"] > [class^="container_"] { height: 40px; padding: 0 4px; } -section[class^="panels-"] - > [class^="container-"] - > [class^="avatarWrapper-"] - > [class*="avatar-"] { +section[class^="panels_"] + > [class^="container_"] + > [class^="avatarWrapper_"] + > [class*="avatar_"] { width: 24px !important; height: 24px !important; } -section[class^="panels-"] - > [class^="container-"] - > [class^="avatarWrapper-"] - > [class*="avatar-"] +section[class^="panels_"] + > [class^="container_"] + > [class^="avatarWrapper_"] + > [class*="avatar_"] > svg { width: 32px !important; height: 32px !important; } -section[class^="panels-"] - > [class^="container-"] - > [class*="directionRow-"] +section[class^="panels_"] + > [class^="container_"] + > [class*="directionRow_"] > button { width: 24px; height: 24px; } -section[class^="panels-"] > [class^="container-"] > [class*="directionRow-"] { +section[class^="panels_"] > [class^="container_"] > [class*="directionRow_"] { display: grid; grid-auto-flow: column; grid-gap: 4px; @@ -5495,64 +5495,73 @@ button.hh2-spotify-controls-button { color: var(--text-muted) !important; } -[class^="members-"] [class^="member-"] > [class*="layout-"] { +[class^="members_"] [class^="member_"] > [class*="layout_"] { height: 32px; } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"], -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] { +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"], +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] { width: 24px !important; height: 24px !important; } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] > svg[viewBox="0 0 40 40"] { width: 32px !important; height: 32px !important; } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] - > [class^="avatarDecoration-"] { +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] + > [class^="avatarDecoration_"] { top: calc((.4 - var(--decoration-to-avatar-ratio)/2)*32px); left: calc((.475 - var(--decoration-to-avatar-ratio)/2)*32px); width: calc(32px * var(--decoration-to-avatar-ratio)); height: calc(32px * var(--decoration-to-avatar-ratio)); } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"] - > [class^="wrapper-"] +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"] + > [class^="wrapper_"] > svg[viewBox="0 0 32 32"] { width: 24px !important; height: 24px !important; } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="avatar-"] { +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="avatar_"] { margin-right: 8px; } -[class^="members-"] [class^="membersGroup-"] { +[class^="members_"] [class^="membersGroup_"] { padding: 12px 8px 0 8px !important; - height: unset; + height: unset !important; } -[class^="members-"] - [class^="member-"] - > [class*="layout-"] - > [class^="children-"] +[class^="chat_"] + > [class^="content_"] + > [class^="container_"] + > [class^="membersWrap_"]:hover + > [class^="members_"] + > [class^="content_"] + > [class^="membersGroup_"] { + height: unset !important; +} +[class^="members_"] + [class^="member_"] + > [class*="layout_"] + > [class^="children_"] > .presence-icons-wrapper > span > img { @@ -5560,79 +5569,79 @@ button.hh2-spotify-controls-button { height: 20px; } -[class^="sidebar-"] - [class^="containerDefault-"]:has(> [class*="clickable-"]) { +[class^="sidebar_"] + [class^="containerDefault_"]:has(> [class*="clickable_"]) { padding-top: 8px; } -[class^="sidebar-"] ul[class^="content-"] > div[style="height: 12px;"] { +[class^="sidebar_"] ul[class^="content_"] > div[style="height: 12px;"] { height: 6px !important; } -[class^="sidebar-"] ul[class^="content-"] > div[style="height: 84px;"] { +[class^="sidebar_"] ul[class^="content_"] > div[style="height: 84px;"] { height: 0px !important; } -[class^="sidebar-"] ul[class^="content-"] > [class^="sectionDivider-"] { +[class^="sidebar_"] ul[class^="content_"] > [class^="sectionDivider_"] { margin-top: 6px; } -[class^="sidebar-"] - [class^="containerDefault-"] - [class^="link-"] { +[class^="sidebar_"] + [class^="containerDefault_"] + [class^="link_"] { padding: 4px; } -[class^="sidebar-"] - [class^="iconVisibility-"] - > [class^="content-"] - > [class^="mainContent-"], -[class^="sidebar-"] - [class^="containerDefault-"] - [class^="iconVisibility-"] - > [class^="content-"] - > [class^="children-"] - > [class^="iconItem-"] { +[class^="sidebar_"] + [class^="iconVisibility_"] + > [class^="content_"] + > [class^="mainContent_"], +[class^="sidebar_"] + [class^="containerDefault_"] + [class^="iconVisibility_"] + > [class^="content_"] + > [class^="children_"] + > [class^="iconItem_"] { padding: 3px 0; } -[class^="sidebar-"] - [class^="containerDefault-"] - [class^="iconVisibility-"] - > [class^="content-"] - > [class^="children-"] - > [class^="channelInfo-"] { +[class^="sidebar_"] + [class^="containerDefault_"] + [class^="iconVisibility_"] + > [class^="content_"] + > [class^="children_"] + > [class^="channelInfo_"] { margin-top: 0 !important; } -[class^="sidebar-"] - [class^="containerDefault-"] - [class^="iconVisibility-"] - > [class^="content-"] - > [class^="children-"] { +[class^="sidebar_"] + [class^="containerDefault_"] + [class^="iconVisibility_"] + > [class^="content_"] + > [class^="children_"] { margin-top: 2px; } -[class^="sidebar-"] [class^="containerDefault-"] [class^="voiceUser-"] [class^="userAvatar-"] { +[class^="sidebar_"] [class^="containerDefault_"] [class^="voiceUser_"] [class^="userAvatar_"] { margin-left: 4px; margin-right: 4px; } -[class^="sidebar-"] - [class^="containerDefault-"] - [class^="spine-"] { +[class^="sidebar_"] + [class^="containerDefault_"] + [class^="spine_"] { top: 2px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 32px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 32px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 32px !important; width: 240px; @@ -5646,268 +5655,268 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) ); } -[class^="animatedBannerHoverLayer-"] { +[class^="animatedBannerHoverLayer_"] { top: -32px !important; height: 32px !important; } -[nop=nop] [class^="members-"] > [class^="content-"], -[nop=nop] [class^="sidebar-"] ul[class^="content-"] { +[nop=nop] [class^="members_"] > [class^="content_"], +[nop=nop] [class^="sidebar_"] ul[class^="content_"] { height: unset !important; padding-bottom: 8px; } -[class^="sidebar-"] header[class^="header-"] { +[class^="sidebar_"] header[class^="header_"] { padding: 4px 8px; } -[class^=chat-] > [class^=title-], -[class^=chat-] > section[class*=container-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] { - height: 32px; - min-height: 32px; +[class^="chat_"] > [class^="title_"], +[class^="chat_"] > section[class*="container_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] { + height: 32px !important; + min-height: 32px !important; padding: 0; } -[class^=chat-] > [class^=title-][class^=libraryHeader-]:before, -[class^=chat-] > section[class*=container-][class^=libraryHeader-]:before, -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-][class^=libraryHeader-]:before, -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-][class^=libraryHeader-]:before { +[class^="chat_"] > [class^="title_"][class^="libraryHeader_"]:before, +[class^="chat_"] > section[class*="container_"][class^="libraryHeader_"]:before, +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"][class^="libraryHeader_"]:before, +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"][class^="libraryHeader_"]:before { top: 31px; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] { height: 32px; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] { display: grid; grid-auto-flow: column; grid-gap: 4px; margin-right: 4px; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=inviteToolbar-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=inviteToolbar-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=inviteToolbar-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=inviteToolbar-] { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="inviteToolbar_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="inviteToolbar_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="inviteToolbar_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="inviteToolbar_"] { display: grid; grid-auto-flow: column; grid-gap: 4px; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] { height: 24px !important; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > .DraftEditor-root [class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=search-] [class^=searchBar-] > [class^=icon-] { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > .DraftEditor-root [class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="search_"] [class^="searchBar_"] > [class^="icon_"] { margin-top: 0 !important; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-] { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] [class^="iconWrapper_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] [class^="iconWrapper_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] [class^="iconWrapper_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] [class^="iconWrapper_"] { width: 24px !important; height: 24px !important; margin: 0; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-] > svg, -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-] > svg, -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-] > svg, -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] [class^=iconWrapper-] > svg { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] [class^="iconWrapper_"] > svg, +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] [class^="iconWrapper_"] > svg, +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] [class^="iconWrapper_"] > svg, +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] [class^="iconWrapper_"] > svg { margin: 0 !important; padding: 1px; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=icon-]:has(> [class^=text-md-normal-]), -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=icon-]:has(> [class^=text-md-normal-]), -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=icon-]:has(> [class^=text-md-normal-]), -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=toolbar-] > [class^=icon-]:has(> [class^=text-md-normal-]) { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="icon_"]:has(> [class^="text-md-normal_"]), +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="icon_"]:has(> [class^="text-md-normal_"]), +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="icon_"]:has(> [class^="text-md-normal_"]), +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="toolbar_"] > [class^="icon_"]:has(> [class^="text-md-normal_"]) { margin-left: 4px; margin-right: 0; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-] [class^=topic-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] [class^=topic-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] [class^=topic-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] [class^=topic-] { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] [class^="topic_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] [class^="topic_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] [class^="topic_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] [class^="topic_"] { margin-left: 4px; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-] [class^=titleWrapper-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] [class^=titleWrapper-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] [class^=titleWrapper-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] [class^=titleWrapper-] { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] [class^="titleWrapper_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] [class^="titleWrapper_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] [class^="titleWrapper_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] [class^="titleWrapper_"] { margin-right: 4px; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-], -[class^=chat-] > [class^=title-] > [class^=upperContainer-] [class^=divider-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-], -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] [class^=divider-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-], -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] [class^=divider-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-], -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] [class^=divider-] { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="children_"] > [class^="iconWrapper_"], +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] [class^="divider_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="children_"] > [class^="iconWrapper_"], +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] [class^="divider_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="children_"] > [class^="iconWrapper_"], +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] [class^="divider_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="children_"] > [class^="iconWrapper_"], +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] [class^="divider_"] { margin: 0 4px; } -[class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-] > svg, -[class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-] > svg, -[class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-] > svg, -[class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class^=children-] > [class^=iconWrapper-] > svg { +[class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class^="children_"] > [class^="iconWrapper_"] > svg, +[class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="children_"] > [class^="iconWrapper_"] > svg, +[class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class^="children_"] > [class^="iconWrapper_"] > svg, +[class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class^="children_"] > [class^="iconWrapper_"] > svg { padding: 2px; } -[class*=iconWrapper-] [class^=chat-] > [class^=title-] > [class^=upperContainer-] > [class*=search-], -[class*=iconWrapper-] [class^=chat-] > section[class*=container-] > [class^=upperContainer-] > [class*=search-], -[class*=iconWrapper-] [class^=base-] > [class^=content-] > [class^=container-] > section[class*=container-] > [class^=upperContainer-] > [class*=search-], -[class*=iconWrapper-] [class^=base-] > [class^=content-] > [class^=applicationStore-] section[class*=container-] > [class^=upperContainer-] > [class*=search-] { +[class*="iconWrapper_"] [class^="chat_"] > [class^="title_"] > [class^="upperContainer_"] > [class*="search_"], +[class*="iconWrapper_"] [class^="chat_"] > section[class*="container_"] > [class^="upperContainer_"] > [class*="search_"], +[class*="iconWrapper_"] [class^="base_"] > [class^="content_"] > [class^="container_"] > section[class*="container_"] > [class^="upperContainer_"] > [class*="search_"], +[class*="iconWrapper_"] [class^="base_"] > [class^="content_"] > [class^="applicationStore_"] section[class*="container_"] > [class^="upperContainer_"] > [class*="search_"] { margin: 0 !important; } -[class^="chatContent-"] +[class^="chatContent_"] > form [class^="channelTextArea"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] > div - > [class*="fontSize16Padding-"] { + > [class*="fontSize16Padding_"] { padding-top: 9px !important; padding-bottom: 9px !important; } -[class^="channelTextArea-"] [class^="inner-"] { +[class^="channelTextArea_"] [class^="inner_"] { padding-left: 0 !important; } -[class^="channelTextArea-"], -[class^="channelTextArea-"] [class^="inner-"], -[class^="channelTextArea-"] [class^="buttons-"], -[class^="channelTextArea-"] [class^="attachWrapper-"], -[class^="channelTextArea-"] [class^="attachButton-"], -[class^="channelTextArea-"] > [class^="scrollableContainer-"], -[class^="channelTextArea-"] [class^="inner-"] > [class^="textArea-"] { +[class^="channelTextArea_"], +[class^="channelTextArea_"] [class^="inner_"], +[class^="channelTextArea_"] [class^="buttons_"], +[class^="channelTextArea_"] [class^="attachWrapper_"], +[class^="channelTextArea_"] [class^="attachButton_"], +[class^="channelTextArea_"] > [class^="scrollableContainer_"], +[class^="channelTextArea_"] [class^="inner_"] > [class^="textArea_"] { min-height: 40px !important; } -[class^="channelTextArea-"] [class^="buttons-"], -[class^="channelTextArea-"] [class^="attachWrapper-"], -[class^="chatContent-"] +[class^="channelTextArea_"] [class^="buttons_"], +[class^="channelTextArea_"] [class^="attachWrapper_"], +[class^="chatContent_"] > form [class^="channelTextArea"] - > [class^="scrollableContainer-"] - > [class^="inner-"] - > [class^="textArea-"] { + > [class^="scrollableContainer_"] + > [class^="inner_"] + > [class^="textArea_"] { height: 40px; } -[class^="channelTextArea-"] [class^="attachWrapper-"] { +[class^="channelTextArea_"] [class^="attachWrapper_"] { min-width: 40px; } -[class^="channelTextArea-"] [class^="attachWrapper-"] [class^="attachButton-"] { +[class^="channelTextArea_"] [class^="attachWrapper_"] [class^="attachButton_"] { margin-left: 0; padding-top: 0; } -[class^="channelTextArea-"] [class^="attachButton-"] , -[class^="channelTextArea-"] [class^="attachButton-"] > [class^="icon-"] { +[class^="channelTextArea_"] [class^="attachButton_"] , +[class^="channelTextArea_"] [class^="attachButton_"] > [class^="icon_"] { padding: 5px 8px; } -[class^="channelTextArea-"] - [class^="buttons-"] - [class*="buttonContainer-"] - > button:not(:has(> [class*="innerButton-"])) { +[class^="channelTextArea_"] + [class^="buttons_"] + [class*="buttonContainer_"] + > button:not(:has(> [class*="innerButton_"])) { margin: 0; } -[class^="channelTextArea-"] [class^="buttons-"] > [class^="separator-"], -[class^="channelTextArea-"] - [class^="buttons-"] - > [class^="separator-"] - [class*="innerButton-"] { +[class^="channelTextArea_"] [class^="buttons_"] > [class^="separator_"], +[class^="channelTextArea_"] + [class^="buttons_"] + > [class^="separator_"] + [class*="innerButton_"] { margin-left: 4px; } -[class^="channelTextArea-"] - [class^="buttons-"] - > [class^="separator-"] - [class*="innerButton-"] { +[class^="channelTextArea_"] + [class^="buttons_"] + > [class^="separator_"] + [class*="innerButton_"] { margin-right: 0; } -[class*="menu-"] [class^="scroller-"] { +[class*="menu_"] [class^="scroller_"] { padding: 4px; } -[class*="menu-"] [class^="scroller-"]::-webkit-scrollbar { +[class*="menu_"] [class^="scroller_"]::-webkit-scrollbar { width: 4px; } -[class*="menu-"] [class^="scroller-"] [class^="item-"] { +[class*="menu_"] [class^="scroller_"] [class^="item_"] { margin: 1px 0; padding: 0 4px; min-height: 24px; } -[class*="menu-"] - [class^="scroller-"] - [class^="customItem-"][id^="message-quickreact-"] - > [class^="button-"] { +[class*="menu_"] + [class^="scroller_"] + [class^="customItem_"][id^="message-quickreact-"] + > [class^="button_"] { width: 24px; height: 24px; } -[class*="menu-"] - [class^="scroller-"] - [class^="wrapper-"]:has( - > [class^="customItem-"][id^="message-quickreact-"] +[class*="menu_"] + [class^="scroller_"] + [class^="wrapper_"]:has( + > [class^="customItem_"][id^="message-quickreact-"] ) { padding: 0; margin-bottom: 4px; } -[class*="menu-"] - [class^="scroller-"] - [class^="item-"] - > [class^="labelContainer-"], -[class*="menu-"] - [class^="scroller-"] - [class^="item-"] - > [class^="sliderContainer-"] { +[class*="menu_"] + [class^="scroller_"] + [class^="item_"] + > [class^="labelContainer_"], +[class*="menu_"] + [class^="scroller_"] + [class^="item_"] + > [class^="sliderContainer_"] { padding: 0; } -[class*="menu-"] - [class^="scroller-"] - [class^="item-"] - > [class^="labelContainer-"] { +[class*="menu_"] + [class^="scroller_"] + [class^="item_"] + > [class^="labelContainer_"] { min-height: 24px; } -[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class^="channel-"] [class*="layout-"] { +[class^="sidebar_"] > [class^="privateChannels_"] ul[class^="content_"] > [class^="channel_"] [class*="layout_"] { height: 36px; padding: 0 4px; } -[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class^="channel-"] [class*="layout-"] > [class^="avatar-"], -[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class^="channel-"] [class*="layout-"] > [class^="avatar-"] > [class^="wrapper-"] { +[class^="sidebar_"] > [class^="privateChannels_"] ul[class^="content_"] > [class^="channel_"] [class*="layout_"] > [class^="avatar_"], +[class^="sidebar_"] > [class^="privateChannels_"] ul[class^="content_"] > [class^="channel_"] [class*="layout_"] > [class^="avatar_"] > [class^="wrapper_"] { height: 24px !important; width: 24px !important; } -[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class^="channel-"] [class*="layout-"] > [class^="avatar-"] > [class^="wrapper-"] > svg[viewbox="0 0 40 40"] { +[class^="sidebar_"] > [class^="privateChannels_"] ul[class^="content_"] > [class^="channel_"] [class*="layout_"] > [class^="avatar_"] > [class^="wrapper_"] > svg[viewbox="0 0 40 40"] { height: 32px !important; width: 32px !important; } -[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class^="channel-"] [class*="layout-"] > [class^="avatar-"] > [class^="wrapper-"] > svg[viewbox="0 0 32 32"] { +[class^="sidebar_"] > [class^="privateChannels_"] ul[class^="content_"] > [class^="channel_"] [class*="layout_"] > [class^="avatar_"] > [class^="wrapper_"] > svg[viewbox="0 0 32 32"] { height: 24px !important; width: 24px !important; } -[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class^="channel-"] [class*="layout-"] > [class^="avatar-"] { +[class^="sidebar_"] > [class^="privateChannels_"] ul[class^="content_"] > [class^="channel_"] [class*="layout_"] > [class^="avatar_"] { margin-right: 8px; } -[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class^="channel-"] [class*="layout-"] > [class^="avatar-"] - > [class^="wrapper-"] - > [class^="avatarDecoration-"] { +[class^="sidebar_"] > [class^="privateChannels_"] ul[class^="content_"] > [class^="channel_"] [class*="layout_"] > [class^="avatar_"] + > [class^="wrapper_"] + > [class^="avatarDecoration_"] { top: calc((.4 - var(--decoration-to-avatar-ratio)/2)*32px); left: calc((.475 - var(--decoration-to-avatar-ratio)/2)*32px); width: calc(32px * var(--decoration-to-avatar-ratio)); @@ -5915,70 +5924,70 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) } -[class^="sidebar-"] > [class^="privateChannels-"] ul[class^="content-"] > [class*="privateChannelsHeaderContainer-"] { +[class^="sidebar_"] > [class^="privateChannels_"] ul[class^="content_"] > [class*="privateChannelsHeaderContainer_"] { padding: 9px 4px 2px 9px; height: 24px; } -[class^="sidebar-"] > [class^="privateChannels-"] > [class^="searchBar-"] { +[class^="sidebar_"] > [class^="privateChannels_"] > [class^="searchBar_"] { height: 32px; }`, } @var select xmc_collapsing_sidebar 'Collapsing Sidebar' { 'Off*': "", - 'On': `div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { + 'On': `div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { width: unset; z-index: 9; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) { width: 56px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { width: 240px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] > *:not(:last-child), -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child - > [class^="avatarWrapper-"] - > [class^="nameTag-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child + > [class^="avatarWrapper_"] + > [class^="nameTag_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child > div:last-child { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 224px; position: relative; bottom: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 40px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) +div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav - > [class^="scroller-"] { + > [class^="scroller_"] { margin-top: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="privateChannels-"] - > [class^="searchBar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="privateChannels_"] + > [class^="searchBar_"] { position: fixed; top: 0; width: 240px; @@ -5987,25 +5996,25 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) padding: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 48px; width: 240px; @@ -6019,201 +6028,201 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) ); } -[class^="animatedBannerHoverLayer-"] { +[class^="animatedBannerHoverLayer_"] { top: -48px !important; height: 48px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - [class^="bannerImg-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + [class^="bannerImg_"] { top: -67px; position: relative; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="scroller_"] > ul > div[style="height: 84px;"] { height: 0 !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="chatContent-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="chatContent_"] > form > [class^="channelTextArea"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + ~ [class^="chat_"] + [class^="title_"] { margin-left: 184px; width: calc(100% - 184px); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="title_"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="channelInfo-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"][class*="selected-"] - [class^="iconVisibility-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="modeSelected-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="iconVisibility-"]:not([class*="typeThread-"]) - [class^="linkTop-"] - > [class^="name-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - > [class^="iconVisibility-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class^="icons-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class*="username-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="channelInfo_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"][class*="selected_"] + [class^="iconVisibility_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="modeSelected_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="iconVisibility_"]:not([class*="typeThread_"]) + [class^="linkTop_"] + > [class^="name_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + > [class^="iconVisibility_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class^="icons_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class*="username_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="typeThread-"] - [class^="linkTop-"] - > [class^="name-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="typeThread_"] + [class^="linkTop_"] + > [class^="name_"] { margin-left: 20px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] { height: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] > * { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] > * { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator, -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="devBanner-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) .channel-typing-indicator, +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) [class^="devBanner_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="scroller_"] > ul - > [class*="containerWithMargin-"] { + > [class*="containerWithMargin_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] { width: 32px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] > svg { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class*="unreadBar-"] > span, -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] - > [class*="barText-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class*="unreadBar_"] > span, +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] + > [class*="barText_"] { overflow: hidden; white-space: nowrap; text-overflow: clip; margin-left: 8px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="voiceChannelsButton-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="voiceChannelsButton_"] { display: none; } `, - 'Compact-er Support': `div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { + 'Compact-er Support': `div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { width: unset; z-index: 9; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) { width: 56px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { width: 240px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] > *:not(:last-child), -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child - > [class^="avatarWrapper-"] - > [class^="nameTag-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child + > [class^="avatarWrapper_"] + > [class^="nameTag_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child > div:last-child { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 224px; position: relative; bottom: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] { padding-top: 32px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="privateChannels-"] - > [class^="searchBar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="privateChannels_"] + > [class^="searchBar_"] { position: fixed; top: 0; width: 240px; @@ -6222,25 +6231,25 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) padding: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 32px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 32px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 32px; width: 240px; @@ -6254,197 +6263,197 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) ); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - [class^="bannerImg-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + [class^="bannerImg_"] { top: -67px; position: relative; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="scroller_"] > ul > div[style="height: 84px;"] { height: 0 !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="chatContent-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="chatContent_"] > form > [class^="channelTextArea"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + ~ [class^="chat_"] + [class^="title_"] { margin-left: 184px; width: calc(100% - 184px); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="title_"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="channelInfo-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"][class*="selected-"] - [class^="iconVisibility-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="modeSelected-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="iconVisibility-"]:not([class*="typeThread-"]) - [class^="linkTop-"] - > [class^="name-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - > [class^="iconVisibility-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class^="icons-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class*="username-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="channelInfo_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"][class*="selected_"] + [class^="iconVisibility_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="modeSelected_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="iconVisibility_"]:not([class*="typeThread_"]) + [class^="linkTop_"] + > [class^="name_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + > [class^="iconVisibility_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class^="icons_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class*="username_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="typeThread-"] - [class^="linkTop-"] - > [class^="name-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="typeThread_"] + [class^="linkTop_"] + > [class^="name_"] { margin-left: 20px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] { height: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] > * { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] > * { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator, -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="devBanner-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) .channel-typing-indicator, +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) [class^="devBanner_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="scroller_"] > ul - > [class*="containerWithMargin-"] { + > [class*="containerWithMargin_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] { width: 32px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] > svg { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class*="unreadBar-"] > span, -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] - > [class*="barText-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class*="unreadBar_"] > span, +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] + > [class*="barText_"] { overflow: hidden; white-space: nowrap; text-overflow: clip; margin-left: 8px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="voiceChannelsButton-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="voiceChannelsButton_"] { display: none; } `, 'Dynamic': `@media (width < 1300px) { -div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { width: unset; z-index: 9; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) { width: 56px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { width: 240px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] > *:not(:last-child), -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child - > [class^="avatarWrapper-"] - > [class^="nameTag-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child + > [class^="avatarWrapper_"] + > [class^="nameTag_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child > div:last-child { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 224px; position: relative; bottom: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 40px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) +div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { margin-top: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="privateChannels-"] - > [class^="searchBar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="privateChannels_"] + > [class^="searchBar_"] { position: fixed; top: 0; width: 240px; @@ -6453,25 +6462,25 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) padding: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 48px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 48px; width: 240px; @@ -6485,197 +6494,197 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) ); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - [class^="bannerImg-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + [class^="bannerImg_"] { top: -67px; position: relative; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="scroller_"] > ul > div[style="height: 84px;"] { height: 0 !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="chatContent-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="chatContent_"] > form > [class^="channelTextArea"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + ~ [class^="chat_"] + [class^="title_"] { margin-left: 184px; width: calc(100% - 184px); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="title_"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="channelInfo-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"][class*="selected-"] - [class^="iconVisibility-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="modeSelected-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="iconVisibility-"]:not([class*="typeThread-"]) - [class^="linkTop-"] - > [class^="name-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - > [class^="iconVisibility-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class^="icons-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class*="username-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="channelInfo_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"][class*="selected_"] + [class^="iconVisibility_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="modeSelected_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="iconVisibility_"]:not([class*="typeThread_"]) + [class^="linkTop_"] + > [class^="name_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + > [class^="iconVisibility_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class^="icons_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class*="username_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="typeThread-"] - [class^="linkTop-"] - > [class^="name-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="typeThread_"] + [class^="linkTop_"] + > [class^="name_"] { margin-left: 20px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] { height: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] > * { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] > * { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator, -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="devBanner-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) .channel-typing-indicator, +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) [class^="devBanner_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="scroller_"] > ul - > [class*="containerWithMargin-"] { + > [class*="containerWithMargin_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] { width: 32px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] > svg { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class*="unreadBar-"] > span, -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] - > [class*="barText-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class*="unreadBar_"] > span, +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] + > [class*="barText_"] { overflow: hidden; white-space: nowrap; text-overflow: clip; margin-left: 8px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="voiceChannelsButton-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="voiceChannelsButton_"] { display: none; } }`, 'Dynamic + Compact-er Support': `@media (width < 1300px) { -div[class^="sidebar-"]:not(:has(> [class^="side-"])) > nav { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { width: unset; z-index: 9; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) { width: 56px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover { width: 240px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] > *:not(:last-child), -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child - > [class^="avatarWrapper-"] - > [class^="nameTag-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child + > [class^="avatarWrapper_"] + > [class^="nameTag_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child > div:last-child { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 224px; position: relative; bottom: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="panels-"] - > [class^="container-"]:last-child { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="panels_"] + > [class^="container_"]:last-child { width: 40px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) +div[class^="sidebar_"]:not(:has(> [class^="side_"])) > nav { margin-top: 32px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="privateChannels-"] - > [class^="searchBar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="privateChannels_"] + > [class^="searchBar_"] { position: fixed; top: 0; width: 240px; @@ -6684,25 +6693,25 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) padding: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] { height: 32px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"] { height: 32px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - > [class^="bannerImage-"]:after { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + > [class^="bannerImage_"]:after { content: ""; height: 32px !important; width: 240px; @@ -6716,142 +6725,142 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])) ); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="container-"][class*="clickable-"] - > [class^="animatedContainer-"] - [class^="bannerImg-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="container_"][class*="clickable_"] + > [class^="animatedContainer_"] + [class^="bannerImg_"] { top: -67px; position: relative; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])) + > nav[class^="container_"] + > [class^="scroller_"] > ul > div[style="height: 84px;"] { height: 0 !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="chatContent-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="chatContent_"] > form > [class^="channelTextArea"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + ~ [class^="chat_"] + [class^="title_"] { margin-left: 184px; width: calc(100% - 184px); } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):hover - ~ [class^="chat-"] - [class^="title-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):hover + ~ [class^="chat_"] + [class^="title_"] { margin-left: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="channelInfo-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"][class*="selected-"] - [class^="iconVisibility-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="modeSelected-"] - [class^="linkTop-"] - > [class^="children-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="iconVisibility-"]:not([class*="typeThread-"]) - [class^="linkTop-"] - > [class^="name-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - > [class^="iconVisibility-"][class*="clickable-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class^="icons-"], -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="voiceUser-"] - [class^="linkTop-"] - > [class*="username-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="channelInfo_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"][class*="selected_"] + [class^="iconVisibility_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="modeSelected_"] + [class^="linkTop_"] + > [class^="children_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="iconVisibility_"]:not([class*="typeThread_"]) + [class^="linkTop_"] + > [class^="name_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + > [class^="iconVisibility_"][class*="clickable_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class^="icons_"], +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="voiceUser_"] + [class^="linkTop_"] + > [class*="username_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="containerDefault-"] - [class^="iconVisibility-"][class*="typeThread-"] - [class^="linkTop-"] - > [class^="name-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="containerDefault_"] + [class^="iconVisibility_"][class*="typeThread_"] + [class^="linkTop_"] + > [class^="name_"] { margin-left: 20px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] { height: 0; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > [class^="privateChannels-"] - ul[class^="content-"] - > [class*="privateChannelsHeaderContainer-"] > * { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > [class^="privateChannels_"] + ul[class^="content_"] + > [class*="privateChannelsHeaderContainer_"] > * { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) .channel-typing-indicator, -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) [class^="devBanner-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) .channel-typing-indicator, +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) [class^="devBanner_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="scroller-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="scroller_"] > ul - > [class*="containerWithMargin-"] { + > [class*="containerWithMargin_"] { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] { width: 32px !important; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] > svg { display: none; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class*="unreadBar-"] > span, -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - > nav[class^="container-"] - > [class^="container-"][class*="bottom-"] - > [class^="containerPadding-"] - > [class^="bar-"] - > [class*="barText-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class*="unreadBar_"] > span, +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + > nav[class^="container_"] + > [class^="container_"][class*="bottom_"] + > [class^="containerPadding_"] + > [class^="bar_"] + > [class*="barText_"] { overflow: hidden; white-space: nowrap; text-overflow: clip; margin-left: 8px; } -div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) - [class^="voiceChannelsButton-"] { +div[class^="sidebar_"]:not(:has(> [class^="side_"])):not(:hover) + [class^="voiceChannelsButton_"] { display: none; } }`, @@ -6859,7 +6868,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) @var select xmc_pip 'Disable Picture-in-picture' { 'Off*': "", - 'On': `[class*="pictureInPicture-"] { + 'On': `[class*="pictureInPicture_"] { display: none; }` } @@ -6867,49 +6876,49 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) @var select xmc_help_button 'Disable Help Button' { 'Off': "", 'On*': `a[href="https://support.discord.com"], -[class^="toolbar-"] > div:not([class]) > [class^="iconWrapper-"][aria-expanded] { +[class^="toolbar_"] > div:not([class]) > [class^="iconWrapper_"][aria-expanded] { display: none; }` } @var select xmc_unmirror 'Unmirror Own Camera' { 'Off': "", - 'On*': `[class*="mirror-"] { + 'On*': `[class*="mirror_"] { transform: none !important; }` } @var select xmc_wide_settings 'Full-width Settings' { 'Off': "", - 'On*': `[class*="standardSidebarView-"] - [class*="contentColumn-"]:not([class*="contentColumnWide-"]) { + 'On*': `[class*="standardSidebarView_"] + [class*="contentColumn_"]:not([class*="contentColumnWide_"]) { max-width: 100%; } -[class*="standardSidebarView-"] [class*="sidebarRegion-"] { +[class*="standardSidebarView_"] [class*="sidebarRegion_"] { flex: 0; } -[class^="accountProfileCard-"] { +[class^="accountProfileCard_"] { max-width: 660px; }`, } @var select xmc_hide_nowplaying 'Hide Friends Activity Sidebar' { 'Off': "", - 'On*': `[class^="nowPlayingColumn-"] { + 'On*': `[class^="nowPlayingColumn_"] { display: none; }`, } @var select xmc_voice_rings 'Outset Voice Rings' { 'Off': "", - 'On*': `[class*="avatarSpeaking-"], -[class^="avatar-"][class*="speaking-"] { + '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-"] { +[class^="voiceUsers_"] [class^="avatarContainer_"] { overflow: visible; }`, } @@ -6984,59 +6993,59 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) /* 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 { + [class^="container_"] > [class^="slider_"] > svg { display: none; } - [class*="unreadBar-"] { + [class*="unreadBar_"] { margin: 4px; border-radius: 4px !important; } - [class^="modalTextContainer-"] { + [class^="modalTextContainer_"] { overflow: scroll !important; } - [class^="content-"] > [class^="sidebar-"] { + [class^="content_"] > [class^="sidebar_"] { border-radius: 0; } - .platform-osx [class*="guilds-"] > ul > [class^="scroller-"] { + .platform-osx [class*="guilds_"] > ul > [class^="scroller_"] { padding-top: 4px; } - [class^="slider-"] { + [class^="slider_"] { padding-top: 0 !important; } .platform-win - nav[class*="guilds-"] - > ul[class^="tree-"] - > [class^="scroller-"] { + nav[class*="guilds_"] + > ul[class^="tree_"] + > [class^="scroller_"] { padding-top: 12px !important; } - [class*="timestampVisibleOnHover-"] { + [class*="timestampVisibleOnHover_"] { opacity: 1 !important; } - [class^="message-"][class*="compact-"] { + [class^="message_"][class*="compact_"] { padding-top: 0 !important; padding-bottom: 0 !important; } - [class*="progressBarHeader-"] > [class^="container-"], - [class^="control-"] > [class^="container-"] { + [class*="progressBarHeader_"] > [class^="container_"], + [class^="control_"] > [class^="container_"] { transition: background-color 0.75s linear; } - [class*="barBase-"] { + [class*="barBase_"] { padding-bottom: 0 !important; border-radius: 8px; margin: 0 4px; } - [class^="markdown-"] code { + [class^="markdown_"] code { border-radius: 5%; } .hljs { @@ -7046,229 +7055,229 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) } [id^="message-username-"] - [class^="badge-"]:has(> [class^="badgeVerifiedIcon-"]) { + [class^="badge_"]:has(> [class^="badgeVerifiedIcon_"]) { display: none; } /* remove "dead space"/padding from vc users */ - [class*="containerDefault-"] [class*="listDefault-"] { + [class*="containerDefault_"] [class*="listDefault_"] { padding-left: 8px !important; } - [class*="containerDefault-"] - [class*="listDefault-"] - [class^="avatarContainer-"] { + [class*="containerDefault_"] + [class*="listDefault_"] + [class^="avatarContainer_"] { margin-left: 6px !important; } - [class*="containerDefault-"] [class*="listDefault-"] > [class^="clickable-"] { + [class*="containerDefault_"] [class*="listDefault_"] > [class^="clickable_"] { padding-left: 0 !important; } - [class*="containerDefault-"] - [class*="listDefault-"] - > [class^="clickable-"] - > [class^="content-"] { + [class*="containerDefault_"] + [class*="listDefault_"] + > [class^="clickable_"] + > [class^="content_"] { margin-left: 0 !important; } - [class*="containerDefault-"] [class*="listDefault-"] > [class^="separator-"] { + [class*="containerDefault_"] [class*="listDefault_"] > [class^="separator_"] { width: 100% !important; margin: 3px !important; } /* Change Nickname Modal */ - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"]:not([class*="carouselModal-"]) { + [class^="focusLock_"][aria-modal="true"] + > [class*="root_"]:not([class*="carouselModal_"]) { background-color: var(--background-primary); } - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] + [class^="focusLock_"][aria-modal="true"] + > [class*="root_"] > form - > [class^="flex-"]:nth-child(3), - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="flex-"]:nth-child(3) { + > [class^="flex_"]:nth-child(3), + [class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="flex_"]:nth-child(3) { background: var(--background-secondary); } /* Delete Modal */ - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="content-"] - > [class^="message-"] { + [class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="content_"] + > [class^="message_"] { background-color: var(--background-primary); } /* dropdown menus */ - [class^="css-"][class$="-menu"] { + [class^="css_"][class$="-menu"] { z-index: 9999; background-color: var(--background-secondary); border-color: var(--background-primary); } /* listen along */ - [id^="popout_"] [class^="userList-"] { + [id^="popout_"] [class^="userList_"] { border-color: var(--background-primary) !important; } - [id^="popout_"] [class^="userList-"] [class^="header-"] { + [id^="popout_"] [class^="userList_"] [class^="header_"] { background-color: var(--background-secondary) !important; color: var(--header-primary) !important; } - [id^="popout_"] [class^="userList-"] [class^="content-"] { + [id^="popout_"] [class^="userList_"] [class^="content_"] { background-color: var(--background-primary) !important; } - [class*="moreUsers-"] { + [class*="moreUsers_"] { background-color: var(--background-tertiary) !important; } /* autocomplete */ - [class^="autocomplete-"] { + [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-"] { + [class^="autocomplete_"] [class*="selectorSelected_"], + [class^="autocomplete_"] [class*="autocompleteRow_"] [class*="selected_"] { background-color: var(--background-secondary) !important; } - [class^="autocomplete-"] [class*="categoryHeader-"] { + [class^="autocomplete_"] [class*="categoryHeader_"] { background-color: var(--background-floating) !important; } /* misc color fixes */ - [class^="peopleColumn-"] { + [class^="peopleColumn_"] { background: var(--background-primary); } - [class^="itemCard-"] [class*="inset-"] { + [class^="itemCard_"] [class*="inset_"] { background-color: var(--background-primary) !important; } - [class*="outer-"][class*="interactive-"]:hover { + [class*="outer_"][class*="interactive_"]:hover { background-color: var(--background-modifier-hover) !important; } - [class^="base-"] > [class^="content-"] > [class^="container-"] { + [class^="base_"] > [class^="content_"] > [class^="container_"] { background: var(--background-primary); } - [class*="modal-"][class*="root-"] { + [class*="modal_"][class*="root_"] { background-color: var(--background-primary); box-shadow: var(--deprecated-card-bg) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 2px 10px 0px; } - [class^="perksModal-"] { + [class^="perksModal_"] { background-color: var(--background-primary) !important; } - [class^="directoryModal-"] { + [class^="directoryModal_"] { background-color: var(--background-primary) !important; } - [class^="layerContainer-"] > [class^="layer-"] > [class^="container-"] { + [class^="layerContainer_"] > [class^="layer_"] > [class^="container_"] { background: var(--background-floating); } - [class^="layerContainer-"] - > [class^="layer-"] - > [class^="container-"] - [class^="option-"]:after { + [class^="layerContainer_"] + > [class^="layer_"] + > [class^="container_"] + [class^="option_"]:after { background: transparent; } - [class^="layerContainer-"] - > [class^="layer-"] - > [class^="container-"] - [class^="option-"][class*="selected-"] { + [class^="layerContainer_"] + > [class^="layer_"] + > [class^="container_"] + [class^="option_"][class*="selected_"] { background: var(--background-modifier-hover); } - [class^="chat-"][class*="background-"], - [class^="title-"][class*="background-"], - [class^="chat-"] > [class^="content-"] > [class^="container-"] { + [class^="chat_"][class*="background_"], + [class^="title_"][class*="background_"], + [class^="chat_"] > [class^="content_"] > [class^="container_"] { background-color: var(--background-tertiary) !important; } - [class*="headerBarInner-"]:after { + [class*="headerBarInner_"]:after { background: transparent !important; } - [class^="streamPreview-"] { + [class^="streamPreview_"] { background-color: var(--background-secondary) !important; } - [class^="streamPreview-"] > [class^="previewContainer-"] { + [class^="streamPreview_"] > [class^="previewContainer_"] { background-color: var(--background-primary) !important; } - [class*="messageContent-"].deleted-message { + [class*="messageContent_"].deleted-message { color: var(--status-red-500) !important; } - [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-"] { + [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^="layerContainer-"] - [class^="layer-"] - [class^="focusLock-"] - [class^="container-"] - [class*="footer-"] { + [class^="layerContainer_"] + [class^="layer_"] + [class^="focusLock_"] + [class^="container_"] + [class*="footer_"] { box-shadow: none; } - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - > [class^="scroller-"] { + [class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="scroller_"] { background: var(--background-secondary); } - [class^="focusLock-"][aria-modal="true"] - > [class*="root-"] - [class^="reactors-"] { + [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-"] { + [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 { + [class^="focusLock_"][aria-modal="true"] + > [class*="root_"] + > [class^="scroller_"] + > [class^="reactionDefault_"]:hover { background-color: var(--background-modifier-hover); } - [class^="contentWarningPopout-"] { + [class^="contentWarningPopout_"] { background: var(--background-primary) !important; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3) !important; } - [class^="customColorPicker-"] { + [class^="customColorPicker_"] { background: var(--background-primary) !important; } @@ -7299,14 +7308,14 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) }*/ /* font fixes */ - [class^="markdown-"] [class^="codeInline-"], - [class^="codeLine-"], - [class^="codeBlockText-"], - [class^="durationTimeDisplay-"], - [class^="durationTimeSeparator-"], - [class*="after_inlineCode-"], - [class*="before_inlineCode-"], - [class^="inlineCode-"], + [class^="markdown_"] [class^="codeInline_"], + [class^="codeLine_"], + [class^="codeBlockText_"], + [class^="durationTimeDisplay_"], + [class^="durationTimeSeparator_"], + [class*="after_inlineCode_"], + [class*="before_inlineCode_"], + [class^="inlineCode_"], code.inline, code, .hljs { @@ -7325,7 +7334,7 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) } /* unbreak resizing webms :^) */ - /*[class^="mediaAttachmentsContainer-"] [class^="imageWrapper-"] { + /*[class^="mediaAttachmentsContainer_"] [class^="imageWrapper_"] { min-width: 10px; min-height: 10px; max-width: unset; @@ -7335,11 +7344,11 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) object-fit: none !important; aspect-ratio: unset !important; } - [class^="mediaAttachmentsContainer-"] [class^="messageAttachment-"] { + [class^="mediaAttachmentsContainer_"] [class^="messageAttachment_"] { height: unset; } - [class^="mediaAttachmentsContainer-"] [class^="oneByOneGrid-"], - [class^="mediaAttachmentsContainer-"] [class^="oneByTwoGrid-"] { + [class^="mediaAttachmentsContainer_"] [class^="oneByOneGrid_"], + [class^="mediaAttachmentsContainer_"] [class^="oneByTwoGrid_"] { max-height: unset !important; }*/ @@ -7396,11 +7405,11 @@ div[class^="sidebar-"]:not(:has(> [class^="side-"])):not(:hover) --xmc-custom-highlight: /*[[xmc_custom_highlight]]*/ ; --xmc-custom-highlight-rgb: /*[[xmc_custom_highlight_rgb]]*/ ; - --xmc-custom-status-online: /*[[xmc_custom_status_online]]*/ ; - --xmc-custom-status-idle: /*[[xmc_custom_status_idle]]*/ ; - --xmc-custom-status-dnd: /*[[xmc_custom_status_dnd]]*/ ; - --xmc-custom-status-offline: /*[[xmc_custom_status_offline]]*/ ; - --xmc-custom-status-streaming: /*[[xmc_custom_status_streaming]]*/ ; + --xmc-custom-status-online: /*[[xmc_custom_status_online]]*/ !important; + --xmc-custom-status-idle: /*[[xmc_custom_status_idle]]*/ !important; + --xmc-custom-status-dnd: /*[[xmc_custom_status_dnd]]*/ !important; + --xmc-custom-status-offline: /*[[xmc_custom_status_offline]]*/ !important; + --xmc-custom-status-streaming: /*[[xmc_custom_status_streaming]]*/ !important; --xmc-custom-hover: /*[[xmc_custom_hover]]*/ ; --xmc-custom-active: /*[[xmc_custom_active]]*/ ;