3632 lines
91 KiB
CSS
3632 lines
91 KiB
CSS
|
|
/* ==========================================================================
|
|
1. Theme Variables
|
|
========================================================================== */
|
|
|
|
:root {
|
|
/* -- Theme Accent Colors (Mapped to Pywal) -- */
|
|
--main-color: var(--color1); /* Main accent color */
|
|
--hover-color: var(--color3); /* Hover accent color */
|
|
--success-color: #43b581; /* Keeping static for clarity */
|
|
--danger-color: #982929; /* Keeping static for clarity */
|
|
--warning-color: #fff;
|
|
--info-color: #fff;
|
|
|
|
/* -- STATUS COLORS -- */
|
|
--online-color: #43b581;
|
|
--idle-color: #faa61a;
|
|
--dnd-color: #982929;
|
|
--streaming-color: #593695;
|
|
--offline-color: #808080;
|
|
|
|
/* -- APP BACKGROUND -- */
|
|
--background-shading-percent: 200%;
|
|
--background-image: var(--wallpaper);
|
|
--background-position: center;
|
|
--background-size: cover;
|
|
--background-attachment: fixed;
|
|
--background-filter: saturate(calc(var(--saturation-factor, 1) * 1));
|
|
|
|
/* -- USER POPOUT & MODAL BACKGROUND -- */
|
|
--user-popout-image: var(--background-image);
|
|
--user-popout-position: var(--background-position);
|
|
--user-popout-size: var(--background-size);
|
|
--user-popout-attachment: var(--background-attachment);
|
|
--user-popout-filter: var(--background-filter);
|
|
--user-modal-image: var(--background-image);
|
|
--user-modal-position: var(--background-position);
|
|
--user-modal-size: var(--background-size);
|
|
--user-modal-attachment: var(--background-attachment);
|
|
--user-modal-filter: var(--background-filter);
|
|
|
|
/* -- HOME ICON -- */
|
|
--home-icon: url(https://clearvision.github.io/icons/discord.svg);
|
|
--home-size: cover;
|
|
|
|
/* -- FONTS -- */
|
|
--main-font: "gg sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
--code-font: Consolas, "gg mono", "Liberation Mono", Menlo, Courier, monospace;
|
|
|
|
/* -- CHANNEL & TEXT COLORS (Mapped to Pywal) -- */
|
|
--channel-normal: var(--color7);
|
|
--channel-muted: var(--color8);
|
|
--channel-hover: var(--color15);
|
|
--channel-selected: var(--color0);
|
|
--channel-selected-bg: var(--main-color);
|
|
--channel-unread: var(--main-color);
|
|
--channel-unread-hover: var(--hover-color);
|
|
|
|
/* -- ACCESSIBILITY -- */
|
|
--focus-color: var(--main-color);
|
|
|
|
/* -- DISCORD OVERRIDES -- */
|
|
--brand-experiment: var(--main-color) !important;
|
|
--brand-experiment-560: var(--main-color) !important;
|
|
--brand-experiment-600: var(--main-color) !important;
|
|
--text-normal: var(--color15) !important;
|
|
--text-muted: var(--color7) !important;
|
|
--interactive-normal: var(--color7) !important;
|
|
--interactive-hover: var(--color15) !important;
|
|
--interactive-active: var(--color1) !important; /* Black text for active elements */
|
|
--background-modifier-accent: rgba(255, 255, 255, 0.06) !important;
|
|
--scrollbar-auto-thumb: var(--main-color) !important;
|
|
--scrollbar-auto-track: transparent !important;
|
|
}
|
|
|
|
/* ==========================================================================
|
|
2. Theme Specific Shading
|
|
========================================================================== */
|
|
|
|
:is(.theme-dark, .theme-light .theme-dark, .theme-darker, .theme-midnight) {
|
|
--background-shading: rgba(0, 0, 0, 0.4);
|
|
--card-shading: rgba(0, 0, 0, 0.2);
|
|
--popout-shading: rgba(0, 0, 0, 0.6);
|
|
--modal-shading: rgba(0, 0, 0, 0.4);
|
|
--input-shading: rgba(255, 255, 255, 0.05);
|
|
--normal-text: var(--color15);
|
|
--muted-text: var(--color7);
|
|
}
|
|
|
|
|
|
/* ==========================================================================
|
|
3. Base Variables & HSL Conversions
|
|
========================================================================== */
|
|
|
|
:is(.theme-light, .theme-dark, .theme-darker, .theme-midnight) {
|
|
--text-default: hsl(from var(--normal-text) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--text-muted: hsl(from var(--muted-text) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--text-link: var(--hsl-main-color);
|
|
--text-brand: var(--hsl-main-color);
|
|
--text-feedback-positive: var(--hsl-success-color);
|
|
--text-danger: var(--hsl-danger-color);
|
|
--hsl-background-shading: hsl(from var(--background-shading) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-card-shading: hsl(from var(--card-shading) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-popout-shading: hsl(from var(--popout-shading) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-modal-shading: hsl(from var(--modal-shading) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-input-shading: hsl(from var(--input-shading) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-input-border-shading: hsl(from var(--hsl-input-shading) h s l / 0.1);
|
|
}
|
|
|
|
:root {
|
|
--hsl-main-color: hsl(from var(--main-color) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-hover-color: hsl(from var(--hover-color) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-success-color: hsl(from var(--success-color) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-warning-color: hsl(from var(--warning-color) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-danger-color: hsl(from var(--danger-color) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-info-color: hsl(from var(--info-color) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-online-color: hsl(from var(--online-color) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-idle-color: hsl(from var(--idle-color) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-dnd-color: hsl(from var(--dnd-color) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-streaming-color: hsl(from var(--streaming-color) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-offline-color: hsl(from var(--offline-color) h calc(var(--saturation-factor, 1) * s) l / alpha);
|
|
--hsl-channel-normal: var(--channel-normal);
|
|
--hsl-channel-muted: var(--channel-muted);
|
|
--hsl-channel-hover: var(--channel-hover);
|
|
--hsl-channel-selected: var(--channel-selected);
|
|
--hsl-channel-selected-bg: var(--channel-selected-bg);
|
|
--hsl-channel-unread: var(--channel-unread);
|
|
--hsl-channel-unread-hover: var(--channel-unread-hover);
|
|
--font-primary: var(--main-font);
|
|
--font-display: var(--main-font);
|
|
--font-code: var(--code-font);
|
|
--focus-primary: var(--focus-color);
|
|
}
|
|
|
|
|
|
/* ==========================================================================
|
|
4. Animations & Core Styles
|
|
========================================================================== */
|
|
|
|
@keyframes cv-channel-select {
|
|
from {
|
|
right: 100%;
|
|
}
|
|
to {
|
|
right: 0;
|
|
}
|
|
}
|
|
@keyframes cv-card-loading {
|
|
0% {
|
|
opacity: 0.66;
|
|
}
|
|
50% {
|
|
opacity: 0.33;
|
|
}
|
|
100% {
|
|
opacity: 0.66;
|
|
}
|
|
}
|
|
|
|
/* ==========================================================================
|
|
5. Component Styles
|
|
========================================================================== */
|
|
.info__2debe::after {
|
|
content: "Rion Zaphkiel" " " "1.2.1";
|
|
color: var(--text-muted);
|
|
font-size: 12px;
|
|
line-height: 1.3333333333;
|
|
font-weight: 400;
|
|
font-family: var(--font-primary);
|
|
}
|
|
.visual-refresh:not(.platform-osx) .leading_c38106::before {
|
|
position: static;
|
|
content: "Rion Zaphkiel";
|
|
margin-left: 10px;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
color: var(--text-default);
|
|
order: 2;
|
|
filter: drop-shadow(0 0 5px var(--hsl-main-color));
|
|
}
|
|
.visual-refresh:not(.platform-osx) .leading_c38106::after {
|
|
content: "1.2.1";
|
|
position: static;
|
|
margin-top: -5px;
|
|
margin-left: 5px;
|
|
font-family: var(--code-font);
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
color: var(--text-muted);
|
|
order: 3;
|
|
}
|
|
.button__201d5 {
|
|
border-radius: 4px;
|
|
}
|
|
.lookFilled__201d5:is(.colorBrand__201d5, .colorPrimary__201d5) {
|
|
background-color: var(--hsl-main-color);
|
|
border: none;
|
|
color: #000000; /* Black text on main color buttons */
|
|
}
|
|
.lookFilled__201d5:is(.colorBrand__201d5, .colorPrimary__201d5):hover {
|
|
background-color: var(--hsl-hover-color);
|
|
}
|
|
.lookFilled__201d5:is(.colorBrand__201d5, .colorPrimary__201d5):disabled {
|
|
background-color: var(--hsl-main-color);
|
|
}
|
|
.lookFilled__201d5.colorGreen__201d5 {
|
|
background-color: var(--hsl-success-color);
|
|
border: none;
|
|
}
|
|
.lookFilled__201d5.colorGreen__201d5:hover {
|
|
background-color: hsl(from var(--hsl-success-color) h s l/0.8);
|
|
}
|
|
.lookFilled__201d5.colorGreen__201d5:disabled {
|
|
background-color: hsl(from var(--hsl-success-color) h s l/0.8);
|
|
}
|
|
.lookFilled__201d5.colorRed__201d5 {
|
|
background-color: var(--hsl-danger-color);
|
|
border: none;
|
|
}
|
|
.lookFilled__201d5.colorRed__201d5:hover {
|
|
background-color: hsl(from var(--hsl-danger-color) h s l/0.8);
|
|
}
|
|
.lookFilled__201d5.colorRed__201d5:disabled {
|
|
background-color: var(--hsl-danger-color);
|
|
}
|
|
.lookFilled__201d5:is(.colorWhite__201d5, .colorBrandInverted__201d5) {
|
|
color: var(--hsl-main-color);
|
|
border: none;
|
|
}
|
|
.lookFilled__201d5:is(.colorWhite__201d5, .colorBrandInverted__201d5):hover {
|
|
color: var(--hsl-hover-color);
|
|
}
|
|
.lookOutlined__201d5:is(.colorBrand__201d5, .colorPrimary__201d5) {
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.lookOutlined__201d5:is(.colorBrand__201d5, .colorPrimary__201d5):hover {
|
|
border-color: var(--hsl-hover-color);
|
|
background-color: var(--hsl-hover-color);
|
|
}
|
|
.lookOutlined__201d5.colorGreen__201d5 {
|
|
border-color: var(--hsl-success-color);
|
|
}
|
|
.lookOutlined__201d5.colorGreen__201d5:hover {
|
|
border-color: hsl(from var(--hsl-success-color) h s l/0.8);
|
|
background-color: hsl(from var(--hsl-success-color) h s l/0.8);
|
|
}
|
|
.lookOutlined__201d5.colorRed__201d5 {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
border-color: var(--hsl-danger-color);
|
|
color: var(--button-outline-brand-text);
|
|
}
|
|
.lookOutlined__201d5.colorRed__201d5:hover {
|
|
border-color: hsl(from var(--hsl-danger-color) h s l/0.8);
|
|
background-color: hsl(from var(--hsl-danger-color) h s l/0.8);
|
|
color: var(--button-outline-brand-text);
|
|
}
|
|
.lookLink__201d5 .contents__201d5 {
|
|
background: none;
|
|
}
|
|
.lookLink__201d5:hover .contents__201d5 {
|
|
text-decoration: underline;
|
|
}
|
|
:is(.theme-light, .theme-dark)
|
|
.lookLink__201d5:is(.colorPrimary__201d5, .colorLink__201d5) {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.lookLink__201d5.colorBrand__201d5 {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.lookLink__201d5.colorRed__201d5 {
|
|
color: var(--hsl-danger-color);
|
|
}
|
|
.button__6af3a {
|
|
border-radius: 4px;
|
|
}
|
|
.primary__6af3a {
|
|
background: var(--hsl-main-color);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.primary__6af3a:hover {
|
|
background: var(--hsl-hover-color);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.secondary__6af3a {
|
|
background: rgba(0, 0, 0, 0);
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.secondary__6af3a:hover {
|
|
background: rgba(0, 0, 0, 0);
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.active__6af3a {
|
|
background: var(--hsl-success-color);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.active__6af3a:hover {
|
|
background: hsl(from var(--hsl-success-color) h s l/0.8);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.critical-primary__6af3a {
|
|
background: var(--hsl-danger-color);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.critical-primary__6af3a:hover {
|
|
background: hsl(from var(--hsl-danger-color) h s l/0.8);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.critical-secondary__6af3a {
|
|
background: rgba(0, 0, 0, 0);
|
|
border-color: var(--hsl-danger-color);
|
|
color: var(--control-text-critical-primary-default);
|
|
}
|
|
.critical-secondary__6af3a:hover {
|
|
background: rgba(0, 0, 0, 0);
|
|
border-color: hsl(from var(--hsl-danger-color) h s l/0.8);
|
|
color: var(--control-text-critical-primary-default);
|
|
}
|
|
.checkbox_f525d3 {
|
|
border-radius: 4px;
|
|
}
|
|
.checkbox_f525d3.checked_f525d3 {
|
|
border-color: var(--hsl-main-color);
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.wrapper_d14335 {
|
|
background: var(--hsl-input-shading);
|
|
border-color: var(--hsl-input-border-shading);
|
|
}
|
|
.wrapper_d14335:not([data-read-only="true"]):has(input:focus, textarea:focus) {
|
|
border-color: var(--hsl-main-color);
|
|
box-shadow: 0 0 2px 0 var(--hsl-main-color);
|
|
}
|
|
.input__0f084::-moz-placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
.input__0f084::placeholder {
|
|
color: var(--text-muted);
|
|
}
|
|
.item__001a7[aria-checked="true"] {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.refreshIconStroke__001a7 {
|
|
r: 10 !important;
|
|
stroke: var(--interactive-active);
|
|
}
|
|
.refreshIcon__001a7 {
|
|
fill: var(--interactive-active);
|
|
}
|
|
.radioIndicatorChecked__001a7 {
|
|
color: var(--interactive-active);
|
|
}
|
|
.radioIndicatorChecked__001a7 .refreshIconFill__001a7 {
|
|
fill: none;
|
|
}
|
|
.radioIndicatorChecked__001a7 .refreshIconStroke__001a7 {
|
|
stroke: var(--interactive-active);
|
|
}
|
|
.radioBar__001a7 {
|
|
background-color: var(--hsl-card-shading);
|
|
transition: all 0.1s ease;
|
|
}
|
|
.radioBar__001a7:hover {
|
|
box-shadow: inset 0 0 0 2px
|
|
var(--radio-bar-accent-color, var(--hsl-hover-color));
|
|
}
|
|
.item__001a7[aria-checked="true"] .radioBar__001a7 {
|
|
background-color: var(--radio-bar-accent-color, var(--hsl-main-color));
|
|
}
|
|
.slider_a562c8 .bar_a562c8,
|
|
.slider_a562c8 .markDash_a562c8 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.slider_a562c8 .barFill_a562c8 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.slider_a562c8 .grabber_a562c8 {
|
|
filter: drop-shadow(0 0 3px var(--hsl-main-color));
|
|
}
|
|
.container__87bf1 {
|
|
background: hsl(from var(--interactive-normal) h s l/0.2) !important;
|
|
}
|
|
.container__87bf1.checked__87bf1 {
|
|
background: var(--hsl-main-color) !important;
|
|
}
|
|
.container__87bf1.checked__87bf1 path {
|
|
fill: var(--hsl-main-color);
|
|
}
|
|
.top_b3f026 .item_b3f026 {
|
|
--selected-tab-item-color: var(--hsl-hover-color);
|
|
}
|
|
.top_b3f026 .item_b3f026.selected_b3f026 {
|
|
--selected-tab-item-color: var(--hsl-main-color);
|
|
color: var(--interactive-active);
|
|
}
|
|
:is(.topPill_b3f026, .side_b3f026)
|
|
.themed_b3f026.item_b3f026:hover:not(.disabled_b3f026) {
|
|
background-color: var(--background-mod-subtle);
|
|
}
|
|
:is(.topPill_b3f026, .side_b3f026) .themed_b3f026.item_b3f026.selected_b3f026 {
|
|
background-color: var(--hsl-main-color);
|
|
}
|
|
:is(.topPill_b3f026, .side_b3f026)
|
|
.themed_b3f026.item_b3f026.selected_b3f026:hover:not(.disabled_b3f026) {
|
|
background-color: var(--hsl-main-color);
|
|
}
|
|
.header_b3f026 {
|
|
color: var(--hsl-main-color);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.header_b3f026::before {
|
|
content: "";
|
|
height: 2px;
|
|
flex-grow: 1;
|
|
background: linear-gradient(to left, var(--hsl-main-color) 50%, transparent);
|
|
margin-right: 5px;
|
|
}
|
|
.header_b3f026::after {
|
|
content: "";
|
|
height: 2px;
|
|
flex-grow: 1;
|
|
background: linear-gradient(to right, var(--hsl-main-color) 50%, transparent);
|
|
margin-left: 5px;
|
|
}
|
|
.container_a45028 {
|
|
background: var(--hsl-input-shading);
|
|
border-color: var(--hsl-input-border-shading);
|
|
}
|
|
.container_a45028:focus-within {
|
|
border-color: var(--hsl-main-color);
|
|
box-shadow: 0 0 2px 0 var(--hsl-main-color);
|
|
}
|
|
.container_fea832 {
|
|
background: var(--hsl-input-shading);
|
|
border-color: var(--hsl-input-border-shading);
|
|
}
|
|
.container_fea832:focus-within {
|
|
border-color: var(--hsl-main-color);
|
|
box-shadow: 0 0 2px 0 var(--hsl-main-color);
|
|
}
|
|
:is(html, body, .appMount__51fd7) {
|
|
background: none;
|
|
}
|
|
.app_a3002d {
|
|
background: var(--hsl-background-shading);
|
|
color: rgba(0, 0, 0, 0);
|
|
}
|
|
.app__160d8 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.1)
|
|
);
|
|
}
|
|
.bg__960e4 {
|
|
background: var(--background-image) var(--background-position) /
|
|
var(--background-size) no-repeat;
|
|
background-attachment: var(--background-attachment);
|
|
filter: var(--background-filter);
|
|
z-index: -1;
|
|
}
|
|
.container_a2f514 {
|
|
background: var(--hsl-background-shading);
|
|
}
|
|
.wanderingCubes__0b5bb .item__0b5bb {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.path__0b5bb {
|
|
stroke: var(--hsl-main-color);
|
|
}
|
|
.focus-rings-ring {
|
|
box-shadow: 0 0 0 4px var(--focus-color);
|
|
}
|
|
::-moz-placeholder {
|
|
font-family: var(--main-font);
|
|
}
|
|
body,
|
|
button,
|
|
input,
|
|
select,
|
|
textarea,
|
|
::placeholder {
|
|
font-family: var(--main-font);
|
|
}
|
|
code {
|
|
font-family: var(--code-font);
|
|
}
|
|
::-moz-selection {
|
|
background: var(--hsl-main-color);
|
|
color: var(--text-default);
|
|
}
|
|
::selection {
|
|
background: var(--hsl-main-color);
|
|
color: var(--text-default);
|
|
}
|
|
.bar_c38106 {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
padding-left: 0;
|
|
}
|
|
.leading_c38106 {
|
|
gap: 0;
|
|
margin: 0 6px;
|
|
}
|
|
.notice__6e2b9 {
|
|
border-radius: 4px;
|
|
}
|
|
.colorBrand__6e2b9 {
|
|
--custom-notice-background: hsl(from var(--hsl-main-color) h s l/.8);
|
|
}
|
|
.colorDanger__6e2b9 {
|
|
--custom-notice-background: hsl(from var(--hsl-danger-color) h s l/.8);
|
|
}
|
|
.colorStreamerMode__6e2b9 {
|
|
--custom-notice-background: hsl(from var(--hsl-streaming-color) h s l/.8);
|
|
}
|
|
:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar {
|
|
width: 14px;
|
|
}
|
|
:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar-thumb,
|
|
:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar-track {
|
|
border: 3px solid rgba(0, 0, 0, 0);
|
|
border-radius: 7px;
|
|
}
|
|
:is(.auto__99f8c, .auto_d125d2)::-webkit-scrollbar-track {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
:is(.thin__99f8c, .thin_d125d2)::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
:is(.thin__99f8c, .thin_d125d2)::-webkit-scrollbar-thumb,
|
|
:is(.thin__99f8c, .thin_d125d2)::-webkit-scrollbar-track {
|
|
border: 3px solid rgba(0, 0, 0, 0);
|
|
border-radius: 5px;
|
|
}
|
|
:is(
|
|
:is(.auto__99f8c, .auto_d125d2),
|
|
:is(.thin__99f8c, .thin_d125d2)
|
|
)::-webkit-scrollbar-thumb {
|
|
background-color: var(--hsl-main-color);
|
|
}
|
|
:is(
|
|
:is(.auto__99f8c, .auto_d125d2),
|
|
:is(.thin__99f8c, .thin_d125d2)
|
|
)::-webkit-scrollbar-thumb:active {
|
|
background-color: var(--hsl-hover-color);
|
|
}
|
|
.mediaBarProgress_b26b79,
|
|
.mediaBarProgress_b26b79::before,
|
|
.mediaBarProgress_b26b79::after {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.mediaBarGrabber_b26b79,
|
|
.mediaBarInteraction_b26b79:hover .mediaBarGrabber_b26b79,
|
|
.mediaBarInteractionDragging_b26b79 .mediaBarGrabber_b26b79 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.authBox__921c5 {
|
|
background-color: var(--hsl-modal-shading);
|
|
}
|
|
.list__920b8 {
|
|
background-color: var(--background-mod-subtle);
|
|
}
|
|
.navRow__86e92 {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.numberBadge__2b1f5,
|
|
.textBadge__2b1f5 {
|
|
background: var(--hsl-main-color) !important;
|
|
color: #000000; /* Black text on badges */
|
|
}
|
|
.refresh-fast-follow-guild-bg.visual-refresh .bg__960e4 {
|
|
background: var(--background-image) var(--background-position) /
|
|
var(--background-size) no-repeat;
|
|
background-attachment: var(--background-attachment);
|
|
filter: var(--background-filter);
|
|
z-index: -1;
|
|
}
|
|
.refresh-fast-follow-guild-bg.visual-refresh .guilds_c48ade {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.chat_f75fb0 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.chat_f75fb0[data-has-border="true"] {
|
|
border: none;
|
|
}
|
|
.chat_f75fb0.threadSidebarOpen_f75fb0 {
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.theme-midnight .content_f75fb0 {
|
|
border: none;
|
|
}
|
|
.chatContent_f75fb0,
|
|
.scroller__28a87 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
.wrapper_d852db,
|
|
.wrapper_fc8177 {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.wrapper_d852db {
|
|
animation: cv-card-loading 1.5s infinite ease-in-out;
|
|
}
|
|
.wrapper_f7ecac {
|
|
background-color: var(--hsl-popout-shading);
|
|
border-color: var(--hsl-popout-shading);
|
|
box-shadow: none;
|
|
}
|
|
.noChannel__01d5c {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
.chatHeaderBar_dc83f5 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.role_b4b2c3 {
|
|
background: hsl(from var(--custom-role-label-color) h s l/0.2);
|
|
}
|
|
.form_f75fb0 {
|
|
margin-top: 4px;
|
|
}
|
|
.channelTextArea__74017 {
|
|
background-color: var(--hsl-input-shading);
|
|
box-shadow: 0 0 0 2px var(--hsl-input-border-shading);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.channelTextArea__74017:focus-within {
|
|
border-color: rgba(0, 0, 0, 0);
|
|
box-shadow: 0 0 2px 2px var(--hsl-main-color);
|
|
}
|
|
.stackedBars__74017,
|
|
.channelAttachmentArea_b77158 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.upload_aa605f {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.threadSuggestionBar__841c8,
|
|
.themedBackground__74017 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.scrollableContainer__74017::-webkit-scrollbar-thumb {
|
|
background-color: var(--hsl-main-color);
|
|
}
|
|
.inlineCode_ada32f,
|
|
.after_inlineCode_ada32f,
|
|
.before_inlineCode_ada32f {
|
|
background: hsl(
|
|
from var(--hsl-card-shading) h s calc(100 - l) / calc(alpha * 0.5)
|
|
);
|
|
}
|
|
.activeButtonChild_aa63ab {
|
|
color: var(--interactive-normal);
|
|
}
|
|
:is(.theme-light, .theme-dark)
|
|
.button_aa63ab:is(:focus, :focus-within, :hover)
|
|
.activeButtonChild_aa63ab {
|
|
color: var(--interactive-active);
|
|
}
|
|
.toolbar_bba883 {
|
|
background-color: var(--hsl-popout-shading);
|
|
}
|
|
.toolbar_bba883::before {
|
|
border-top-color: var(--hsl-popout-shading);
|
|
}
|
|
.wrapper_cb9592,
|
|
.channelChatWrapper_cb9592 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.callContainer_cb9592 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
border: none;
|
|
}
|
|
.root_bfe55a {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.gradientBackground__11664 {
|
|
background: none;
|
|
}
|
|
.sphere__11664 {
|
|
background: none;
|
|
border: none;
|
|
animation: none;
|
|
}
|
|
.pulseGradient__11664 {
|
|
display: none;
|
|
}
|
|
.buttonSection__1405b.experimentButtonSection__1405b {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
border-radius: 4px;
|
|
}
|
|
.colorable_f1ceac.disconnect_f1ceac {
|
|
background: var(--hsl-danger-color);
|
|
}
|
|
.border__2f4f7.speaking__2f4f7 {
|
|
box-shadow: inset 0 0 0 2px var(--hsl-main-color);
|
|
}
|
|
.wrapper_cb9592.minimum_cb9592 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.6)
|
|
);
|
|
}
|
|
.quickSelectPopout_ebaca5 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.divider__908e2 {
|
|
--divider-color: var(--hsl-main-color);
|
|
}
|
|
.divider__908e2.hasContent__908e2 {
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.content__908e2 {
|
|
display: flex;
|
|
flex: 1;
|
|
background: rgba(0, 0, 0, 0);
|
|
align-items: center;
|
|
font-weight: 700;
|
|
}
|
|
.content__908e2::before,
|
|
.content__908e2::after {
|
|
content: "";
|
|
height: 1px;
|
|
flex-grow: 1;
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.content__908e2::before {
|
|
margin-right: 10px;
|
|
}
|
|
.content__908e2::after {
|
|
margin-left: 10px;
|
|
}
|
|
.isUnread__908e2 .content__908e2::before,
|
|
.isUnread__908e2 .content__908e2::after {
|
|
background: var(--divider-color);
|
|
}
|
|
.avatar_c19a55 {
|
|
transition: all 0.3s ease-in-out, transform 0.1s ease-in-out;
|
|
}
|
|
.avatar_c19a55.clickable_c19a55:active {
|
|
transform: scale(0.9);
|
|
}
|
|
.botTagRegular__82f07 {
|
|
background: var(--hsl-main-color);
|
|
color: #000000; /* Black text on bot tags */
|
|
}
|
|
.operations_bab751 a {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.content__235ca a {
|
|
color: var(--text-link);
|
|
}
|
|
.markup__75297 code {
|
|
background: var(--hsl-card-shading);
|
|
border: 1px solid var(--hsl-card-shading-inverted);
|
|
}
|
|
.markup__75297 code.inline {
|
|
border: none;
|
|
background: hsl(
|
|
from var(--hsl-card-shading) h s calc(100 - l) / calc(alpha * 0.5)
|
|
);
|
|
padding: 2px 6px;
|
|
}
|
|
.repliedMessageClickableSpine_c19a55 {
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.repliedMessageClickableSpine_c19a55:hover,
|
|
.repliedMessageClickableSpine_c19a55.repliedMessageContentHovered_c19a55 {
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.repliedTextPreview_c19a55 {
|
|
color: var(--text-default);
|
|
opacity: 0.7;
|
|
}
|
|
.repliedTextPreview_c19a55 .clickable_c19a55:hover,
|
|
.repliedTextPreview_c19a55 .repliedMessageClickableSpineHovered_c19a55 {
|
|
opacity: 1;
|
|
}
|
|
.messageSpine_c19a55::before {
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.executedCommand_c19a55 .appLauncherOnboardingCommandName_c19a55 {
|
|
color: var(--hsl-main-color);
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.executedCommand_c19a55 .appLauncherOnboardingCommandName_c19a55:hover {
|
|
color: var(--hsl-hover-color);
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.replying__5126c {
|
|
--background-mentioned: hsl(from var(--hsl-main-color) h s l/.1);
|
|
--background-mentioned-hover: hsl(from var(--hsl-hover-color) h s l/.1);
|
|
background: var(--background-mentioned);
|
|
}
|
|
.replying__5126c:hover,
|
|
.replying__5126c .selected__5126c {
|
|
background: var(--background-mentioned-hover) !important;
|
|
}
|
|
.replying__5126c::before {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.wrapper_f61d60 {
|
|
background-color: var(--hsl-main-color);
|
|
color: #000000; /* Black text */
|
|
border-radius: 5px;
|
|
padding: 0 4px;
|
|
}
|
|
.wrapper_f61d60:hover {
|
|
background-color: var(--hsl-hover-color);
|
|
}
|
|
.mentioned__5126c {
|
|
--background-mentioned: hsl(from var(--hsl-main-color) h s l/.1);
|
|
--background-mentioned-hover: hsl(from var(--hsl-hover-color) h s l/.1);
|
|
}
|
|
.mentioned__5126c:before {
|
|
background-color: var(--hsl-main-color);
|
|
}
|
|
.blockquoteContainer__75297 .blockquoteDivider__75297 {
|
|
border-radius: 0;
|
|
}
|
|
.bumpBox_cacd02 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.embedFull__623de {
|
|
background: var(--hsl-card-shading);
|
|
border-top: none;
|
|
border-right: none;
|
|
border-bottom: none;
|
|
}
|
|
.hoverButtonGroup__06ab4 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.hoverButton__06ab4.selected__06ab4,
|
|
.hoverButton__06ab4:hover {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.file__0ccae {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.progressBar__89dcd {
|
|
background: var(--hsl-main-color) !important;
|
|
}
|
|
.wrapper_d5f3cd {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.statusOnline_d5f3cd {
|
|
background: var(--hsl-online-color);
|
|
}
|
|
.statusOffline_d5f3cd {
|
|
background: var(--hsl-offline-color);
|
|
}
|
|
.guildInviteContainer__083ae {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.footerContent__083ae {
|
|
background: none;
|
|
}
|
|
.tile__72090 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.tile__72090:hover {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.wrapperAudio_cf09d8 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.audioControls_cf09d8 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.wrapper_cf09d8 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.textContainer__4d95d,
|
|
.footer__4d95d {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.codeView__4d95d {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.languageSelector__4d95d {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.modalTextContainer__4d95d {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.cozy_c19a55.hasThread_c19a55::after {
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.container__9271d {
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.container__9271d {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.cta__9271d {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.container_a8e786 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.ripple_a8e786 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
:is(.theme-light, .theme-dark)
|
|
.container_a8e786:not(.playing_a8e786)
|
|
.playButtonContainer_a8e786 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
:is(.theme-light, .theme-dark)
|
|
.container_a8e786:not(.playing_a8e786)
|
|
.playButtonContainer_a8e786:is(:hover, :active) {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.playing_a8e786 .playIcon_a8e786 {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.embedCard__44492,
|
|
.footerContainer__44492 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.dot__44492 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.container_f69538,
|
|
.container__0be77 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.answer__4c520 .answerInner__4c520.currentlyVoting__4c520.selected__4c520 {
|
|
outline: 1px solid var(--hsl-main-color);
|
|
}
|
|
.secondaryButtonPresentation__0be77 {
|
|
background: var(--hsl-main-color);
|
|
border: rgba(0, 0, 0, 0);
|
|
}
|
|
.checkbox_f4f0eb {
|
|
border-width: 1px;
|
|
}
|
|
.radioForeground_f4f0eb {
|
|
color: currentColor;
|
|
}
|
|
.checkboxSelected_f4f0eb {
|
|
border: 1px solid var(--hsl-main-color);
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.votedStyles_a1443c {
|
|
--custom-poll-style-vote-percentage: hsl(from var(--hsl-main-color) h s l/.2);
|
|
--custom-poll-style-border: var(--hsl-main-color);
|
|
}
|
|
.container_f369db {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.3)
|
|
);
|
|
}
|
|
.header_f369db {
|
|
background: var(--hsl-input-shading);
|
|
border: 2px solid var(--hsl-input-border-shading);
|
|
}
|
|
.header_f369db .input__0f084 {
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.headerWithMatchingPosts_f369db {
|
|
border-bottom: none;
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.matchingPostsRow_f369db {
|
|
background: var(--hsl-input-shading);
|
|
border: 2px solid var(--hsl-input-border-shading);
|
|
border-top: 1px solid var(--border-subtle);
|
|
}
|
|
.container_ca49a1 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.descriptionContainer_ca49a1,
|
|
.gradient_ca49a1,
|
|
.linkContainer_ca49a1 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.pill_a2c9e8 {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-main-color);
|
|
transition: all 0.2s ease;
|
|
}
|
|
.pill_a2c9e8.clickable_a2c9e8:not(.disabled_a2c9e8):hover {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.pill_a2c9e8.selected_a2c9e8 {
|
|
background: var(--hsl-main-color);
|
|
border-color: var(--hsl-main-color);
|
|
color: #000000; /* Black text on selected pills */
|
|
}
|
|
.pill_a2c9e8.selected_a2c9e8:not(.disabled_a2c9e8):hover {
|
|
background: var(--hsl-hover-color);
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.pill_a2c9e8 .container_f8b2d2 {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.newPostsButton_f369db {
|
|
background: var(--hsl-popout-shading);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
:is(.container__9a337, .container_faa96b) {
|
|
background: var(--hsl-card-shading);
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
}
|
|
:is(.container__9a337, .container_faa96b):hover {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
:is(.container__9a337, .container_faa96b):is(.isOpen__9a337, .isOpen_faa96b) {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.contentPreview__9a337 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.pinIcon__08166 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.divider_ee23ac {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.iconWrapper__7e6bb {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.icon__7e6bb path {
|
|
fill: #000000; /* Black icon fill */
|
|
}
|
|
.container__34c2c {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.active__34c2c {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.container__93db4 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.icon__93db4 {
|
|
background: var(--hsl-main-color);
|
|
color: #000000; /* Black icon color */
|
|
}
|
|
.cta__93db4 {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.cta__93db4:hover {
|
|
color: var(--hsl-hover-color);
|
|
}
|
|
.loadingCard_f369db {
|
|
background: var(--hsl-card-shading);
|
|
animation: cv-card-loading 1.5s infinite ease-in-out;
|
|
}
|
|
.resizeHandle__01ae2 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.container__01ae2 {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.container__01ae2.floating__01ae2 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.container_fb64c9 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.5)
|
|
);
|
|
}
|
|
.iconWrapper__54b20 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.icon__54b20 path {
|
|
fill: #000000; /* Black icon fill */
|
|
}
|
|
.chatHeaderBar_a5700d {
|
|
background-color: var(--hsl-popout-shading);
|
|
}
|
|
.container_a8217b,
|
|
.header_a8217b {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.newMessagesBar__0f481 {
|
|
top: 4px;
|
|
right: 8px;
|
|
background: hsl(from var(--hsl-main-color) h s l/0.9);
|
|
border-radius: 4px;
|
|
transition: all 0.1s ease-in-out;
|
|
color: #000000; /* Black text */
|
|
}
|
|
.newMessagesBar__0f481:active {
|
|
padding-top: 0;
|
|
scale: 0.99;
|
|
}
|
|
.jumpToPresentBar__0f481 {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
border-radius: 5px;
|
|
}
|
|
.messagesErrorBar__0f481 {
|
|
background: var(--hsl-danger-color);
|
|
border: none;
|
|
border-radius: 5px;
|
|
}
|
|
.wrapper__44df5 {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
}
|
|
.reactions__23977 {
|
|
border-radius: 4px;
|
|
}
|
|
.reactions__23977 .reactionMe__23977 {
|
|
background: hsl(from var(--hsl-main-color) h s l/0.15);
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.reactions__23977 .reactionMe__23977 .reactionCount__23977 {
|
|
color: var(--interactive-active);
|
|
}
|
|
:is(.reaction__23977, .reactionBtn__23977):hover {
|
|
border: 1px solid var(--hsl-hover-color);
|
|
}
|
|
.reactionTooltip_b49891 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
:is(.theme-light, .theme-dark) .reactionEmojiDetailsClickable_d5cd2d {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
:is(.theme-light, .theme-dark) .reactionEmojiDetailsClickable_d5cd2d:hover {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.burstGlow__23977 {
|
|
border-radius: 4px;
|
|
}
|
|
.searchResultsWrap_a9e706 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.3)
|
|
);
|
|
border: none;
|
|
}
|
|
.searchHeader_f3b986 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
.searchResult__02a39 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.button__02a39 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.button__02a39:hover {
|
|
background: var(--hsl-hover-color);
|
|
color: var(--interactive-active);
|
|
}
|
|
:is(.theme-dark, .theme-light) .themed__9293f {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.5)
|
|
);
|
|
}
|
|
:is(.theme-dark, .theme-light) .dot__9293f {
|
|
display: none;
|
|
}
|
|
.children__9293f::after {
|
|
display: none;
|
|
}
|
|
.akaBadge__488b1 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.searchBar__97492 {
|
|
background-color: var(--hsl-input-shading);
|
|
border-color: var(--hsl-input-border-shading);
|
|
}
|
|
.searchBar__97492:focus-within {
|
|
border-color: var(--hsl-main-color);
|
|
box-shadow: 0 0 2px 0 var(--hsl-main-color);
|
|
}
|
|
.searchFilter_bd8186,
|
|
.searchAnswer_bd8186 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.searchFilter_bd8186 {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.searchAnswer_bd8186 {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
.container_c8ffbb {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.membersWrap_c8ffbb {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.members_c8ffbb {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.3)
|
|
);
|
|
}
|
|
.mulitplePlaceholderUsername__27cc6,
|
|
.placeholderAvatar__27cc6,
|
|
.placeholderUsername__27cc6 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.membersGroup_c8ffbb {
|
|
display: flex;
|
|
color: var(--hsl-main-color);
|
|
font-weight: 700;
|
|
align-items: center;
|
|
}
|
|
.membersGroup_c8ffbb:before {
|
|
content: "";
|
|
height: 2px;
|
|
flex-grow: 1;
|
|
background: linear-gradient(to left, currentColor 50%, transparent);
|
|
margin-right: 5px;
|
|
}
|
|
.membersGroup_c8ffbb:after {
|
|
content: "";
|
|
height: 2px;
|
|
flex-grow: 1;
|
|
background: linear-gradient(to right, currentColor 50%, transparent);
|
|
margin-left: 5px;
|
|
}
|
|
.container__0f2e8 {
|
|
background: var(--hsl-card-shading);
|
|
border-radius: 8px;
|
|
border-width: 2px;
|
|
padding-left: 10px;
|
|
}
|
|
.selected__0f2e8,
|
|
.selected__0f2e8:hover {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.popoutContentWrapper_af3b89,
|
|
.interactionsContainer_af3b89 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.interactionsContainerHeader_af3b89 {
|
|
border: none;
|
|
}
|
|
.member__5d473 {
|
|
background: rgba(0, 0, 0, 0);
|
|
backface-visibility: hidden;
|
|
}
|
|
.memberInner__5d473 {
|
|
position: relative;
|
|
width: 100%;
|
|
transition: all 0.15s ease-in-out, transform 0.1s ease-in-out;
|
|
z-index: 1;
|
|
}
|
|
.memberInner__5d473:active {
|
|
transform: scale(0.9);
|
|
}
|
|
.name__91a9d {
|
|
width: -moz-fit-content;
|
|
width: fit-content;
|
|
}
|
|
.member__5d473 .nameContainer__703b9 {
|
|
position: static;
|
|
transition: all 0.15s ease-in-out;
|
|
z-index: unset;
|
|
}
|
|
.member__5d473 .nameContainer__703b9:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(
|
|
to right,
|
|
var(--background-mod-subtle) 90%,
|
|
transparent
|
|
);
|
|
border-radius: 3px;
|
|
opacity: 0;
|
|
transition: all 0.15s ease-in-out;
|
|
z-index: -1;
|
|
}
|
|
.member__5d473 .nameContainer__703b9:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
background: linear-gradient(to right, var(--hsl-main-color) 90%, transparent);
|
|
border-radius: 3px;
|
|
opacity: 0.8;
|
|
transition: all 0.3s ease-in-out;
|
|
z-index: -1;
|
|
}
|
|
.member__5d473 .nameContainer__703b9[style^="color:"]:before,
|
|
.member__5d473 .nameContainer__703b9[style^="color:"]:after {
|
|
background: linear-gradient(to right, currentColor 90%, transparent);
|
|
}
|
|
.nameplated__91a9d .member__5d473 .nameContainer__703b9[style^="color:"]:before,
|
|
.nameplated__91a9d .member__5d473 .nameContainer__703b9[style^="color:"]:after {
|
|
background: linear-gradient(to right, currentColor, transparent);
|
|
}
|
|
.truncated_c9d15c {
|
|
color: var(--text-muted);
|
|
transition: all 0.15s ease-in-out;
|
|
}
|
|
.truncated_c9d15c strong {
|
|
color: var(--hsl-main-color);
|
|
font-weight: 700;
|
|
transition: all 0.15s ease-in-out;
|
|
}
|
|
.member__5d473:hover .childContainer__91a9d {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.member__5d473:hover .nameContainer__703b9:before {
|
|
opacity: 1;
|
|
}
|
|
.member__5d473:hover .nameContainer__703b9[style^="color:"]:before {
|
|
opacity: 0.07;
|
|
}
|
|
.selected__91a9d .childContainer__91a9d {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.selected__91a9d .nameContainer__703b9 {
|
|
-webkit-text-fill-color: var(--interactive-active);
|
|
text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
|
|
}
|
|
.selected__91a9d .nameContainer__703b9:after {
|
|
right: 0;
|
|
}
|
|
.selected__91a9d .truncated_c9d15c,
|
|
.selected__91a9d strong {
|
|
color: var(--interactive-active);
|
|
text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
|
|
}
|
|
.selected__91a9d .ownerIcon__5d473 {
|
|
filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.7));
|
|
}
|
|
.container__4413f {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.ctaButton__4413f {
|
|
background: var(--hsl-main-color);
|
|
border: none;
|
|
}
|
|
.root__49fc1 {
|
|
background: var(--hsl-modal-shading);
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.header__49fc1,
|
|
.content__49fc1,
|
|
.footer__49fc1 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.container_eb2cd2 {
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.container_eb2cd2:hover {
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.iconContainer__98cf7 circle {
|
|
fill: var(--hsl-main-color);
|
|
}
|
|
.rowContainer__991a0 {
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.rowContainer__991a0:hover {
|
|
border-color: var(--hsl-hover-color);
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.keyboardShortcutsModal_f061f6,
|
|
.keybindGroup_f061f6 {
|
|
background: var(--hsl-modal-shading);
|
|
}
|
|
.combo_fcddc1 .key_fcddc1 {
|
|
border-color: var(--hsl-hover-color);
|
|
box-shadow: inset 0 -4px var(--hsl-hover-color);
|
|
}
|
|
.combo_fcddc1 .key_fcddc1:active {
|
|
border-color: var(--hsl-main-color);
|
|
box-shadow: inset 0 -2px var(--hsl-main-color);
|
|
}
|
|
.quickswitcher_ac6cb0 {
|
|
background: var(--hsl-modal-shading);
|
|
border: none;
|
|
}
|
|
.scroller_ac6cb0 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.scroller_ac6cb0::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
.scroller_ac6cb0::-webkit-scrollbar-track {
|
|
background: rgba(0, 0, 0, 0) !important;
|
|
}
|
|
.input_ac6cb0 {
|
|
background: var(--hsl-input-shading);
|
|
border: 2px solid var(--hsl-input-border-shading);
|
|
}
|
|
.input_ac6cb0:focus-within {
|
|
border-color: var(--hsl-main-color);
|
|
box-shadow: 0 0 2px 0 var(--hsl-main-color);
|
|
}
|
|
.result__71961[aria-selected="true"] {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.scroller_cc2dff,
|
|
.reactors_cc2dff {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.reactionSelected_cc2dff {
|
|
border: 1px solid var(--hsl-main-color);
|
|
}
|
|
.pillContainer__9e06a {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.pillItemSelected__9e06a {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.source_febe19:hover:not(.selectedSource_febe1)
|
|
.sourcePreviewContainer_febe19:before {
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.spinner_ca0af2 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.customGiftBoxHighlighted_d50aac {
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.iconBackground__33980 {
|
|
background: var(--hsl-main-color);
|
|
color: #000000; /* Black icon color */
|
|
}
|
|
.selectionBox_b13085 {
|
|
background: var(--background-mod-subtle);
|
|
outline: none;
|
|
}
|
|
.selectedPlan_b13085 {
|
|
background: var(--background-mod-subtle);
|
|
outline: 2px solid var(--hsl-main-color);
|
|
}
|
|
.previewContainerSelected__50f14 {
|
|
background: var(--background-mod-subtle);
|
|
outline: 2px solid var(--hsl-main-color);
|
|
border: none;
|
|
}
|
|
.customGiftMessage_bf1b4a {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.wrapper__4106a {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.cardInput__8b579 {
|
|
background-color: var(--hsl-input-shading);
|
|
border-color: var(--hsl-input-border-shading);
|
|
}
|
|
.cardInputFocused__8b579 {
|
|
border-color: var(--hsl-main-color);
|
|
box-shadow: 0 0 2px 0 var(--hsl-main-color);
|
|
}
|
|
.content_a8c622,
|
|
.upsellFooter__5e07c {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
:is(.theme-light, .theme-dark) .iconWrapper__96f95 {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.value__96f95,
|
|
.value__96f95:focus {
|
|
box-shadow: none;
|
|
}
|
|
.uploadDropModal_dbca3c .bgScale_dbca3c {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.uploadDropModal_dbca3c .inner_dbca3c {
|
|
border-color: #000000; /* Black border */
|
|
}
|
|
.selectorButton__0907c {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
:is(.theme-light, .theme-dark) .item__3d4a0 {
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.selectorButtonSelected__0907c {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.radioItemStyles__837b7 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.banReasonOtherClickable__837b7 {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.modal__9a792 {
|
|
background: var(--hsl-modal-shading) !important;
|
|
}
|
|
.browser__9a792 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.pillIconOnline__921c5 {
|
|
background: var(--hsl-online-color);
|
|
}
|
|
.editProfileContainer__42179 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
:is(.actionButtons_cc1819, .closeButton__6088c) {
|
|
background: var(--hsl-modal-shading);
|
|
}
|
|
.container__53cea {
|
|
background: var(--hsl-modal-shading);
|
|
border: none;
|
|
}
|
|
.defaultTextInput__7b848 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.defaultTextInput__7b848:focus {
|
|
box-shadow: none;
|
|
}
|
|
.addAnswerButton_d97f89:hover {
|
|
background-color: var(--background-mod-subtle);
|
|
box-shadow: inset 0 0 0 1px var(--hover-color);
|
|
}
|
|
.scroller__01c8c,
|
|
.voters__01c8c {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.scroller__6fd0e {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.headerWave__1dfae {
|
|
background: rgba(0, 0, 0, 0);
|
|
color: rgba(0, 0, 0, 0);
|
|
}
|
|
.bodyWave__1dfae {
|
|
display: none;
|
|
}
|
|
.topPerksCard__3add8,
|
|
.card__4d7bb,
|
|
.wrapper__5b98e {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.innerWrapper_b4589b {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
:is(.theme-dark, .theme-light) .header__0b563 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.5)
|
|
) !important;
|
|
border-top: none;
|
|
}
|
|
.container__0b563 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
) !important;
|
|
}
|
|
.pageBody__41ed7 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.container_bc0d35 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.container_bc0d35.adminUpsell_bc0d35 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.channelRow_e4503a {
|
|
background: var(--hsl-card-shading);
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
margin-bottom: 8px;
|
|
border-radius: 8px;
|
|
}
|
|
.channelRow_e4503a:hover:not(.disabled_e4503a) {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.prompt__5d7c9 {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.optionButtonWrapper__270d7 {
|
|
background: var(--hsl-card-shading);
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
}
|
|
.optionButtonWrapper__270d7:hover {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.optionButtonWrapper__270d7.selected__270d7 {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.checkIcon__270d7 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.profileCard__5d7c9 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.role__5d7c9 {
|
|
background: rgba(0, 0, 0, 0);
|
|
position: relative;
|
|
}
|
|
.roleDot__5d7c9::before {
|
|
content: "";
|
|
top: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
left: -1px;
|
|
position: absolute;
|
|
background: inherit;
|
|
opacity: 0.2;
|
|
border-radius: 4px;
|
|
}
|
|
.emptyPage__5d7c9 {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.container__551b0 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.2)
|
|
);
|
|
}
|
|
.navItem__551b0 {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.navItem__551b0:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
transition: all 0.3s ease-in-out;
|
|
z-index: -1;
|
|
border-radius: 4px;
|
|
}
|
|
.navItem__551b0.selected__551b0 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.navItem__551b0.selected__551b0:after {
|
|
right: 0;
|
|
background: var(--hsl-main-color);
|
|
animation: cv-channel-select 0.3s ease-in-out;
|
|
}
|
|
.backdrop__8a7fc {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.relative__8a7fc {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.5)
|
|
);
|
|
}
|
|
.iconButton__8a7fc {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.iconButton__8a7fc:hover {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.container_a592e1 {
|
|
border: none;
|
|
}
|
|
.scroller__23746 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
:is(.theme-dark, .theme-light) .card__84e3e {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
:is(.theme-dark, .theme-light) .card__84e3e:hover {
|
|
background: var(--hsl-card-shading);
|
|
box-shadow: 0 0 0 2px var(--hsl-hover-color);
|
|
}
|
|
.avatar_f215b9 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.card_f215b9:hover .avatar_f215b9 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.container__19cf2,
|
|
.container__5682d {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
:is(.theme-light, .theme-dark) .iconMask__4cb8a {
|
|
background: var(--hsl-card-shading);
|
|
width: 48px;
|
|
height: 48px;
|
|
padding: 0;
|
|
margin-left: 8px;
|
|
}
|
|
.card__4cb8a:hover .iconMask__4cb8a {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.presenceCountDot__4cb8a {
|
|
background: var(--hsl-online-color);
|
|
}
|
|
.container_cbd375 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
.container_cec934 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.container__956c6 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.modalBg_de2fa0 {
|
|
background: var(--hsl-modal-shading);
|
|
}
|
|
.modalContent_de2fa0,
|
|
.contentHeader_de2fa0 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.tabBody__133bf {
|
|
background: none;
|
|
}
|
|
.container__133bf {
|
|
background: none;
|
|
border: none;
|
|
}
|
|
.peopleColumn__133bf {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
.blockedIgnoredSettingsNotice__6811a {
|
|
border: 1px solid var(--hsl-main-color);
|
|
background-color: var(--hsl-card-shading);
|
|
}
|
|
.actionButton_f8fa06 {
|
|
background-color: var(--hsl-card-shading);
|
|
}
|
|
.actionButton_f8fa06.highlight_f8fa06 {
|
|
background-color: var(--hsl-card-shading);
|
|
color: var(--interactive-active);
|
|
}
|
|
.actionButton_f8fa06:hover {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.actionButton_f8fa06.actionAccept_f8fa06 {
|
|
color: var(--hsl-success-color);
|
|
}
|
|
.actionButton_f8fa06.actionAccept_f8fa06:hover {
|
|
background: var(--hsl-success-color);
|
|
color: var(--interactive-active);
|
|
}
|
|
.actionButton_f8fa06.actionDeny_f8fa06 {
|
|
color: var(--hsl-danger-color);
|
|
}
|
|
.actionButton_f8fa06.actionDeny_f8fa06:hover {
|
|
background: var(--hsl-danger-color);
|
|
color: var(--interactive-active);
|
|
}
|
|
.searchBar__5ec2f {
|
|
border-width: 2px;
|
|
}
|
|
.tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
color: var(--text-secondary);
|
|
border: none;
|
|
}
|
|
.tabBar__133bf .addFriend__133bf.addFriend__133bf.addFriend__133bf:hover {
|
|
background-color: var(--background-mod-subtle);
|
|
}
|
|
.tabBar__133bf
|
|
.addFriend__133bf.addFriend__133bf.addFriend__133bf[aria-selected="true"] {
|
|
background-color: var(--hsl-main-color);
|
|
color: #000000; /* Black text */
|
|
}
|
|
.addFriendInputWrapper__72ba7 {
|
|
background: var(--hsl-input-shading);
|
|
border: 2px solid var(--hsl-input-border-shading);
|
|
}
|
|
.addFriendInputWrapper__72ba7:focus-within {
|
|
border-color: var(--hsl-main-color);
|
|
box-shadow: 0 0 2px 0 var(--hsl-main-color);
|
|
}
|
|
.input__72ba7 {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
.nowPlayingColumn__133bf {
|
|
background: none;
|
|
}
|
|
.container__7d20c {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.2)
|
|
);
|
|
}
|
|
.scroller__7d20c {
|
|
border: none;
|
|
}
|
|
.outer_bf1984,
|
|
.outer_bf1984:is(.interactive_bf1984:hover, .active_bf1984) {
|
|
background-color: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.section__00943 {
|
|
border: none;
|
|
}
|
|
.emptyCard__7e549 {
|
|
background-color: var(--hsl-card-shading);
|
|
}
|
|
.page_c791b2 {
|
|
background: rgba(0, 0, 0, 0) !important;
|
|
}
|
|
.mainTableContainer__09a38 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.newMembersNotice_acdcc0 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.newMembersNotice_acdcc0:hover {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.otherRoles__71c22 {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.list_f391e3 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
.applicationStore_f07d62 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.homeWrapper__0920e {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.mainPageScroller_ca1a02,
|
|
.allPerksScroller_ca1a02 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
.mainPageScroller_ca1a02 {
|
|
right: 0;
|
|
transition: all 0.75s ease-in-out;
|
|
}
|
|
.mainPageScroller_ca1a02:has(+ .open_ca1a02) {
|
|
right: 100%;
|
|
}
|
|
.card_b5493b,
|
|
.container_da4aee {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
:is(.images-light, .images-dark) .textContainer_da4aee {
|
|
background: none;
|
|
}
|
|
.giftCardButton_da4aee {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.cardDescription_b5493b {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.seeAllPerksButton_ca1a02 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.backButton_b9abc5 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.backButton_b9abc5:hover {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
:is(.theme-dark, .theme-light) :is(.leftArrow__3cf14, .rightArrow__3cf14) {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
:is(.theme-dark, .theme-light)
|
|
:is(.leftArrow__3cf14, .rightArrow__3cf14):hover {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
:is(.theme-dark, .theme-light) .inactiveArrow__3cf14 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.cardProgressBar__3cf14 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.selectedDot__3cf14 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.innerWrapper_c511e4 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.background__7449f :is(.scrollerBase__99f8c, .scrollerBase_d125d2) {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
.row_d13feb {
|
|
background: var(--hsl-card-shading);
|
|
border: var(--hsl-card-shading);
|
|
}
|
|
.headerIcon__553a5 {
|
|
background-color: var(--hsl-card-shading);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.container_dca174 {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
}
|
|
.avatarWrapper_dca174 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.container__89463 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.contentContainer__89463 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
.container__98cbd {
|
|
background: var(--hsl-card-shading);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.parentContainer__98cbd:hover .container__98cbd {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.container__98cbd:is(.active__98cbd, .warning__98cbd) {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.parentContainer__98cbd:hover
|
|
.container__98cbd:is(.active__98cbd, .warning__98cbd) {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.sidebarContainer__89463 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.3)
|
|
);
|
|
}
|
|
.shopScroll__6db1d,
|
|
.page__1feb0 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.shop__6db1d {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
.shop__08415 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.shopCard_c3d04b {
|
|
background: var(--hsl-card-shading);
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
}
|
|
.shopCard_c3d04b:hover {
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.cardText_c3d04b {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.skeleton__72fa0,
|
|
.skeleton__08415 {
|
|
background: var(--hsl-card-shading-inverted);
|
|
}
|
|
.cardBody__72fa0,
|
|
.skeletonBody__08415 {
|
|
background: var(--hsl-card-shading-inverted);
|
|
}
|
|
:is(
|
|
.cardAvatar__72fa0,
|
|
.cardTitle__72fa0,
|
|
.cardDescription__72fa0,
|
|
.cardSummary__72fa0
|
|
) {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.collectibleInfoContainer_c50f62 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.scroller__4a84a,
|
|
.scroller_fb04e1 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.wrapper__4e6ce {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.loadingPopout__58f1c {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.autocomplete__13533 {
|
|
background: var(--hsl-popout-shading);
|
|
box-shadow: none;
|
|
}
|
|
.clickable__13533[aria-disabled="false"] .base__13533:hover {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.clickable__13533[aria-selected="true"] .base__13533 {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.contentTitle__13533 {
|
|
padding: 4px 8px;
|
|
color: var(--header-primary);
|
|
}
|
|
.wrapper_b1e4f3 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.selected__1a58a,
|
|
.selected__1a58a:hover {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.lookFilled__3f413.select__3f413 {
|
|
box-shadow: none;
|
|
}
|
|
.lookFilled__3f413.select__3f413:hover {
|
|
border: 1px solid var(--input-border);
|
|
}
|
|
.popout__3f413,
|
|
.popout__3f413.popoutPositionTop__3f413 {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
}
|
|
.option__3f413 {
|
|
border-radius: 8px;
|
|
margin: 0 8px;
|
|
}
|
|
.option__3f413:hover {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.option__3f413[aria-selected="true"] {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.option__3f413[aria-selected="true"]:not(.option__3f413.multi__3f413) {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.selectedIcon__3f413 {
|
|
color: var(--interactive-active);
|
|
}
|
|
.selectedIcon__3f413 circle {
|
|
fill: var(--hsl-main-color);
|
|
}
|
|
.multiSelectCheckbox__3f413.checked__3f413 {
|
|
background: var(--interactive-active);
|
|
}
|
|
.multiSelectCheckbox__3f413.checked__3f413 path {
|
|
fill: var(--hsl-main-color);
|
|
}
|
|
.optionPillItem__3f413 .optionPillBtn__3f413 {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.optionPillItem__3f413 .optionPillBtn__3f413 .optionPillBtn__3f413 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.recentMentionsPopout__95796 {
|
|
background: var(--hsl-popout-shading);
|
|
box-shadow: none;
|
|
}
|
|
.header_ab6641 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.channelHeader__35a7e {
|
|
background: hsl(from var(--hsl-main-color) h s l/0.8);
|
|
padding-left: 20px;
|
|
padding-right: 6px;
|
|
border-radius: 8px;
|
|
}
|
|
.guildIcon__35a7e {
|
|
background-color: var(--hsl-card-shading);
|
|
}
|
|
.button__06eda {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.button__06eda:hover:not(.disabled__06eda) {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.icon_d404a3 {
|
|
background: var(--hsl-main-color);
|
|
color: #000000; /* Black icon color */
|
|
}
|
|
.jumpButton_ed0c8c {
|
|
background: var(--hsl-main-color);
|
|
border: none;
|
|
}
|
|
.jumpButton_ed0c8c:hover {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.container__0f711 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.maskBackground_db811b {
|
|
background: var(--hsl-main-color) !important;
|
|
}
|
|
.tutorial__2692d {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.tutorialIcon__2692d {
|
|
background: var(--hsl-main-color);
|
|
color: var(--interactive-active);
|
|
}
|
|
.messages__1ccd1 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.collapseButton__427f0 {
|
|
left: 0;
|
|
}
|
|
.container__95796 {
|
|
margin-left: 16px;
|
|
}
|
|
.messageContainer__95796 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
.menu_c1e9c4 {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
border-radius: 5px;
|
|
}
|
|
.colorDefault_c1e9c4.focused_c1e9c4 {
|
|
background-color: var(--hsl-hover-color);
|
|
}
|
|
.colorDefault_c1e9c4:active:not(.hideInteraction_c1e9c4) {
|
|
background-color: var(--hsl-main-color);
|
|
}
|
|
.colorDanger_c1e9c4.focused_c1e9c4 {
|
|
background-color: var(--hsl-danger-color);
|
|
}
|
|
.colorDanger_c1e9c4.focused_c1e9c4:not(.checkboxContainer_c1e9c4) path {
|
|
fill: var(--interactive-active);
|
|
}
|
|
.colorDanger_c1e9c4:active:not(.hideInteraction_c1e9c4) {
|
|
background-color: hsl(from var(--hsl-danger-color) h s l/0.8);
|
|
color: var(--interactive-active);
|
|
}
|
|
.colorDanger_c1e9c4:active:not(.hideInteraction_c1e9c4) .label_c1e9c4 {
|
|
color: var(--interactive-active);
|
|
}
|
|
.item_c1e9c4.focused_c1e9c4 .label_c1e9c4 {
|
|
color: #000000; /* Black text */
|
|
}
|
|
.status_a423bd[style*="rgb(130, 131, 139)"] {
|
|
background-color: var(--hsl-offline-color) !important;
|
|
}
|
|
.status_a423bd[style*="rgb(67, 162, 90)"] {
|
|
background-color: var(--hsl-online-color) !important;
|
|
}
|
|
.status_a423bd[style*="rgb(202, 150, 84)"] {
|
|
background-color: var(--hsl-idle-color) !important;
|
|
}
|
|
.status_a423bd[style*="rgb(216, 58, 66)"] {
|
|
background-color: var(--hsl-dnd-color) !important;
|
|
}
|
|
.focused_c1e9c4#set-status-submenu-online {
|
|
background-color: var(--hsl-online-color);
|
|
}
|
|
.focused_c1e9c4#set-status-submenu-idle {
|
|
background-color: var(--hsl-idle-color);
|
|
}
|
|
.focused_c1e9c4#set-status-submenu-dnd {
|
|
background-color: var(--hsl-dnd-color);
|
|
}
|
|
.focused_c1e9c4#set-status-submenu-invisible {
|
|
background-color: var(--hsl-offline-color);
|
|
}
|
|
.activeIcon_d40c56 path {
|
|
fill: var(--hsl-main-color);
|
|
}
|
|
.focused_d40c56 .activeIcon_d40c56 circle {
|
|
fill: var(--hsl-main-color);
|
|
}
|
|
.tooltipPrimary__382e7 {
|
|
background-color: var(--hsl-popout-shading);
|
|
border: none;
|
|
}
|
|
.tooltipPrimary__382e7 .tooltipPointer__382e7 {
|
|
border-top-color: var(--hsl-popout-shading);
|
|
}
|
|
.tooltipPrimary__382e7 .tooltipPointer__382e7::before,
|
|
.tooltipPrimary__382e7 .tooltipPointer__382e7::after {
|
|
display: none;
|
|
}
|
|
.tooltipBrand__382e7 {
|
|
background-color: var(--hsl-main-color);
|
|
border: none;
|
|
}
|
|
.tooltipBrand__382e7 .tooltipPointer__382e7 {
|
|
border-top-color: var(--hsl-main-color);
|
|
}
|
|
.contentWrapper__08434 {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
}
|
|
.inspector_aeaaeb {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.navButton__08434 {
|
|
border-radius: 5px;
|
|
}
|
|
.navButton__08434:hover {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.navButtonActive__08434 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.navButtonActive__08434:hover {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.emojiPickerHasTabWrapper_c0e32c :is(.emojiPicker_c0e32c, .header_c0e32c) {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.wrapper__14245 {
|
|
background: hsl(from var(--hsl-main-color) h s l/0.8);
|
|
margin-bottom: 10px;
|
|
border-radius: 4px;
|
|
}
|
|
.wrapper__14245::after {
|
|
height: 0;
|
|
}
|
|
.searchBar_c0e32c {
|
|
margin-right: 12px;
|
|
}
|
|
:is(.emojiPicker_c0e32c, .header_c0e32c) {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
}
|
|
.header__8ef02 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.packHeader_e94b8c {
|
|
margin-left: -8px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.container_fed6d3,
|
|
.header_fed6d3 {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.emojiItem_fc7141.emojiItemSelected_fc7141 {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.stickerInspected_c6367b .inspectedIndicator_c6367b {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.categoryFadeBlurple_d02962 {
|
|
background: hsl(from var(--hsl-main-color) h s l/0.8);
|
|
}
|
|
.categoryFadeBlurple_d02962,
|
|
.categoryFadeBlurple_d02962:hover {
|
|
border: none;
|
|
}
|
|
.categoryFade_d02962 {
|
|
border: none;
|
|
}
|
|
.categoryFade_d02962:hover {
|
|
border: 2px solid var(--hsl-main-color);
|
|
}
|
|
.categoryItemDefaultCategorySelected_b9ee0c,
|
|
.categoryItemDefaultCategorySelected_b9ee0c:hover {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.stickerCategoryGenericSelected__3ad28,
|
|
.stickerCategoryGenericSelected__3ad28:hover,
|
|
.firstPartyCategorySelected__3ad28,
|
|
.firstPartyCategorySelected__3ad28:hover {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.messagesPopoutWrap__45690 {
|
|
background: var(--hsl-popout-shading);
|
|
box-shadow: none;
|
|
}
|
|
.header__45690,
|
|
.footer__45690 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.messageGroupWrapper__45690 {
|
|
background: var(--background-mod-subtle);
|
|
border: none;
|
|
}
|
|
.jumpButton__45690 {
|
|
background: var(--hsl-main-color);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
color: var(--interactive-active);
|
|
}
|
|
.jumpButton__45690:hover {
|
|
background: var(--hsl-hover-color);
|
|
color: var(--interactive-active);
|
|
}
|
|
.container__55c99 {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
}
|
|
.queryContainer__55c99 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.option__56fec:hover {
|
|
background-color: var(--hsl-hover-color);
|
|
}
|
|
.option__56fec:hover :is(.filter__56fec, .answer__56fec, .plusIcon__56fec) {
|
|
color: var(--interactive-active);
|
|
}
|
|
.option__56fec:hover
|
|
:is(.searchResultChannelIcon__56fec, .searchResultChannelCategory__56fec) {
|
|
opacity: 1;
|
|
}
|
|
.option__56fec:hover strong {
|
|
color: var(--interactive-active);
|
|
}
|
|
.option__56fec[aria-selected="true"] {
|
|
background-color: var(--hsl-hover-color);
|
|
box-shadow: none;
|
|
}
|
|
.option__56fec[aria-selected="true"] :is(strong, .plusIcon__56fec) {
|
|
color: var(--interactive-active);
|
|
}
|
|
.datePicker__56fec .datePickerHint__56fec .hintValue__56fec {
|
|
background: var(--hsl-main-color);
|
|
padding: 0 5px;
|
|
}
|
|
.calendarPicker_d27f17 .react-datepicker,
|
|
.calendarPicker_d27f17 .react-datepicker__header {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.calendarPicker_d27f17 .react-datepicker__current-month {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
:is(.theme-light, .theme-dark)
|
|
.calendarPicker_d27f17
|
|
.react-datepicker__day-name {
|
|
color: var(--header-primary);
|
|
}
|
|
.calendarPicker_d27f17 .react-datepicker__month {
|
|
border: 1px solid var(--hsl-main-color);
|
|
background: var(--hsl-card-shading);
|
|
border-radius: 4px;
|
|
}
|
|
.calendarPicker_d27f17
|
|
.react-datepicker__day.react-datepicker__day--selected::after {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.calendarPicker_d27f17
|
|
.react-datepicker__day:is(
|
|
.react-datepicker__day--keyboard-selected,
|
|
.react-datepicker__day--selected:hover,
|
|
:hover
|
|
) {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
:is(.theme-light, .theme-dark)
|
|
.calendarPicker_d27f17
|
|
.react-datepicker__day:is(
|
|
.react-datepicker__day--disabled,
|
|
.react-datepicker__day--disabled:hover
|
|
) {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.browser_d98031 {
|
|
background-color: var(--hsl-popout-shading);
|
|
box-shadow: none;
|
|
}
|
|
.header_d9c882 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.container__6764b {
|
|
background: var(--background-mod-subtle);
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
}
|
|
.container__6764b:hover {
|
|
background: var(--background-mod-subtle);
|
|
border: 2px solid var(--hsl-hover-color);
|
|
}
|
|
.icon__1b24f {
|
|
background: var(--hsl-main-color);
|
|
color: #000000; /* Black icon color */
|
|
}
|
|
.popout__76f04 {
|
|
background-color: var(--hsl-popout-shading);
|
|
}
|
|
.contentWrapper__9c62c {
|
|
background: var(--hsl-popout-shading);
|
|
box-shadow: none;
|
|
}
|
|
.sectionRowsContentContainer__927fc {
|
|
gap: 8px;
|
|
}
|
|
.container_cb32c7 {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.container_cb32c7:hover {
|
|
background: var(--hsl-card-shading);
|
|
box-shadow: 0 0 0 2px var(--hsl-hover-color);
|
|
}
|
|
.rowContainer_cb32c7,
|
|
.rowContainer_cb32c7:first-child,
|
|
.rowContainer_cb32c7:last-child {
|
|
border-radius: 8px;
|
|
}
|
|
.rowDivider_cb32c7 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.container__7bdb0 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.overviewContainerNoVideo__95856,
|
|
.overviewContainerWithVideo__95856 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.commandContainer_c94584 {
|
|
gap: 8px;
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.commandContainer_c94584 .command_c94584 {
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
}
|
|
.commandContainer_c94584 .command_c94584:not(:last-child) {
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
}
|
|
.commandContainer_c94584 .command_c94584:not(:last-child):hover {
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.commandContainer_c94584
|
|
:is(
|
|
.command_c94584,
|
|
.command_c94584:first-child,
|
|
.command_c94584:last-child
|
|
) {
|
|
border-radius: 8px;
|
|
}
|
|
.command_c94584 {
|
|
background: var(--background-mod-subtle);
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
}
|
|
.command_c94584:hover {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.sectionContentContainer_b18295 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: rgba(0, 0, 0, 0);
|
|
gap: 8px;
|
|
}
|
|
.clickable__761e5 {
|
|
background: var(--background-mod-subtle);
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
}
|
|
.clickable__761e5:hover {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.clickable__761e5,
|
|
.clickable__761e5:first-child,
|
|
.clickable__761e5:last-child {
|
|
border-radius: 8px;
|
|
}
|
|
.underline__761e5 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
:is(.picker__09f65, .picker__09f65.refresh__09f65) {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.soundButtonWrapper__9be63 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
:is(.soundButton__9be63, .soundButtonRefresh__9be63) {
|
|
background-color: var(--background-mod-subtle);
|
|
}
|
|
:is(.soundButton__9be63, .soundButtonRefresh__9be63):is(
|
|
:hover,
|
|
:focus-within,
|
|
.focused__9be63
|
|
) {
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
:is(.soundButton__9be63, .soundButtonRefresh__9be63):is(
|
|
:hover,
|
|
:focus-within,
|
|
.focused__9be63
|
|
).hoverActiveBackground__9be63 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.popoutContainer__0f481 {
|
|
background: var(--hsl-popout-shading);
|
|
box-shadow: none;
|
|
backdrop-filter: none;
|
|
}
|
|
.guildSection_d5cd2d {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.containerBackground_d4ced7 {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
}
|
|
.containerBackground_d4ced7::after {
|
|
border-top-color: var(--hsl-popout-shading);
|
|
}
|
|
.contentWarningPopout_be95d0 {
|
|
background: var(--hsl-popout-shading);
|
|
box-shadow: none;
|
|
}
|
|
:is(.theme-dark, .theme-light) .footer_be95d0 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.spinnerContainer__86bf6 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.streamPreview__6da2d {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.previewContainer__6da2d {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
:is(.theme-dark, .theme-light) .watchButton__6da2d {
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
:is(.theme-dark, .theme-light) .watchButton__6da2d:not([disabled]):hover {
|
|
border-color: var(--hsl-hover-color);
|
|
}
|
|
.container__4e30a {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.container_b1bfd4 {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.full-motion .translate_faf9c0 {
|
|
transform: unset !important;
|
|
}
|
|
.user-profile-popout:not(.custom-user-profile-theme)::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--user-popout-image) var(--user-popout-position) /
|
|
var(--user-popout-size) no-repeat;
|
|
background-attachment: var(--user-popout-attachment);
|
|
filter: var(--user-popout-filter);
|
|
z-index: -1;
|
|
}
|
|
:is(.user-profile-modal, .user-profile-modal-v2):not(
|
|
.custom-user-profile-theme
|
|
)::before {
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--user-modal-image) var(--user-modal-position) /
|
|
var(--user-modal-size) no-repeat;
|
|
background-attachment: var(--user-modal-attachment);
|
|
filter: var(--user-modal-filter);
|
|
z-index: -1;
|
|
}
|
|
.outer_c0bea0 {
|
|
border: none;
|
|
}
|
|
.outer_c0bea0:not(.custom-user-profile-theme) {
|
|
background: var(--hsl-background-shading);
|
|
}
|
|
.outer_c0bea0:not(.custom-user-profile-theme) .inner_c0bea0 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.outer_c0bea0:not(.custom-user-profile-theme) .outer_ab8609 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.outer_c0bea0:not(.custom-user-profile-theme) .inner_ab8609 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.overlay_c0bea0 {
|
|
background-color: var(--hsl-card-shading);
|
|
}
|
|
.custom-user-profile-theme .inlineContainer__74017 {
|
|
background: var(--user-profile-note-background-focus);
|
|
box-shadow: 0 0 0 2px var(--user-profile-border);
|
|
}
|
|
.custom-user-profile-theme .inlineContainer__74017:focus-within {
|
|
box-shadow: 0 0 2px 2px var(--profile-gradient-primary-color);
|
|
}
|
|
.profile__9c3be {
|
|
background: var(--hsl-background-shading);
|
|
outline: none;
|
|
margin-bottom: 24px;
|
|
border-radius: 8px;
|
|
}
|
|
.profileNote__9c3be .textarea__9daae {
|
|
margin-top: 2px;
|
|
border-color: var(--hsl-input-border-shading);
|
|
background: var(--hsl-input-shading);
|
|
}
|
|
.profileNote__9c3be .textarea__9daae:focus:focus,
|
|
.profileNote__9c3be .textarea__9daae:focus:hover {
|
|
background: var(--hsl-input-shading);
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.outer_ab8609::before,
|
|
.outer_ab8609::after {
|
|
display: none;
|
|
}
|
|
.custom-user-profile-theme .top_b3f026 .item_b3f026 {
|
|
--selected-tab-item-color: var(--profile-gradient-secondary-color);
|
|
}
|
|
.custom-user-profile-theme .top_b3f026 .item_b3f026.selected_b3f026 {
|
|
--selected-tab-item-color: var(--profile-gradient-primary-color);
|
|
}
|
|
.custom-user-profile-theme ::-webkit-scrollbar-thumb {
|
|
background-color: var(--profile-gradient-primary-color);
|
|
}
|
|
.custom-user-profile-theme .textarea__9daae {
|
|
background: var(--user-profile-note-background-focus);
|
|
}
|
|
.custom-user-profile-theme .textarea__9daae:focus {
|
|
border-color: var(--profile-gradient-primary-color);
|
|
background: var(--user-profile-note-background-focus);
|
|
}
|
|
.custom-user-profile-theme:is(.theme-light, .theme-dark)
|
|
.themeColor_fb7f94.secondary_fb7f94 {
|
|
background: var(--profile-gradient-button-color);
|
|
color: var(--button-filled-brand-text);
|
|
}
|
|
.user-profile-sidebar:not(.custom-user-profile-theme) {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.3)
|
|
);
|
|
}
|
|
.outer_c0bea0:not(.custom-user-profile-theme) .role_dfa8b6 {
|
|
border-radius: 4px;
|
|
position: relative;
|
|
}
|
|
.outer_c0bea0:not(.custom-user-profile-theme)
|
|
.role_dfa8b6
|
|
.roleRemoveButton_dfa8b6 {
|
|
position: static;
|
|
}
|
|
.outer_c0bea0:not(.custom-user-profile-theme)
|
|
.role_dfa8b6
|
|
.roleRemoveIcon_dfa8b6 {
|
|
left: 12px;
|
|
}
|
|
.outer_c0bea0:not(.custom-user-profile-theme)
|
|
.role_dfa8b6
|
|
.roleCircle__4f569::before {
|
|
content: "";
|
|
top: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
left: -1px;
|
|
position: absolute;
|
|
background: inherit;
|
|
opacity: 0.2;
|
|
border-radius: 4px;
|
|
}
|
|
.background__4f569 {
|
|
fill: none;
|
|
}
|
|
.dotBorderBase__4f569 {
|
|
fill: none;
|
|
}
|
|
.dotBorderColor__4f569 {
|
|
opacity: 1;
|
|
}
|
|
.container__3dde2 {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
}
|
|
.mask__44b0c rect[fill*="#82838b"] {
|
|
fill: var(--hsl-offline-color);
|
|
}
|
|
.mask__44b0c rect[fill*="#43a25a"] {
|
|
fill: var(--hsl-online-color);
|
|
}
|
|
.mask__44b0c rect[fill*="#ca9654"] {
|
|
fill: var(--hsl-idle-color);
|
|
}
|
|
.mask__44b0c rect[fill*="#d83a42"] {
|
|
fill: var(--hsl-dnd-color);
|
|
}
|
|
.mask__44b0c rect[fill*="#9147ff"] {
|
|
fill: var(--hsl-streaming-color);
|
|
}
|
|
.layer__960e4 {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.contentRegion__23e6b {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.4)
|
|
);
|
|
}
|
|
.contentRegionScroller__23e6b {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.contentColumnDefault__23e6b {
|
|
padding-top: 50px;
|
|
}
|
|
.container_fcf29c {
|
|
background: var(--hsl-popout-shading);
|
|
border: none;
|
|
}
|
|
.cardPrimary__73069,
|
|
.cardPrimary__73069.editable__73069 {
|
|
--__card-accent-color: var(--hsl-card-shading);
|
|
background: var(--hsl-card-shading);
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.card__73069 a {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.card_b846e5::before {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.container__6cd3a,
|
|
.clickableContainer__6cd3a {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.backgroundModifierContainer__6cd3a {
|
|
background: var(--hsl-card-shading);
|
|
border-top-color: rgba(0, 0, 0, 0);
|
|
border-right-color: rgba(0, 0, 0, 0);
|
|
border-bottom-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.backgroundModifierContainer__6cd3a:is(:hover, :active):not(
|
|
.disabled__6cd3a
|
|
):not(.noAction__6cd3a) {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.backgroundModifierContainer__6cd3a.selected__6cd3a {
|
|
background: var(--hsl-card-shading);
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.selected__6cd3a.statusGreen__6cd3a {
|
|
border-color: var(--status-positive);
|
|
}
|
|
.selected__6cd3a.statusYellow__6cd3a {
|
|
border-color: var(--status-warning);
|
|
}
|
|
.selected__6cd3a.statusOrange__6cd3a {
|
|
border-color: var(--orange-360);
|
|
}
|
|
.selected__6cd3a.statusRed__6cd3a {
|
|
border-color: var(--status-danger);
|
|
}
|
|
.collapseable__217b7,
|
|
.collapseable__217b7:active {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.default_e18686,
|
|
.default_e18686:hover {
|
|
background-color: var(--hsl-popout-shading);
|
|
}
|
|
.standardSidebarView__23e6b {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.sidebarRegionScroller__23e6b {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.3)
|
|
);
|
|
padding: 20px 8px 60px 20px;
|
|
}
|
|
.selectedBackground_e681d1 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.accountProfileCard__1fed1 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.badgeList__1fed1,
|
|
.background__1fed1,
|
|
.fieldList__1fed1 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.container_d878e7,
|
|
.avatarBackground_eb2508 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.option__54675 {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.option__54675:hover {
|
|
border: 2px solid var(--hsl-main-color);
|
|
}
|
|
.card__5cea9 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.header__5cea9 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.box_f8c98c {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.row__0624f {
|
|
background: var(--background-mod-subtle);
|
|
border: none;
|
|
}
|
|
.authedAppV2__50a54 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.headerV2__50a54 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.appDetailsContainer__50a54 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.appDetailsContainer__50a54 .appDetailsSection__50a54 {
|
|
background: var(--background-mod-subtle);
|
|
padding: 16px;
|
|
}
|
|
.appDetailsContainer__50a54 .appDetailsSection__50a54:active {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.appDetailsContainer__50a54 .appDetailsSection__50a54:first-child {
|
|
border-radius: 8px 8px 0 0;
|
|
}
|
|
.appDetailsContainer__50a54 .appDetailsSection__50a54:nth-child(2) {
|
|
border-radius: 0 0 8px 8px;
|
|
}
|
|
.actionMenuButton_d84e0f {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.sessionIcon__803f2 {
|
|
background: var(--hsl-main-color);
|
|
color: #000000; /* Black icon color */
|
|
}
|
|
.connectContainer_c7f964,
|
|
.connection_c7f964 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.connectionsContainer_c7f964 {
|
|
justify-content: center;
|
|
}
|
|
.accountButtonInner_c7f964,
|
|
.accountBtnInner__750de {
|
|
background-color: var(--background-mod-subtle);
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
}
|
|
.accountButtonInner_c7f964:hover,
|
|
.accountBtnInner__750de:hover {
|
|
background-color: var(--background-mod-subtle);
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.connectionHeader_c7f964 {
|
|
background: rgba(0, 0, 0, 0);
|
|
padding-bottom: 0;
|
|
}
|
|
.metadataContainer_c7f964 {
|
|
background-color: var(--background-mod-subtle);
|
|
}
|
|
.perkCard_b62c4e {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.innerWrapperBase__70f7f {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.subButton__70f7f {
|
|
color: var(--hsl-main-color) !important;
|
|
}
|
|
.giftButton_b322b1:hover {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.giftCard_a45ed3 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.guildContainer__5dba5,
|
|
.boostContainer_ceb06a {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.appliedBoostContainer_ceb06a {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.detailsBlock_e335a7 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.paymentPane__01014 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.paginator__01014,
|
|
.payment_e9cb00 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.expandedInfo_e9cb00 {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
:is(.theme-light, .theme-dark) .hoverablePayment_e9cb00:hover {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
:is(.theme-light, .theme-dark) .bottomDivider__01014 {
|
|
border-bottom-color: var(--background-mod-subtle);
|
|
}
|
|
:is(.theme-light, .theme-dark) .codeRedemptionRedirect_a706ba {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.container__06283 {
|
|
-webkit-mask-image: url(https://clearvision.github.io/icons/pill.svg);
|
|
mask-image: url(https://clearvision.github.io/icons/pill.svg);
|
|
background: var(--hsl-main-color) !important;
|
|
}
|
|
:is(.theme-light, .theme-dark) .progress__06283 {
|
|
background: var(--hsl-background-shading);
|
|
}
|
|
.notches__06283 {
|
|
display: none;
|
|
}
|
|
:is(.theme-light, .theme-dark) .sliderBar_ac7648 {
|
|
background-color: var(--background-mod-subtle);
|
|
}
|
|
.soundButtonSettingContainer__84bad {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.cameraWrapper_d41d5f {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.backgroundOptionRing__53965 {
|
|
border: 2px solid var(--hsl-main-color);
|
|
}
|
|
.notDetected_cc46f0 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.nowPlaying_cc46f0 {
|
|
background: hsl(from "color.success" h s l/0.8);
|
|
}
|
|
.addGamePopout_cc46f0 {
|
|
background: var(--hsl-popout-shading);
|
|
box-shadow: none;
|
|
}
|
|
:is(.theme-light, html:not(.theme-dark)) .game_cc46f0 {
|
|
box-shadow: 0 1px 0 0 var(--background-mod-subtle);
|
|
}
|
|
.expandedContainer__9d98d,
|
|
.groupHeader__9d98d,
|
|
.groupCollapsedContainer__9d98d,
|
|
.groupContainer__9d98d {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.settingCard__1a4ef,
|
|
.settingCard__1a4ef.active__1a4ef {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.cardFolder__1a4ef {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.scroller__53543 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.container_d5ae15 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.header_d5ae15 {
|
|
background: var(--hsl-input-shading);
|
|
}
|
|
.group__344e6 {
|
|
border-color: var(--background-mod-subtle);
|
|
}
|
|
.item__344e6 {
|
|
background: var(--hsl-card-shading);
|
|
cursor: pointer;
|
|
}
|
|
.item__344e6.selected__344e6 {
|
|
background-color: hsl(from var(--hsl-main-color) h s l/0.4);
|
|
}
|
|
.deny__344e6 {
|
|
color: var(--hsl-danger-color);
|
|
border-right: 1px solid var(--background-mod-subtle);
|
|
}
|
|
.deny__344e6.selected__344e6 {
|
|
background-color: hsl(from var(--hsl-danger-color) h s l/0.6);
|
|
}
|
|
.allow__344e6 {
|
|
color: var(--hsl-success-color);
|
|
border-left: 1px solid var(--background-mod-subtle);
|
|
}
|
|
.allow__344e6.selected__344e6 {
|
|
background-color: hsl(from var(--hsl-success-color) h s l/0.6);
|
|
}
|
|
.itemSelected_ec9088 {
|
|
border: 2px solid var(--hsl-main-color);
|
|
}
|
|
.traitContainer__4cbea {
|
|
background: var(--hsl-input-shading);
|
|
border-color: var(--hsl-input-border-shading);
|
|
}
|
|
.traitContainer__4cbea:focus-within {
|
|
border-color: var(--hsl-main-color);
|
|
box-shadow: 0 0 2px 0 var(--hsl-main-color);
|
|
}
|
|
.emojiWrapper__4cbea {
|
|
border: none;
|
|
padding-left: 10px;
|
|
}
|
|
.traitInput__4cbea {
|
|
background: rgba(0, 0, 0, 0);
|
|
box-shadow: none;
|
|
height: 32px;
|
|
}
|
|
.traitInput__4cbea:focus-within {
|
|
box-shadow: none;
|
|
}
|
|
.wrapper__83b1d,
|
|
.wrapper__83b1d:hover {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.action__83b1d {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.mainTableContainer_fa2640 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.container_d8f25b {
|
|
background: var(--hsl-card-shading);
|
|
border: 2px solid rgba(0, 0, 0, 0);
|
|
}
|
|
.container_d8f25b:hover {
|
|
background: var(--hsl-card-shading);
|
|
border: 2px solid var(--hsl-main-color);
|
|
}
|
|
.icon_d8f25b {
|
|
background: var(--hsl-main-color);
|
|
color: var(--interactive-active);
|
|
}
|
|
.circleButton__5f97b {
|
|
margin-left: 10px;
|
|
}
|
|
.roleRow__5f97b:hover:not(.roleRowDisableHover__5f97b) .circleButton__5f97b {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.roleRow__5f97b:hover:not(.roleRowDisableHover__5f97b)
|
|
.circleButton__5f97b:hover {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.titleContainer_e29cd7 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.header_c6bf1b {
|
|
background: rgba(0, 0, 0, 0);
|
|
transition: background 0.15s ease-in-out;
|
|
}
|
|
.stickyHeaderElevated_c6bf1b {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.container__09ccc {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.joinOptions__959cb {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.joinOptionContent__959cb.active__959cb {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.changelog_abe1fa,
|
|
.safetyChecklist_eae0ef,
|
|
.simpleItemWrapper__5dac8 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.valuePill__5dac8 {
|
|
background: var(--hsl-card-shading);
|
|
border: 1px solid var(--hsl-main-color);
|
|
}
|
|
.auditLog__43dab {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.headerExpanded__43dab,
|
|
.divider__43dab,
|
|
.changeDetails__43dab {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.scrollerContainer_cdb2b0 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.textBadge__0034b {
|
|
border-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.editCard_a25a68 {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
:is(
|
|
.mentionLimitContainer_ed9c90,
|
|
.keywordListContainer__09e76,
|
|
.actionContainer__6446f
|
|
) {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.keywordsTextArea__6a631 {
|
|
background: var(--hsl-input-shading);
|
|
border-color: var(--hsl-input-border-shading);
|
|
}
|
|
.keywordsTextArea__6a631:focus {
|
|
border-color: var(--hsl-main-color);
|
|
box-shadow: 0 0 2px 0 var(--hsl-main-color);
|
|
}
|
|
.actionContainer_bc4513,
|
|
.stepCountIcon_b6c6eb {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.stepperContainer_ed9c90 {
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.textArea_c615b7 {
|
|
background: var(--hsl-input-shading);
|
|
border-color: var(--hsl-input-border-shading);
|
|
}
|
|
.textArea_c615b7:focus-within {
|
|
border-color: var(--hsl-main-color);
|
|
box-shadow: 0 0 2px 0 var(--hsl-main-color);
|
|
}
|
|
.guildDetails_bebc5b {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.featureCard_bebc5b {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.featureIcon_bebc5b {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.upsellContainer__4cfe2 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.upsellFooter__4cfe2 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.howItWorksContainer_dd30dc {
|
|
background: rgba(0, 0, 0, 0);
|
|
padding: 0;
|
|
}
|
|
.howItWorksImageContainer_dd30dc {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.card_fc2e20 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.avatarCard__02e4c {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
:is(.verticalConnector__02e4c, .horizontalConnector__02e4c) {
|
|
border-color: var(--background-mod-subtle) !important;
|
|
}
|
|
.viewServerButton__2485e {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.viewServerButton__2485e:hover {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.tier_f15dca {
|
|
border: none;
|
|
}
|
|
.tierHeader_f15dca,
|
|
.tierBody_f15dca {
|
|
background: var(--hsl-card-shading);
|
|
border: none;
|
|
}
|
|
.descriptionBox__981f7 {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.developerPortalCtaWrapper_bf485f {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.analyticsCard__5931c {
|
|
background: var(--hsl-card-shading);
|
|
}
|
|
.panels_c48ade {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.5)
|
|
);
|
|
border-radius: 0;
|
|
border: none;
|
|
width: 100%;
|
|
left: 0;
|
|
bottom: 0;
|
|
padding: 8px;
|
|
}
|
|
:is(.theme-light, .theme-dark) .panel__5dec7 {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
:is(.theme-light, .theme-dark) .button_e131a9.buttonColor_e131a9 {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
:is(.theme-light, .theme-dark) .button_e131a9.buttonColor_e131a9:hover {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
:is(.theme-light, .theme-dark)
|
|
.button_e131a9.buttonColor_e131a9.buttonActive_e131a9 {
|
|
background: hsl(from var(--hsl-main-color) h s l/0.4);
|
|
color: var(--button-secondary-text);
|
|
border-color: hsl(from var(--hsl-main-color) h s l/0.2);
|
|
}
|
|
:is(.theme-light, .theme-dark)
|
|
.button_e131a9.buttonColor_e131a9.buttonActive_e131a9:hover {
|
|
background: hsl(from var(--hsl-hover-color) h s l/0.3);
|
|
}
|
|
.noiseCancellationPopout_e131a9 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
:is(.theme-light, .theme-dark) .wrapper__0d616 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.contentWrapper__0d616 {
|
|
background: none !important;
|
|
}
|
|
.postEnrollmentBackgroundCollapsed__636a2,
|
|
.postEnrollmentBackgroundExpanded__636a2 {
|
|
background-image: none !important;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.headerText__636a2,
|
|
.submenuIcon__636a2 {
|
|
color: rgba(0, 0, 0, 0);
|
|
}
|
|
.contentInteractable__636a2 .postEnrollmentBackgroundExpanded__636a2 {
|
|
background-color: var(--hsl-popout-shading);
|
|
}
|
|
.contentInteractable__636a2 .headerText__636a2 {
|
|
color: var(--text-default);
|
|
}
|
|
.contentInteractable__636a2 .submenuIcon__636a2 {
|
|
color: var(--interactive-normal);
|
|
}
|
|
.keyboard-mode .focusStroke_cc5dd2 {
|
|
stroke: var(--focus-color);
|
|
stroke-width: 4px;
|
|
}
|
|
.guilds_c48ade {
|
|
margin-bottom: var(--custom-app-panels-height);
|
|
background: rgba(0, 0, 0, 0);
|
|
padding-top: 10px;
|
|
}
|
|
.item__58105 {
|
|
box-shadow: 0 0 3px 1px var(--hsl-main-color);
|
|
}
|
|
.pill__5bc7e {
|
|
bottom: 0;
|
|
}
|
|
.childWrapper__6e9f8 {
|
|
background-color: var(--hsl-card-shading);
|
|
}
|
|
.childWrapper__6e9f8 > svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: var(--home-icon) center/var(--home-size) no-repeat;
|
|
}
|
|
.childWrapper__6e9f8 path {
|
|
display: none;
|
|
}
|
|
.wrapper__6e9f8:hover .childWrapper__6e9f8 {
|
|
background-color: var(--hsl-hover-color);
|
|
}
|
|
.wrapper__6e9f8.selected__6e9f8 .childWrapper__6e9f8 {
|
|
background-color: var(--hsl-main-color);
|
|
}
|
|
.icon__6e9f8 {
|
|
background-color: var(--hsl-card-shading);
|
|
}
|
|
.circleIconButton__5bc7e {
|
|
background-color: var(--hsl-card-shading);
|
|
}
|
|
.circleIconButton__5bc7e.selected__5bc7e {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.circleIconButton__5bc7e:hover:not(.disabled__5bc7e) {
|
|
background: var(--hsl-hover-color);
|
|
}
|
|
.mention__3b95d {
|
|
background: var(--hsl-main-color);
|
|
border-radius: 5px;
|
|
}
|
|
.mention__3b95d:active {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.iconBadge__2b1f5 {
|
|
background: var(--hsl-popout-shading);
|
|
}
|
|
.iconBadge__2b1f5.isCurrentUserConnected__650eb {
|
|
background: var(--hsl-main-color);
|
|
}
|
|
.wrapperCommon__29444 .mainContent__29444 .name__29444 {
|
|
flex: 1;
|
|
}
|
|
.name__29444 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--hsl-main-color);
|
|
font-weight: 700;
|
|
}
|
|
.name__29444::before {
|
|
content: "";
|
|
height: 2px;
|
|
flex-grow: 1;
|
|
transition: all 0.3s ease-in-out;
|
|
background: linear-gradient(to left, var(--hsl-main-color) 50%, transparent);
|
|
margin-right: 5px;
|
|
}
|
|
.name__29444::after {
|
|
content: "";
|
|
height: 2px;
|
|
flex-grow: 1;
|
|
transition: all 0.3s ease-in-out;
|
|
background: linear-gradient(to right, var(--hsl-main-color) 50%, transparent);
|
|
margin-left: 5px;
|
|
}
|
|
.children__29444 {
|
|
margin-left: 6px;
|
|
}
|
|
.addButtonIcon__29444 {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.collapsed__29444 .name__29444::before,
|
|
.collapsed__29444 .name__29444::after {
|
|
flex-grow: 0;
|
|
}
|
|
.wrapper__29444.muted__29444 :is(.name__29444, .addButtonIcon__29444) {
|
|
color: var(--hsl-main-color);
|
|
opacity: 0.5;
|
|
}
|
|
.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .name__29444 {
|
|
color: var(--hsl-hover-color);
|
|
}
|
|
.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .name__29444::before {
|
|
background: linear-gradient(to left, var(--hsl-hover-color) 50%, transparent);
|
|
}
|
|
.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .name__29444::after {
|
|
background: linear-gradient(
|
|
to right,
|
|
var(--hsl-hover-color) 50%,
|
|
transparent
|
|
);
|
|
}
|
|
.wrapper__29444:is(.wrapper__29444, .muted__29444):hover .addButtonIcon__29444 {
|
|
color: var(--hsl-hover-color);
|
|
}
|
|
.icon__29444 {
|
|
display: none;
|
|
}
|
|
.newChannel__599fa {
|
|
background: var(--hsl-main-color) !important;
|
|
color: #000000; /* Black text */
|
|
}
|
|
.sidebarList_c48ade {
|
|
border-top-left-radius: 10px;
|
|
border: none;
|
|
backdrop-filter: none;
|
|
}
|
|
.container__2637a {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.2)
|
|
);
|
|
}
|
|
.animatedContainer_f37cb1 {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
}
|
|
.unread__2ea32 {
|
|
box-shadow: 0 0 6px 1px var(--hsl-main-color);
|
|
}
|
|
.bar__7aaec,
|
|
.bar__3b95d {
|
|
background-color: var(--hsl-main-color);
|
|
border-color: var(--hsl-main-color);
|
|
}
|
|
.unreadIcon__7aaec,
|
|
.barText__7aaec {
|
|
color: var(--interactive-active) !important;
|
|
}
|
|
.spineBorder__5b40b {
|
|
background-color: var(--hsl-main-color);
|
|
}
|
|
.spine__5b40b {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.link__2ea32 {
|
|
transition: all 0.15s ease-in-out;
|
|
margin-left: 4px;
|
|
}
|
|
.link__2ea32::before {
|
|
top: 0;
|
|
right: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
transition: all 0.15s ease-in-out;
|
|
z-index: -1;
|
|
border-radius: 4px;
|
|
}
|
|
.icon__2ea32 {
|
|
width: 18px;
|
|
height: 18px;
|
|
margin-right: 3px;
|
|
transition: all 0.15s ease-in-out;
|
|
color: var(--hsl-channel-normal);
|
|
}
|
|
.name__2ea32 {
|
|
transition: all 0.15s ease-in-out;
|
|
color: var(--hsl-channel-normal);
|
|
}
|
|
.wrapper__2ea32.modeMuted__2ea32 .name__2ea32,
|
|
.wrapper__2ea32.modeMuted__2ea32 .icon__2ea32 {
|
|
color: var(--hsl-channel-muted);
|
|
}
|
|
.wrapper__2ea32:hover .link__2ea32,
|
|
.wrapper__2ea32.modeMuted__2ea32:hover .link__2ea32 {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.wrapper__2ea32:hover .name__2ea32,
|
|
.wrapper__2ea32:hover .icon__2ea32,
|
|
.wrapper__2ea32.modeMuted__2ea32:hover .name__2ea32,
|
|
.wrapper__2ea32.modeMuted__2ea32:hover .icon__2ea32 {
|
|
color: var(--hsl-channel-hover);
|
|
}
|
|
.wrapper__2ea32.modeUnreadImportant__2ea32 .name__2ea32 {
|
|
color: var(--hsl-channel-unread);
|
|
text-shadow: 0 0 3px;
|
|
}
|
|
.wrapper__2ea32.modeUnreadImportant__2ea32 .icon__2ea32 {
|
|
color: var(--hsl-channel-unread);
|
|
filter: drop-shadow(0 0 3px);
|
|
}
|
|
.wrapper__2ea32.modeUnreadImportant__2ea32:hover
|
|
:is(.name__2ea32, .icon__2ea32) {
|
|
color: var(--hsl-channel-unread-hover);
|
|
}
|
|
.wrapper__2ea32.modeSelected__2ea32 .link__2ea32 {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.wrapper__2ea32.modeSelected__2ea32 .link__2ea32::before {
|
|
right: 0;
|
|
background: var(--hsl-channel-selected-bg);
|
|
animation: cv-channel-select 0.3s ease-in-out;
|
|
}
|
|
.wrapper__2ea32.modeSelected__2ea32 .name__2ea32,
|
|
.wrapper__2ea32.modeSelected__2ea32 .icon__2ea32 {
|
|
color: var(--hsl-channel-selected);
|
|
}
|
|
.wrapper__2ea32.modeConnected__2ea32 .name__2ea32 {
|
|
color: var(--hsl-main-color);
|
|
text-shadow: 0 0 3px;
|
|
}
|
|
.wrapper__2ea32.modeConnected__2ea32 .icon__2ea32 {
|
|
color: var(--hsl-main-color);
|
|
filter: drop-shadow(0 0 3px);
|
|
}
|
|
.wrapper__260e1,
|
|
.users__260e1 {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.users__260e1 {
|
|
padding: 0 8px 0 6px;
|
|
}
|
|
.total__260e1 {
|
|
padding: 0 6px 0 1px;
|
|
}
|
|
.list_c3cd7d {
|
|
padding-left: 24px;
|
|
}
|
|
.voiceUser__07f91 {
|
|
z-index: 1;
|
|
}
|
|
.voiceUser__07f91 .content__07f91 {
|
|
border-radius: 3px;
|
|
transition: all 0.15s ease-in-out;
|
|
}
|
|
.voiceUser__07f91 .avatarSpeaking__07f91 {
|
|
box-shadow: 0 0 0 2px var(--hsl-main-color), inset 0 0 3px rgba(0, 0, 0, 0.5);
|
|
position: relative;
|
|
transition: all 0.1s ease-in-out;
|
|
}
|
|
.voiceUser__07f91 .avatarSpeaking__07f91:after {
|
|
content: "";
|
|
top: -2px;
|
|
bottom: -2px;
|
|
width: 150px;
|
|
position: absolute;
|
|
height: 1.8em;
|
|
background: linear-gradient(to right, var(--hsl-main-color) 10%, transparent);
|
|
opacity: 0.5;
|
|
transition: all 0.1s ease-in-out, width 0.15s ease-in-out;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
border-radius: 999px 0 0 999px;
|
|
}
|
|
.voiceUser__07f91 .username__07f91 {
|
|
color: hsla(0, 0%, 100%, 0.5);
|
|
transition: all 0.1s ease-in-out;
|
|
}
|
|
.voiceUser__07f91 .usernameSpeaking__07f91 {
|
|
color: #fff;
|
|
}
|
|
.privateChannels__35e86 {
|
|
background: hsl(
|
|
from var(--hsl-background-shading) h s
|
|
l/calc(var(--background-shading-percent) * 0.2)
|
|
);
|
|
padding-bottom: var(--custom-app-panels-height, 0);
|
|
}
|
|
.scroller__99e7c {
|
|
background: rgba(0, 0, 0, 0);
|
|
margin: 0;
|
|
}
|
|
.privateChannelsHeaderContainer__99e7c,
|
|
.privateChannelsHeaderContainer__99e7c:hover {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.headerText__99e7c {
|
|
display: flex;
|
|
text-transform: uppercase;
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
align-items: center;
|
|
}
|
|
.headerText__99e7c::before {
|
|
content: "";
|
|
height: 2px;
|
|
flex-grow: 1;
|
|
background: linear-gradient(to left, currentColor 50%, transparent);
|
|
margin-right: 5px;
|
|
}
|
|
.headerText__99e7c::after {
|
|
content: "";
|
|
height: 2px;
|
|
flex-grow: 1;
|
|
background: linear-gradient(to right, currentColor 50%, transparent);
|
|
margin-left: 5px;
|
|
}
|
|
.plusIcon__675e5,
|
|
.privateChannelRecipientsInviteButtonIcon__99e7c {
|
|
color: var(--hsl-main-color);
|
|
}
|
|
.plusIcon__675e5:hover,
|
|
.privateChannelRecipientsInviteButtonIcon__99e7c:hover {
|
|
color: var(--hsl-hover-color);
|
|
}
|
|
.empty__99e7c {
|
|
fill: var(--text-default);
|
|
opacity: 0.15;
|
|
}
|
|
.interactive__972a0 {
|
|
transition: all 0.15s ease-in-out;
|
|
border-radius: 4px;
|
|
}
|
|
.interactive__972a0::before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
right: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
transition: all 0.15s ease-in-out;
|
|
z-index: -1;
|
|
border-radius: 4px;
|
|
}
|
|
.interactive__972a0:hover {
|
|
background: var(--background-mod-subtle);
|
|
}
|
|
.interactive__972a0.interactiveSelected__972a0 {
|
|
background-color: rgba(0, 0, 0, 0);
|
|
color: var(--interactive-active);
|
|
}
|
|
.interactive__972a0.interactiveSelected__972a0::before {
|
|
right: 0;
|
|
background: var(--hsl-main-color);
|
|
animation: cv-channel-select 0.3s ease-in-out;
|
|
}
|
|
.interactive__972a0.interactiveSelected__972a0 .activityStatusText__972a0 {
|
|
color: var(--interactive-active);
|
|
}
|
|
.interactive__972a0.interactiveSelected__972a0
|
|
.activityStatusText__972a0
|
|
strong {
|
|
color: var(--interactive-active);
|
|
}
|
|
.sidebar_c48ade {
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
.sidebar_c48ade:after {
|
|
display: none;
|
|
}
|