diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css
index df494d12b1..620eb961c3 100644
--- a/Themes/BasicBackground/BasicBackground.css
+++ b/Themes/BasicBackground/BasicBackground.css
@@ -43,6 +43,41 @@
--backdropposition: center;
--backdropsize: cover;
--backdropblur: unset;
+
+
+ --transparencycolor_v: var(--transparencycolor_s, --transparencycolor);
+ --transparencyalpha_v: var(--transparencyalpha_s, --transparencyalpha);
+ --messagetransparency_v: var(--messagetransparency_s, --messagetransparency);
+ --guildchanneltransparency_v: var(--guildchanneltransparency_s, --guildchanneltransparency);
+ --chatinputtransparency_v: var(--chatinputtransparency_s, --chatinputtransparency);
+ --memberlisttransparency_v: var(--memberlisttransparency_s, --memberlisttransparency);
+ --accentcolor_v: var(--accentcolor_s, --accentcolor);
+
+ --font_v: var(--font_s, --font);
+ --textshadow_v: var(--textshadow_s, --textshadow);
+ --settingsicons_v: var(--settingsicons_s, --settingsicons);
+
+ --background_v: var(--background_s, --background);
+ --backgroundposition_v: var(--backgroundposition_s, --backgroundposition);
+ --backgroundsize_v: var(--backgroundsize_s, --backgroundsize);
+ --backgroundblur_v: var(--backgroundblur_s, --backgroundblur);
+
+ --popout_v: var(--popout_s, --popout);
+ --popoutposition_v: var(--popoutposition_s, --popoutposition);
+ --popoutsize_v: var(--popoutsize_s, --popoutsize);
+ --popoutblur_v: var(--popoutblur_s, --popoutblur);
+
+ --backdrop_v: var(--backdrop_s, --backdrop);
+ --backdropposition_v: var(--backdropposition_s, --backdropposition);
+ --backdropsize_v: var(--backdropsize_s, --backdropsize);
+ --backdropblur_v: var(--backdropblur_s, --backdropblur);
+
+ --textbrightest_v: var(--textbrightest_s, --textbrightest);
+ --textbrighter_v: var(--textbrighter_s, --textbrighter);
+ --textbright_v: var(--textbright_s, --textbright);
+ --textdark_v: var(--textdark_s, --textdark);
+ --textdarker_v: var(--textdarker_s, --textdarker);
+ --textdarkest_v: var(--textdarkest_s, --textdarkest);
}
.theme-light, .theme-dark, .theme-amoled {
@@ -67,37 +102,37 @@
--status-danger: rgb(var(--dangercolor));
--status-danger-background: rgb(var(--dangercolor));
--status-danger-text: #fff;
- --header-primary: rgb(var(--textbrightest));
- --header-secondary: rgb(var(--textbright));
- --text-normal: rgb(var(--textbrighter));
- --text-muted: rgb(var(--textdarker));
- --channels-default: rgb(var(--textdark));
- --channel-icon: rgb(var(--textdark));
- --interactive-normal: rgb(var(--textbright));
- --interactive-hover: rgb(var(--textbrighter));
- --interactive-active: rgb(var(--textbrightest));
- --interactive-muted: rgb(var(--textdarkest));
- --logo-primary: rgb(var(--textbrightest));
- --modal-background: rgba(var(--transparencycolor), .2);
- --modal-footer-background: rgba(var(--transparencycolor), .2);
+ --header-primary: rgb(var(--textbrightest_v));
+ --header-secondary: rgb(var(--textbright_v));
+ --text-normal: rgb(var(--textbrighter_v));
+ --text-muted: rgb(var(--textdarker_v));
+ --channels-default: rgb(var(--textdark_v));
+ --channel-icon: rgb(var(--textdark_v));
+ --interactive-normal: rgb(var(--textbright_v));
+ --interactive-hover: rgb(var(--textbrighter_v));
+ --interactive-active: rgb(var(--textbrightest_v));
+ --interactive-muted: rgb(var(--textdarkest_v));
+ --logo-primary: rgb(var(--textbrightest_v));
+ --modal-background: rgba(var(--transparencycolor_v), .2);
+ --modal-footer-background: rgba(var(--transparencycolor_v), .2);
--home-background: transparent;
- --background-accent: rgba(var(--transparencycolor), .1);
- --background-primary: rgba(var(--transparencycolor), .2);
- --background-secondary: rgba(var(--transparencycolor), .3);
- --background-secondary-alt: rgba(var(--transparencycolor), .35);
- --background-tertiary: rgba(var(--transparencycolor), .4);
- --background-floating: rgba(var(--transparencycolor), .5);
- --background-mobile-primary: rgba(var(--transparencycolor), .2);
- --background-mobile-secondary: rgba(var(--transparencycolor), .3);
- --background-modifier-accent: rgba(var(--textbrightest),.1);
+ --background-accent: rgba(var(--transparencycolor_v), .1);
+ --background-primary: rgba(var(--transparencycolor_v), .2);
+ --background-secondary: rgba(var(--transparencycolor_v), .3);
+ --background-secondary-alt: rgba(var(--transparencycolor_v), .35);
+ --background-tertiary: rgba(var(--transparencycolor_v), .4);
+ --background-floating: rgba(var(--transparencycolor_v), .5);
+ --background-mobile-primary: rgba(var(--transparencycolor_v), .2);
+ --background-mobile-secondary: rgba(var(--transparencycolor_v), .3);
+ --background-modifier-accent: rgba(var(--textbrightest_v),.1);
--background-message-automod: rgba(var(--dangercolor),.05);
--background-message-automod-hover: rgba(var(--dangercolor),.1);
- --channeltextarea-background: rgba(var(--transparencycolor), .3);
- --input-background: rgba(var(--transparencycolor), .1);
- --elevation-low: 0 1px 5px 0 rgba(var(--transparencycolor), .3);
- --elevation-high: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
- --font-primary: var(--font) !important;
- --font-display: var(--font) !important;
+ --channeltextarea-background: rgba(var(--transparencycolor_v), .3);
+ --input-background: rgba(var(--transparencycolor_v), .1);
+ --elevation-low: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
+ --elevation-high: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
+ --font-primary: var(--font_v) !important;
+ --font-display: var(--font_v) !important;
}
html {
@@ -252,32 +287,32 @@ body, /* body */
#app-mount .sidebarRegion__60457, /* settings sidebar */
#app-mount .sidebar__0OpfR { /* sidebarlist sidebar */
- background-color: rgba(var(--transparencycolor), calc(0.2 * (var(--transparencyalpha) / (var(--transparencyalpha) + 0.00000000000000000000001))));
+ background-color: rgba(var(--transparencycolor_v), calc(0.2 * (var(--transparencyalpha_v) / (var(--transparencyalpha_v) + 0.00000000000000000000001))));
}
#app-mount { /* app-mount */
- background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
+ background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
}
#app-mount .wrapper_a7e7a8 { /* guilds container */
- background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 2));
}
#app-mount .sidebar_ded4b5 { /* channels container */
- background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency));
+ background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
}
#app-mount .panels__58331 { /* account/voice container */
- background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) / 1.5));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) / 1.5));
}
#app-mount .container__11d72.themed_b152d4 { /* channelheader container */
- background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency));
+ background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
}
#app-mount .chatHeaderBar__3e137 { /* channelheader sub header */
- background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency));
+ background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
}
#app-mount .membersWrap__90226 { /* members container */
- background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
+ background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
}
#app-mount .nowPlayingColumn_f5023f { /* peoples now playing */
- background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
+ background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
}
#app-mount .image_dabcb8 { /* app errorscreen image */
@@ -300,10 +335,10 @@ body::after {
z-index: -1;
}
body::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
}
body::after {
- backdrop-filter: blur(var(--backgroundblur));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
.layer__2efaa {
z-index: 1000;
@@ -326,14 +361,14 @@ body::after {
.container__4bde3::before,
.layer__2efaa ~ .layer__2efaa::before,
.root__6d24f::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.container__4bde3::after,
.layer__2efaa ~ .layer__2efaa::after,
.root__6d24f::after {
- background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
.uploadArea__13687,
.backdrop__3ff7b,
@@ -360,13 +395,13 @@ body::after {
.uploadArea__13687::before,
.backdrop__3ff7b::before,
.backdrop__7e89b::before {
- background: var(--backdrop) var(--backdropposition)/var(--backdropsize);
+ background: var(--backdrop_v) var(--backdropposition_v)/var(--backdropsize_v);
background-attachment: fixed;
}
.uploadArea__13687::after,
.backdrop__3ff7b::after,
.backdrop__7e89b::after {
- backdrop-filter: blur(var(--backdropblur));
+ backdrop-filter: blur(var(--backdropblur_v));
}
.withLayer__1fe9d {
z-index: -1;
@@ -386,7 +421,7 @@ body::after {
top: 0;
left: 0;
width: 100%;
- background-color: rgba(var(--transparencycolor), calc(0.1 + var(--guildchanneltransparency) * 2));
+ background-color: rgba(var(--transparencycolor_v), calc(0.1 + var(--guildchanneltransparency_v) * 2));
}
.titleBar__01af6:not(.typeMacOS__496b0)::after {
height: 22px;
@@ -413,31 +448,31 @@ body::after {
left: 72px;
}
.winButtonMinMax__72f36:hover {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
/* ~~~~ 4. GUILDLIST ~~~~ */
#app-mount .childWrapper__01b9c { /* homebutton/acronym innerwrap */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: var(--text-normal);
font-weight: 500;
}
#app-mount .wrapper_d281dd:hover .childWrapper__01b9c,
#app-mount .wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c {
background-color: var(--brand-experiment);
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .wrapper_d281dd rect[fill] {
- fill: rgba(var(--transparencycolor), .3);
+ fill: rgba(var(--transparencycolor_v), .3);
}
#app-mount .noIcon__06e39 { /* acronym minicontainer */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .circleIconButton_d8df29 { /* guildadd/discovery innerwrap */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .circleIconButton_d8df29.selected__5250e {
background-color: var(--green-360);
@@ -449,20 +484,20 @@ body::after {
}
#app-mount .dragInner_a23293 { /* dragplaceholder */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.wrapper_ed1dea { /* folder outerwrap */
margin-bottom: 8px;
}
#app-mount .folder__17546 { /* folder iconwrap */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .folder__17546.hover__043de {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
#.expandedFolderBackground__1bec6 { /* folder background */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
border-radius: 15px 15px 24px 24px;
top: 0;
bottom: 0;
@@ -470,7 +505,7 @@ body::after {
transition: border-radius 3s ease, background-color 1s ease;
}
.expandedFolderBackground__1bec6.hover__043de {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] { /* folder guildwrap */
@@ -481,7 +516,7 @@ body::after {
}
.bar_edc096 { /* guild/channelbar inner */
- box-shadow: 0 2px 6px rgba(var(--transparencycolor), .24);
+ box-shadow: 0 2px 6px rgba(var(--transparencycolor_v), .24);
}
.bar_edc096:not(.mention__1afd3) {
background-color: transparent;
@@ -499,18 +534,18 @@ body::after {
z-index: -1;
}
.bar_edc096:not(.mention__1afd3)::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.bar_edc096:not(.mention__1afd3)::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
.sidebar_ded4b5 .bar_edc096:not(.mention__1afd3)::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 0.85 + 0.1));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 0.85 + 0.1));
}
.wrapper_a7e7a8 .bar_edc096:not(.mention__1afd3)::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 1.9 + 0.1));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 1.9 + 0.1));
}
@@ -535,28 +570,28 @@ body::after {
.header__104ca, /* header inner */
.searchBar_e4ea2a { /* header searchbar */
- box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05);
+ box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
}
.searchBar_e4ea2a .searchBarComponent__22760 { /* header searchbarinner */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.clickable__2d589:not(.hasBanner_e78601) .header__104ca:hover,
.selected__0b1ad:not(.hasBanner_e78601) .header__104ca {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 5.2. CHANNELS ---- */
.wrapper__7bcde:hover .link__95dc0 { /* channel content */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.wrapper__7bcde:hover .link__95dc0 [style*="color: var(--text-muted)"] {
color: var(--header-secondary) !important;
}
.modeSelected__487d6 .link__95dc0,
.modeSelected__487d6:hover .link__95dc0 {
- background-color: rgb(var(--accentcolor));
- text-shadow: 1px 1px var(--textshadow);
+ background-color: rgb(var(--accentcolor_v));
+ text-shadow: 1px 1px var(--textshadow_v);
}
.modeSelected__487d6 .link__95dc0 [style*="color: var(--text-muted)"],
.modeSelected__487d6:hover .link__95dc0 [style*="color: var(--text-muted)"] {
@@ -564,7 +599,7 @@ body::after {
}
.modeSelected__487d6 .link__95dc0 svg,
.modeSelected__487d6:hover .link__95dc0 svg {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
.icon_eff5d4 { /* channel icon */
@@ -602,20 +637,20 @@ body::after {
}
.wrapper__5848b { /* voicechat limit */
- background-color: rgba(var(--transparencycolor), .15);
+ background-color: rgba(var(--transparencycolor_v), .15);
}
.wrapper__5848b .users__65981 {
background-color: transparent;
}
.wrapper__5848b .total_c01838 {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.wrapper__5848b .total_c01838::after {
- border-right-color: rgba(var(--transparencycolor), .3);
+ border-right-color: rgba(var(--transparencycolor_v), .3);
}
.listDefault__205d0 .clickable__137bc:hover .content_b60865 {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .streamPreview__1846c {
@@ -639,12 +674,12 @@ body::after {
z-index: -1;
}
.streamPreview__1846c::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.streamPreview__1846c::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .previewContainer_bb1924 {
background-color: transparent;
@@ -662,21 +697,21 @@ body::after {
.interactive__776ee:focus-within, /* dmchannel/page inner */
.interactive__776ee:hover {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.selected_d94cf9,
.selected_d94cf9:focus-within,
.selected_d94cf9:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
color: var(--header-primary);
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
.selected_d94cf9 svg {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
.empty__086ba { /* loadingplaceholders */
- fill: rgba(var(--transparencycolor), .4);
+ fill: rgba(var(--transparencycolor_v), .4);
}
/* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */
@@ -687,7 +722,7 @@ body::after {
border: none;
}
.panels__58331 > *:not(:empty) ~ *:not(:empty) {
- border-top: 1px solid rgba(var(--transparencycolor), .2);
+ border-top: 1px solid rgba(var(--transparencycolor_v), .2);
}
button.button__4f306.enabled__470f0 { /* account/voice panel button */
@@ -695,29 +730,29 @@ button.button__4f306.enabled__470f0 { /* account/voice panel button
}
button.button__4f306.enabled__470f0:hover {
opacity: 1;
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.withTagAsButton_cc125f:hover,
.withTagless__98b7d:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
button.button__4f306.enabled__470f0:hover svg {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
.button__66e8c.buttonColor_a6eb73 {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.button__66e8c.buttonColor_a6eb73:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7,
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover {
- background-color: rgb(var(--accentcolor));
- text-shadow: 1px 1px var(--textshadow);
+ background-color: rgb(var(--accentcolor_v));
+ text-shadow: 1px 1px var(--textshadow_v);
}
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7 svg,
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover svg {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
@@ -758,10 +793,10 @@ button.button__4f306.enabled__470f0:hover svg {
background: var(--background-tertiary);
}
.contentPreview_b317ee { /* forum list item */
- border-color: rgb(var(--transparencycolor));
+ border-color: rgb(var(--transparencycolor_v));
}
#app-mount .textContentFooter__5a630 { /* forum list item footer */
- background: linear-gradient(0deg, rgba(var(--transparencycolor), .5), rgba(var(--transparencycolor), .1));
+ background: linear-gradient(0deg, rgba(var(--transparencycolor_v), .5), rgba(var(--transparencycolor_v), .1));
}
.container__8ee50 {
border-color: var(--background-floating);
@@ -770,8 +805,8 @@ button.button__4f306.enabled__470f0:hover svg {
background: var(--background-floating);
}
#app-mount .container_c24cbd.isOpen_d88bb6 { /* forum selected post */
- background-color: rgb(var(--accentcolor));
- text-shadow: 1px 1px var(--textshadow);
+ background-color: rgb(var(--accentcolor_v));
+ text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .container_c24cbd.isOpen_d88bb6 .defaultColor__77578,
#app-mount .container_c24cbd.isOpen_d88bb6 [style*="color: var(--header-secondary)"] {
@@ -785,49 +820,49 @@ button.button__4f306.enabled__470f0:hover svg {
/* ---- 6.1. CHANNELHEADER ---- */
.container__11d72.themed_b152d4 { /* header themedcontainer */
- box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05);
+ box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
}
.input__321f5:focus { /* header dmchannelinput */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.input__321f5:focus,
.outer_c57160:hover .input__321f5 {
- box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor), .2);
+ box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor_v), .2);
}
.children__32014::after { /* header topicgradient */
display: none;
}
.akaBadge__7df41 { /* header aka */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.searchBar_e0c60b { /* header searchbar */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .public-DraftEditorPlaceholder-root {
- color: rgb(var(--textdarker));
+ color: rgb(var(--textdarker_v));
}
#app-mount .public-DraftEditorPlaceholder-hasFocus {
color: var(--header-secondary);
}
#app-mount .searchFilter__118cb,
#app-mount .searchAnswer_b452e7 {
- background-color: rgb(var(--accentcolor));
- text-shadow: 1px 1px var(--textshadow);
+ background-color: rgb(var(--accentcolor_v));
+ text-shadow: 1px 1px var(--textshadow_v);
}
/* ---- 6.2. MESSAGES ---- */
.clickableAction_bef9b9:hover .action_c957d9, /* guidancechannel options */
.row__70f4c:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.emptyChannelIcon__1a1ba { /* welcomemessage empty channelicon */
position: relative;
- background: rgba(var(--transparencycolor), .4);
+ background: rgba(var(--transparencycolor_v), .4);
overflow: hidden;
}
.emptyChannelIcon__1a1ba::before {
@@ -842,21 +877,21 @@ button.button__4f306.enabled__470f0:hover svg {
}
.button_fb39e8:hover { /* welcomemessage edit channel */
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
color: var(--interactive-active);
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .role__88585 { /* welcomemessage role */
background: transparent;
- border-color: rgba(var(--textbrighter), .6);
+ border-color: rgba(var(--textbrighter_v), .6);
border-radius: 5px;
height: 22px;
padding: 0 5px;
position: relative;
}
#app-mount .role__88585[style*="border-color: rgba(185, 187, 190, .6)"] {
- border-color: rgba(var(--textbrighter), .6) !important;
+ border-color: rgba(var(--textbrighter_v), .6) !important;
}
#app-mount .role__88585 .roleColor_dc66b5 { /* welcomemessage rolecircle */
position: absolute;
@@ -887,7 +922,7 @@ button.button__4f306.enabled__470f0:hover svg {
bottom: -0.6rem;
right: -0.2rem;
left: 0;
- background: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.5));
+ background: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.5));
border-radius: 5px;
pointer-events: none;
z-index: -1;
@@ -911,12 +946,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.content_d67847::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.content_d67847::after {
- background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
.unreadPill__715fc { /* divider unreadpill */
border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles));
@@ -927,7 +962,7 @@ button.button__4f306.enabled__470f0:hover svg {
}
.hasMore_b03f46:hover {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.jumpToPresentBar__0ff7f { /* bar jumptopresent */
bottom: -8px;
@@ -948,12 +983,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.jumpToPresentBar__0ff7f::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.jumpToPresentBar__0ff7f::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
.messagesWrapper_ea2b0b:has(.jumpToPresentBar__0ff7f) ~ .form__13a2c .channelTextArea__2e60f,
.messagesWrapper_ea2b0b:has(.jumpToPresentBar__0ff7f) ~ .form__13a2c .scrollableContainer__33e06 {
@@ -964,7 +999,7 @@ button.button__4f306.enabled__470f0:hover svg {
/* ==== 6.2.1. MESSAGE ==== */
#app-mount .message__04d9f { /* message confirm modal */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: none;
}
.message__80c10, /* message container */
@@ -976,18 +1011,18 @@ button.button__4f306.enabled__470f0:hover svg {
.message__04d9f .wrapper__09ecc, /* message settings preview */
.messageGroupCozy__2dedd, /* message pin popout */
.message_d8db25 .wrapper__09ecc { /* message searchpage */
- background-color: rgba(var(--transparencycolor), var(--messagetransparency)) !important;
+ background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v)) !important;
contain: unset;
}
.message_d8db25 .wrapper__09ecc { /* message searchpage */
- background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8)) !important;
+ background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8)) !important;
}
.message__80c10.selected_fd9051,
.mouse-mode .message__80c10:hover,
.mouse-mode.full-motion .message__80c10:hover,
.mouse-mode .wrapper__5c5cd:hover,
.mouse-mode.full-motion .wrapper__5c5cd:hover {
- background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important;
+ background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important;
}
.messageListItem__6a4fb > .message__80c10.groupStart__56db5 {
border-top-right-radius: 5px;
@@ -1027,10 +1062,10 @@ button.button__4f306.enabled__470f0:hover svg {
.message__80c10.ephemeral_c26b64, /* message localbot */
.message__80c10.replying_d7b6ad, /* message replying */
.message__80c10.highlighted__5f454 { /* message highlighted */
- background-image: linear-gradient(rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))));
+ background-image: linear-gradient(rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))));
}
.message__80c10.mentioned__58017 { /* message mentioned */
- background-image: linear-gradient(rgba(var(--mentioncolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))));
+ background-image: linear-gradient(rgba(var(--mentioncolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))));
}
.message__80c10.automodMessage__410f7 { /* message automodMessage */
background-image: linear-gradient(rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles)))));
@@ -1044,7 +1079,7 @@ button.button__4f306.enabled__470f0:hover svg {
.message__80c10.ephemeral_c26b64::before,
.message__80c10.replying_d7b6ad::before,
.message__80c10.highlighted__5f454::before {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.message__80c10.mentioned__58017::before {
background-color: rgb(var(--mentioncolor));
@@ -1077,7 +1112,7 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .replyBadge__3d01e { /* message reply badge */
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
}
#app-mount .spine_d081ec {
width: 0px;
@@ -1131,15 +1166,15 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .repliedMessage_e2bf4a::before,
#app-mount .spine_d081ec::before {
- border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles))));
+ border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles))));
}
#app-mount .repliedMessage_e2bf4a::after,
#app-mount .spine_d081ec::after {
- border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles)));
+ border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles)));
}
#app-mount .compact__54ecc .repliedMessage_e2bf4a::before,
#app-mount .compact__54ecc .spine_d081ec::before {
- border-color: rgba(var(--textbrighter), .3);
+ border-color: rgba(var(--textbrighter_v), .3);
}
#app-mount .compact__54ecc .repliedMessage_e2bf4a::after,
#app-mount .compact__54ecc .spine_d081ec::after {
@@ -1167,10 +1202,10 @@ button.button__4f306.enabled__470f0:hover svg {
border-bottom-left-radius: 8px;
}
#app-mount .cozy_f5c119.hasThread__58ee2::before {
- border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles))));
+ border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles))));
}
#app-mount .cozy_f5c119.hasThread__58ee2::after {
- border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles)));
+ border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles)));
}
#app-mount .message__80c10.mentioned__58017.hasThread__58ee2::before {
background-color: transparent;
@@ -1178,14 +1213,14 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .compact__54ecc.hasThread__58ee2::after {
left: calc(var(--avatar-size) + 11px);
width: calc(var(--avatar-size) - 13px);
- border-color: rgba(var(--textbrighter), .3);
+ border-color: rgba(var(--textbrighter_v), .3);
}
#app-mount .compact__54ecc.hasThread__58ee2 .contents_f41bb2::before {
- border-color: rgba(var(--textbrighter), .3);
+ border-color: rgba(var(--textbrighter_v), .3);
}
.spine_d081ec {
- border-color: rgba(var(--textbrighter), .3);
+ border-color: rgba(var(--textbrighter_v), .3);
}
.hasThread__58ee2 .spine_d081ec {
display: none;
@@ -1198,19 +1233,19 @@ button.button__4f306.enabled__470f0:hover svg {
top: 12px;
left: -32px;
border: 10px solid transparent;
- border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency));
+ border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v));
}
.messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd .header__39b23::after {
top: 2px;
}
.message_d8db25 .wrapper__09ecc .header__39b23::after {
- border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8));
+ border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8));
}
.cozy_f5c119 .timestamp_cdbd93.alt__6c563 {
left: calc(-78px * var(--usechatbubbles));
}
.cozy_f5c119 .iconContainer_dfc268 {
- background-color: rgba(var(--transparencycolor), var(--messagetransparency));
+ background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v));
border-radius: 50%;
left: calc(1px * (-58 * var(--usechatbubbles) + -48 * (1 - var(--usechatbubbles))));
height: 25px !important;
@@ -1228,7 +1263,7 @@ button.button__4f306.enabled__470f0:hover svg {
top: 2px;
left: 26px;
border: 10px solid transparent;
- border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency));
+ border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v));
}
.cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268::after {
display: none;
@@ -1241,18 +1276,18 @@ button.button__4f306.enabled__470f0:hover svg {
.selected_fd9051.message__80c10.cozy_f5c119 .iconContainer_dfc268::after,
.mouse-mode .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after,
.mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after {
- border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2));
+ border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2));
}
#app-mount .mentioned__58017.cozy_f5c119 .header__39b23::after {
- border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency) * 100000000000000000000000000000));
+ border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
}
#app-mount .ephemeral_c26b64.cozy_f5c119 .header__39b23::after,
#app-mount .replying_d7b6ad.cozy_f5c119 .header__39b23::after,
#app-mount .highlighted__5f454.cozy_f5c119 .header__39b23::after {
- border-right-color: rgba(var(--accentcolor), calc(var(--messagetransparency) * 100000000000000000000000000000));
+ border-right-color: rgba(var(--accentcolor_v), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
}
#app-mount .automodMessage__410f7.cozy_f5c119 .header__39b23::after {
- border-right-color: rgba(var(--dangercolor), calc(var(--messagetransparency) * 100000000000000000000000000000));
+ border-right-color: rgba(var(--dangercolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
}
.message_f3a9e4,
.message__41c2a,
@@ -1311,39 +1346,39 @@ button.button__4f306.enabled__470f0:hover svg {
background: transparent;
}
.avatar_eb6eba { /* message loading avatar */
- background: rgba(var(--transparencycolor), .4);
+ background: rgba(var(--transparencycolor_v), .4);
opacity: 1 !important;
}
.attachment__7a2d0, /* message loading attachment */
.blob__8d5bd { /* message loading blob */
- background: rgb(var(--accentcolor));
+ background: rgb(var(--accentcolor_v));
}
.expanded_be53d7 { /* message expanded blocked */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
border-radius: 5px 5px 0 5px;
margin-bottom: .5625rem;
}
#app-mount .reaction_fef95b { /* message reaction */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
border: none;
}
#app-mount .reaction_fef95b:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
border: none;
}
#app-mount .reaction_fef95b.reactionMe__98f57 {
- background-color: rgba(var(--accentcolor), .8);
+ background-color: rgba(var(--accentcolor_v), .8);
border: none;
}
#app-mount .reaction_fef95b.reactionMe__98f57:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
border: none;
}
#app-mount .reaction_fef95b.reactionMe__98f57 .reactionCount_b49901 {
color: #FFF;
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
.wrapper_c727b6 { /* message buttons */
@@ -1365,20 +1400,20 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.wrapper_c727b6::before {
- background: var(--backgound) var(--backgoundposition)/var(--backgroundsize);
+ background: var(--backgound) var(--backgoundposition)/var(--backgroundsize_v);
background-attachment: fixed;
}
.wrapper_c727b6::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
.button_d553e5:hover,
.button_d553e5.selected__63428 {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.bumpBox_cfd81a { /* messageelement publish box */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.markup_a7e664 code { /* messageelement code */
@@ -1386,29 +1421,29 @@ button.button__4f306.enabled__470f0:hover svg {
border-color: transparent;
}
.markup_a7e664 pre { /* messageelement pre */
- background-color: rgba(var(--transparencycolor), .4);
- border-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .4);
+ border-color: rgba(var(--transparencycolor_v), .1);
}
.markup_a7e664 .inline, /* messageelement inline */
.after_inlineCode__2197d,
.before_inlineCode__37e14,
.inlineCode_d702a4 {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.textContainer__709ff { /* messageelement plain file text */
- background-color: rgba(var(--transparencycolor), .4);
- border-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .4);
+ border-color: rgba(var(--transparencycolor_v), .1);
}
.footer__06f4b { /* messageelement plain file footer */
- background-color: rgba(var(--transparencycolor), .4);
- border-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .4);
+ border-color: rgba(var(--transparencycolor_v), .1);
}
.languageSelector_a1c2f3 { /* messageelement plain file popout */
background-color: transparent;
- border: 1px solid rgba(var(--transparencycolor), .3);
+ border: 1px solid rgba(var(--transparencycolor_v), .3);
border-radius: 5px;
- box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor), .3);
+ box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3);
overflow: hidden;
}
.languageSelector_a1c2f3::before,
@@ -1426,19 +1461,19 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.languageSelector_a1c2f3::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.languageSelector_a1c2f3::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .spoilerContent__37bfa { /* messageelement spoiler */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .spoilerContent__37bfa.hidden_f44e41 { /* messageelement hiddenspoiler */
- background-color: rgba(var(--transparencycolor), .6);
+ background-color: rgba(var(--transparencycolor_v), .6);
}
.icon__8c32c[style*="/assets/7ed159b6acb6da5d9593.svg"] { /* systemmessage pinicon */
@@ -1451,23 +1486,23 @@ button.button__4f306.enabled__470f0:hover svg {
}
.icon__8c32c[style*="/assets/7378a83d74ce97d83380.svg"] { /* systemmessage joingroupicon */
-webkit-mask: url(https://discord.com/assets/7378a83d74ce97d83380.svg) center/cover no-repeat;
- background: rgb(var(--accentcolor)) !important;
+ background: rgb(var(--accentcolor_v)) !important;
}
.icon__8c32c[style*="/assets/9f3b9c1b6e5f77294951.svg"] { /* systemmessage recievecallicon */
-webkit-mask: url(https://discord.com/assets/9f3b9c1b6e5f77294951.svg) center/cover no-repeat;
- background: rgb(var(--accentcolor)) !important;
+ background: rgb(var(--accentcolor_v)) !important;
}
/* ==== 6.2.2. EMBEDS ==== */
#app-mount .embedFull__8dc21 { /* embed wrapper */
- background-color: rgba(var(--transparencycolor), .3);
- border-left-color: rgb(var(--textdarkest));
+ background-color: rgba(var(--transparencycolor_v), .3);
+ border-left-color: rgb(var(--textdarkest_v));
}
#app-mount .attachment_f3cf2c { /* attachment container */
- background-color: rgba(var(--transparencycolor), .3);
- border-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .3);
+ border-color: rgba(var(--transparencycolor_v), .1);
margin-left: 18px;
}
#app-mount .message__80c10 .attachment_f3cf2c {
@@ -1475,25 +1510,25 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .twitchSectionPlayButton__1b39d {
object-position: -999999px -999999px;
- background: rgba(var(--transparencycolor), .4) url('data:image/svg+xml; utf8, ');
+ background: rgba(var(--transparencycolor_v), .4) url('data:image/svg+xml; utf8, ');
border-radius: 50%;
}
#app-mount .twitchSectionPlayButton__1b39d:hover {
- background-color: rgba(var(--transparencycolor), .8);
+ background-color: rgba(var(--transparencycolor_v), .8);
}
#app-mount .wrapper__3a7a0 { /* attachment videowrapper */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
/* ==== 6.2.3. NITROGIFT ==== */
#app-mount .tile_ebc93b { /* gift container */
- background-color: rgba(var(--transparencycolor), .2);
- box-shadow: 0 0 0 rgba(var(--transparencycolor), .15);
+ background-color: rgba(var(--transparencycolor_v), .2);
+ box-shadow: 0 0 0 rgba(var(--transparencycolor_v), .15);
}
#app-mount .tile_ebc93b:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .title__701c1 { /* gift title */
color: var(--header-primary);
@@ -1508,14 +1543,14 @@ button.button__4f306.enabled__470f0:hover svg {
/* ==== 6.2.4. INVITE ==== */
#app-mount .wrapper_efe67f { /* invite container */
- background-color: rgba(var(--transparencycolor), .3);
- border-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .3);
+ border-color: rgba(var(--transparencycolor_v), .1);
}
#app-mount .guildIconImage__93ae7 { /* invite icon */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .guildIconExpired__1d51f { /* erroricon expiredguild */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
opacity: 0.7;
}
@@ -1527,26 +1562,26 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .invite__2a93b { /* invite group invite */
- background-color: rgba(var(--transparencycolor), .3);
- border-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .3);
+ border-color: rgba(var(--transparencycolor_v), .1);
}
#app-mount .artworkSpotifySessionEnded__8272a {
background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
opacity: .5;
}
#app-mount .header__8b673 {
- color: rgb(var(--textdarker));
+ color: rgb(var(--textdarker_v));
}
#app-mount .name_b50cd9,
#app-mount .partyStatus__6a567 {
color: var(--header-primary);
}
#app-mount .moreUsers__1d9e9 {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-secondary);
}
#app-mount .partyMemberEmpty__94736 {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .helpIcon_a58947 {
background-color: var(--header-primary);
@@ -1560,11 +1595,11 @@ button.button__4f306.enabled__470f0:hover svg {
margin-top: 0;
}
.form__13a2c { /* textarea form */
- background: rgba(var(--transparencycolor), var(--chatinputtransparency));
+ background: rgba(var(--transparencycolor_v), var(--chatinputtransparency_v));
margin-top: 0;
padding-top: 8px;
- border-top-right-radius: calc(8px * (1 - (var(--memberlisttransparency) / (var(--memberlisttransparency) + 0.00000000000000000000001))));
- border-top-left-radius: calc(8px * (1 - (var(--guildchanneltransparency) / (var(--guildchanneltransparency) + 0.00000000000000000000001))));
+ border-top-right-radius: calc(8px * (1 - (var(--memberlisttransparency_v) / (var(--memberlisttransparency_v) + 0.00000000000000000000001))));
+ border-top-left-radius: calc(8px * (1 - (var(--guildchanneltransparency_v) / (var(--guildchanneltransparency_v) + 0.00000000000000000000001))));
}
.threadSidebarOpen_fa231d .form__13a2c {
border-top-right-radius: 8px;
@@ -1579,7 +1614,7 @@ button.button__4f306.enabled__470f0:hover svg {
}
.attachedBars_da3c74 { /* textarea reply */
- background: rgba(var(--transparencycolor), .3);
+ background: rgba(var(--transparencycolor_v), .3);
border: none;
border-bottom: 1px solid var(--background-modifier-accent);
}
@@ -1589,7 +1624,7 @@ button.button__4f306.enabled__470f0:hover svg {
}
.scrollableContainer__33e06 { /* textarea container */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.sprite__294b3 { /* textarea emojibutton */
@@ -1597,15 +1632,15 @@ button.button__4f306.enabled__470f0:hover svg {
}
.wrapper_fbbb73 { /* textarea placeholder */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: var(--text-normal);
}
.toolbar_c7b525 { /* textarea formattoolbar */
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.toolbar_c7b525::before {
- border-top-color: rgb(var(--accentcolor));
+ border-top-color: rgb(var(--accentcolor_v));
}
.divider__441cb { /* textarea formattoolbar divider */
border-left-color: hsla(0, 0%,100%, .1);
@@ -1625,7 +1660,7 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .optionPill_f86b98 { /* textarea command query pill */
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
border-radius: 5px;
}
#app-mount .optionPillKey_e84f41 { /* textarea command query pill key */
@@ -1653,15 +1688,15 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
#app-mount .autocomplete_df266d::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
#app-mount .autocomplete_df266d::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.theme-brand .autocomplete_df266d {
- background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important;
+ background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important;
}
.theme-brand .autocomplete_df266d::before,
.theme-brand .autocomplete_df266d::after {
@@ -1671,18 +1706,18 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
}
#app-mount .container_e84cda::after {
- box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor), .3);
+ box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor_v), .3);
}
#app-mount .header__02652 { /* autocomplete header */
- box-shadow: 0 1px 0 0 rgba(var(--transparencycolor), .2), 0 1px 2px 0 rgba(var(--transparencycolor), .2);
+ box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .2), 0 1px 2px 0 rgba(var(--transparencycolor_v), .2);
}
#app-mount .option__32fd1 { /* autocomplete option */
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
}
.clickable_f8437d[aria-selected=true] > .base__76a71, /* autocomplete rowselected */
.clickable_f8437d[aria-disabled=false] > .base__76a71:hover {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .wrapper__4e8f1 { /* autocomplete categories */
@@ -1690,18 +1725,18 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .selected__608f1, /* autocomplete category selected */
#app-mount .selected__608f1:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
#app-mount .selected__608f1 svg {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
#app-mount .searchSuggestion__1a6a7:hover { /* gifpicker suggestions */
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .placeholder__1d2a8 { /* gifpicker result placeholder */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
/* ---- 6.5. MEMBERLIST ---- */
@@ -1710,12 +1745,12 @@ button.button__4f306.enabled__470f0:hover svg {
background: transparent;
}
.avatar__991e2::before { /* emptyavatar */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.memberGroupsPlaceholder_d0ae46, /* loadingplaceholders */
.placeholderAvatar__21e48,
.placeholderUsername__7fd2c {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
/* ---- 6.6. SEARCHPAGE ---- */
@@ -1725,24 +1760,24 @@ button.button__4f306.enabled__470f0:hover svg {
}
.searchHeader__19d87, /* searchpage header */
.searchHeader__19d87 ~ .container_d91be8 { /* searchpage pagination (BSP) */
- background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
border-radius: 0 0 0 8px;
}
.searchResult_dcd237 { /* searchpage searchresult */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.button_f8244b { /* searchpage jumpbutton */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.button_f8244b:hover {
- background-color: rgb(var(--accentcolor));
- text-shadow: 1px 1px var(--textshadow);
+ background-color: rgb(var(--accentcolor_v));
+ text-shadow: 1px 1px var(--textshadow_v);
}
.pageButton_bcd673:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.activeButton__7a550 {
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
/* ---- 6.7. CHAT SIDEBAR ---- */
@@ -1764,12 +1799,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.container_def45c.floating_f021e2::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.container_def45c.floating_f021e2::after {
- background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
.chatTarget__0ea5e.notFloating__80043 ~ .container_def45c {
overflow: visible;
@@ -1821,32 +1856,32 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.root__46d4f::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.root__46d4f::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .wrapper_bd2abe { /* call voice wrapper */
- background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
}
#app-mount .callContainer_cbde45 { /* call voice wrapper inner */
- background-color: rgba(var(--transparencycolor), calc((1 - (var(--guildchanneltransparency) * 0.8)) * 0.8));
+ background-color: rgba(var(--transparencycolor_v), calc((1 - (var(--guildchanneltransparency_v) * 0.8)) * 0.8));
}
#app-mount .root__3eef0 { /* call root */
color: var(--header-primary);
}
.videoWrapper_b42a4f { /* call video wrapper */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.video__79b68 { /* call video */
background-color: transparent;
}
.tile_a411a4, /* call user video voicechannel */
.tile_f5f57f { /* call user video dm */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.gradientContainer__9a5a6 { /* call gradientcontainer */
display: none;
@@ -1859,17 +1894,17 @@ button.button__4f306.enabled__470f0:hover svg {
}
.centerButton__3205b,
.colorable_c84c4c.primaryDark__6b700 {
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
}
.centerButton__3205b:hover,
.colorable_c84c4c.primaryDark__6b700:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.button__13ec4 {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.button__13ec4:hover {
- background-color: rgba(var(--transparencycolor), .6);
+ background-color: rgba(var(--transparencycolor_v), .6);
}
.controlButton_ab2899.colorable_c84c4c.red_a51ba8 {
background-color: rgba(var(--dangercolor)),.5);
@@ -1882,7 +1917,7 @@ button.button__4f306.enabled__470f0:hover svg {
}
.container__3e5cc { /* call podium wrapper */
- background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
}
.callContainer_e8faeb { /* call podium inner */
background-color: transparent;
@@ -1897,13 +1932,13 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
}
.tileContainer__88d69:hover { /* call podium participant */
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.container__7b94f { /* call podium requests */
- background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.3));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.3));
}
.headerContainer_bff52d { /* call podium requests header */
- box-shadow: 0 1px 0 rgba(var(--transparencycolor), .2), 0 1.5px 0 rgba(var(--transparencycolor), .05), 0 2px 0 rgba(var(--transparencycolor), .05);
+ box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
}
/* ---- 6.9. UNAVAILABLESCREEN ---- */
@@ -1911,7 +1946,7 @@ button.button__4f306.enabled__470f0:hover svg {
.category__758fd, /* loadingplaceholders */
.channelIcon_ad6049,
.channelName_f48c90 {
- background: rgba(var(--transparencycolor), .4);
+ background: rgba(var(--transparencycolor_v), .4);
}
.splashImage_d708dc { /* screen image */
opacity: 0.7;
@@ -1921,11 +1956,11 @@ button.button__4f306.enabled__470f0:hover svg {
/* ~~~~ 7. PEOPLES ~~~~ */
.addFriendInputWrapper__4bf8e { /* peoples add friend */
- background-color: rgba(var(--transparencycolor), .1);
- border-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .1);
+ border-color: rgba(var(--transparencycolor_v), .3);
}
.addFriendInputWrapper__4bf8e:hover:not(:focus-within) {
- border-color: rgb(var(--transparencycolor));
+ border-color: rgb(var(--transparencycolor_v));
}
.container_a308ae { /* peoples explore option */
border: none;
@@ -1935,58 +1970,58 @@ button.button__4f306.enabled__470f0:hover svg {
}
.peopleListItem_d14722 .actionButton__23182, /* peoples actionbutton */
.peopleListItem_d14722 .actionButton-3-B2x { /* peoples actionbutton */
- background-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .1);
}
.peopleListItem_d14722 .actionButton__23182:hover,
.peopleListItem_d14722 .actionButton-3-B2x:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.peopleListItem_d14722 .actionButton__23182:hover svg,
.peopleListItem_d14722 .actionButton-3-B2x:hover svg {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
.peopleListItem_d14722.active__6b8ff,
.peopleListItem_d14722:hover,
.peopleListItem_d14722.active__6b8ff,
.peopleListItem_d14722:hover {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.peopleListItem_d14722.active__6b8ff .actionButton__23182,
.peopleListItem_d14722:hover .actionButton__23182,
.peopleListItem_d14722.active__6b8ff .actionButton-3-B2x,
.peopleListItem_d14722:hover .actionButton-3-B2x {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .outer_a41cf3, /* playing card */
#app-mount .wrapper__6e669 { /* playing card */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
border: unset;
}
#app-mount .outer_a41cf3.active__76f42,
#app-mount .outer_a41cf3.interactive__01cfa:hover,
#app-mount .outer_a41cf3.active__76f42,
#app-mount .outer_a41cf3.interactive__01cfa:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .inset__0bfb3 { /* playing card inner */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.emptyCard_f82dde { /* playing empty card */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .partyMemberOverflow_d12297 {
- background: rgba(var(--transparencycolor), .5);
+ background: rgba(var(--transparencycolor_v), .5);
}
#app-mount .partyMemberBackground__8fdc5,
#app-mount .partyMemberUnknown__573ec {
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
}
#app-mount .partyMemberUnknownIcon__7bfe8 {
color: var(--channels-default);
}
#app-mount .popout_c6d10c { /* playing popout */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 8px 16px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 8px 16px 0 rgba(var(--transparencycolor_v), .3);
overflow: hidden;
}
.popout_c6d10c::before,
@@ -2003,15 +2038,15 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.popout_c6d10c::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.popout_c6d10c::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.memberListItem__4000d:not(.popoutDisabled__5e7e3):hover {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
@@ -2022,11 +2057,11 @@ button.button__4f306.enabled__470f0:hover svg {
}
.marketingHeader_c8e5cd { /* marketingheader */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.detailsBlock__1191c { /* billing details */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .categoryHeader__46769, /* categoryheader */
@@ -2036,19 +2071,19 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .tier1Banner__86229 { /* tier1banner container */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: #fff;
}
.smallCarousel_cb7c79 {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
border-radius: 5px;
}
#app-mount .item_d7f2df { /* gamepreview previewitem */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.arrow_f5c530 { /* gamepreview prev/nextarrow (big) */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .themedPagination_c56fb8 .arrow_fe649b { /* gamepreview prev/nextarrow (small) */
color: var(--header-primary);
@@ -2058,7 +2093,7 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .root__3d5e9 { /* gameinfo sectioncontainer */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .header_c26642 { /* gameinfo sectionheader */
color: var(--header-primary);
@@ -2067,7 +2102,7 @@ button.button__4f306.enabled__470f0:hover svg {
border-bottom-color: var(--background-modifier-accent);
}
#app-mount .playerOverflow__58b26 {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-secondary);
}
#app-mount .description__6dac8 { /* gameinfo subsectiondescription */
@@ -2084,7 +2119,7 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--header-primary);
}
#app-mount .iconCircle__4c74f {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .circle_d78580 {
color: var(--header-primary);
@@ -2101,21 +2136,21 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--text-normal);
}
#app-mount .requirementKey_dd27af { /* requirements key */
- color: rgb(var(--textdarker));
+ color: rgb(var(--textdarker_v));
}
#app-mount .content__45a6a { /* requirements rating */
- color: rgb(var(--textdarker));
+ color: rgb(var(--textdarker_v));
}
#app-mount .bodySection_ae0d90 { /* sidebar section */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
border-top-color: var(--background-modifier-accent);
}
#app-mount .actionText__1ae94 { /* sidebar header */
color: var(--text-normal);
}
#app-mount .purchaseUnitOperatingSystem_b02a69 { /* sidebar OSicon */
- color: rgb(var(--textdarkest));
+ color: rgb(var(--textdarkest_v));
}
#app-mount .price_f6c36e, /* sidebar price */
#app-mount .listingPrice__4b50b {
@@ -2134,32 +2169,32 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--header-primary);
}
#app-mount .price_afc9b2 { /* sidebar priceamount */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-primary);
}
#app-mount .label__8394d { /* sidebar label */
- color: rgb(var(--textdarker));
+ color: rgb(var(--textdarker_v));
}
#app-mount .info__087e0 { /* sidebar labelinfo */
color: var(--header-primary);
}
#app-mount .content__8af7f { /* invitecard container */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .name_d69e36 { /* invitecard guildname */
color: var(--header-secondary);
}
#app-mount .memberInfo_a41c1a { /* invitecard memberinfo */
- color: rgb(var(--textdarker));
+ color: rgb(var(--textdarker_v));
}
.premiumSubscriptionAccountCredit__6bab4 { /* abonnements abocard */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .row__80d34 { /* features row */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
color: var(--header-secondary);
}
#app-mount .featureIcon__67ee4 { /* features featureicon */
@@ -2188,12 +2223,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.header_b5ab54::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.header_b5ab54::after {
- background-color: rgba(var(--transparencycolor), .4);
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), .4);
+ backdrop-filter: blur(var(--backgroundblur_v));
}
#app-mount .headerCellSorted__41374 {
@@ -2201,7 +2236,7 @@ button.button__4f306.enabled__470f0:hover svg {
}
.rowWrapperActive_f989dd {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.rowWrapper__2d725 + .rowWrapper__2d725 .row_f3cc85 {
border-top-color: var(--background-modifier-accent);
@@ -2211,7 +2246,7 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--text-muted);
}
#app-mount .background__0a6fb { /* library usagebar */
- stroke: rgb(var(--transparencycolor), .5);
+ stroke: rgb(var(--transparencycolor_v), .5);
}
#app-mount .usageInfo_a68f86 { /* gamelibrary usageinfo */
color: var(--header-secondary);
@@ -2230,7 +2265,7 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--header-primary);
}
#app-mount .defaultIndicator__2a4ea { /* library location indicator */
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
color: var(--header-primary);
}
@@ -2254,23 +2289,23 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .card__86773, /* guilddiscovery card */
#app-mount .card__73022 { /* unihub card */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .iconMask__1aff7, /* guilddiscovery iconmask */
#app-mount .iconMask_f7f012 { /* unihub iconmask */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .card__86773:hover,
#app-mount .iconMask__1aff7:hover,
#app-mount .card__73022:hover,
#app-mount .iconMask_f7f012:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .cardPlaceholder__6e28f { /* guildcard placeholder */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .loading_e7a19f { /* guildcard loading */
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
}
.footerImage_b0b86b {
opacity: .5;
@@ -2293,12 +2328,12 @@ button.button__4f306.enabled__470f0:hover svg {
pointer-events: none;
}
.actionButtonsContainer__16c43::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.actionButtonsContainer__16c43::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
.spinner__97e4c { /* guildcard loading spinner */
background: transparent;
@@ -2320,28 +2355,28 @@ button.button__4f306.enabled__470f0:hover svg {
pointer-events: none;
}
.spinner__97e4c::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.spinner__97e4c::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.4));
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.4));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
#app-mount .addEntryCard_d9422a { /* add entry card */
- background-color: rgba(var(--transparencycolor),.2);
+ background-color: rgba(var(--transparencycolor_v),.2);
border-color: var(--interactive-normal);
}
#app-mount .addEntryCard_d9422a:hover {
- background-color: rgba(var(--transparencycolor),.4);
+ background-color: rgba(var(--transparencycolor_v),.4);
border-color: var(--interactive-active);
}
.emptyContainer_a4bd05 { /* search no results */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.placeholder__278ac { /* search placeholder */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
@@ -2351,7 +2386,7 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .topPill__0cdf1 .themed_b957e8.item__48dda:active:not(.disabled__85bca), /* tabitems */
#app-mount .side_b4b3f6 .themed_b957e8.item__48dda:hover:not(.disabled__85bca), /* sideitems */
#app-mount .topPill__0cdf1 .themed_b957e8.item__48dda:hover:not(.disabled__85bca) { /* tabitems */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda,
#app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda,
@@ -2359,9 +2394,9 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:active,
#app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:hover,
#app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
color: #fff;
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
.bd-social-link[title="BD" i] .bd-social-logo,
@@ -2404,7 +2439,7 @@ button.button__4f306.enabled__470f0:hover svg {
fill: var(--channels-default);
}
#app-mount .closeButton__34341:hover {
- background-color: rgba(var(--accentcolor), .2);
+ background-color: rgba(var(--accentcolor_v), .2);
border-color: var(--header-secondary);
}
#app-mount .closeButton__34341:hover path[fill] {
@@ -2427,7 +2462,7 @@ button.button__4f306.enabled__470f0:hover svg {
fill: var(--header-secondary);
}
#app-mount .closeButtonBold__30e2a:hover {
- background-color: rgba(var(--accentcolor), .4);
+ background-color: rgba(var(--accentcolor_v), .4);
border-color: var(--text-normal);
}
#app-mount .closeButtonBold__30e2a:hover path[fill] {
@@ -2445,21 +2480,21 @@ button.button__4f306.enabled__470f0:hover svg {
.cardPrimary_cb7a0e,
.cardPrimaryEditable__25559 { /* settingsitems card */
- border-color: rgba(var(--transparencycolor), .1);
+ border-color: rgba(var(--transparencycolor_v), .1);
}
.cardPrimary_cb7a0e {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.cardPrimaryEditable__25559 {
- background-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .1);
}
.cardPrimaryOutline__9df8a {
- border-color: rgba(var(--transparencycolor), .2);
+ border-color: rgba(var(--transparencycolor_v), .2);
}
.accountProfileCard__22589 { /* accountsettings container */
background: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
.accountProfileCard__22589::before,
.accountProfileCard__22589::after {
@@ -2476,54 +2511,54 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.accountProfileCard__22589::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.accountProfileCard__22589::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.accountProfileCard__22589 .avatar__6c108 { /* accountsettings container avatar */
background-color: transparent;
border-color: transparent;
}
.questionMark__8d22a svg { /* accountsettings questionmark */
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
#app-mount .background_b61fcc { /* accountsettings container */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .fieldList_aab0de { /* accountsettings settings */
background-color: transparent;
}
.connectContainer__8050b { /* connections container */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.accountButtonInner__80e3a { /* connections connectioninner */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.accountButtonInner__80e3a:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.connection_fff5f6 { /* connections connection */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.connectionHeader__3c82d { /* connections connection header */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.guildHeader__30707 { /* boostsettings suggestioncard */
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
}
.guildSubscriptionSlot_b76fc6 { /* boostsettings suggestioncard */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.cardWrapper_bc8d2a { /* boostsettings suggestioncard */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.cardWrapper_bc8d2a:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.cardWrapper_bc8d2a .card__11580, /* boostsettings suggestioncard inner */
.cardWrapper_bc8d2a .card__11580:hover {
@@ -2540,14 +2575,14 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--header-secondary);
}
#app-mount .hoverablePayment__3ea24:hover {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .paymentHeader__50c05 { /* boostsettings past transactions header */
color: var(--header-primary);
border-color: var(--background-modifier-accent);
}
#app-mount .expandedInfo__47bad { /* boostsettings past transactions expandedinfo */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .paymentText_deeaf4 { /* boostsettings past transactions paymenttext */
color: var(--header-secondary);
@@ -2565,15 +2600,15 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .paymentPane__9cf01 { /* boostsettings past transactions */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-primary);
}
#app-mount .paginator_e620d3 { /* boostsettings past transactions paginator */
- background: rgba(var(--transparencycolor), .3);
+ background: rgba(var(--transparencycolor_v), .3);
color: var(--text-muted);
}
#app-mount .bottomDivider_a59d97 { /* boostsettings past transactions divider */
- border-bottom-color: rgba(var(--transparencycolor), .3);
+ border-bottom-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .tab_b317f5 { /* boostsettings past transactions tab */
color: var(--text-muted);
@@ -2588,8 +2623,8 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .codeRedemptionRedirect_bc7f36 { /* payment coderedem */
- background-color: rgba(var(--transparencycolor), .2);
- border-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .2);
+ border-color: rgba(var(--transparencycolor_v), .1);
color: var(--header-primary);
}
@@ -2603,7 +2638,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: rgba(69, 221, 192, .8);
}
.videoWrapper__7b3e0 {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.container__6d33c { /* voicesettings voicebarcontainer */
@@ -2613,7 +2648,7 @@ button.button__4f306.enabled__470f0:hover svg {
background: transparent !important;
}
#app-mount .progress__2cc1d { /* voicesettings voicebar */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.icon__596c8[src="/assets/6762ed8abdaef6a7f6fc.png"],
.icon__596c8[src="/assets/5af9f85713084d6867a6.png"] {
@@ -2628,22 +2663,22 @@ button.button__4f306.enabled__470f0:hover svg {
object-position: -999999px -999999px;
}
.cameraWrapper__1ee6d { /* voicesettings video */
- background-color: rgba(var(--transparencycolor), .2);
- border-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .2);
+ border-color: rgba(var(--transparencycolor_v), .1);
}
.backgroundOptionInner__1477f { /* voicesettings background option */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.option_a0c054 { /* overlay option */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.option_a0c054:hover,
.option_a0c054.selected_ea51d6 {
- box-shadow: 0 2px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 2px 0 rgba(var(--transparencycolor_v), .3);
}
.disabled_ab18dc {
- color: rgba(var(--transparencycolor), .4);
+ color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .row__7a44a { /* hotkeys row */
@@ -2651,15 +2686,15 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .card_dc88cd::before { /* settingscard backdrop */
- background-color: rgba(var(--transparencycolor), .2);
- border-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .2);
+ border-color: rgba(var(--transparencycolor_v), .1);
}
#app-mount .button__71a0f { /* settingscard removebutton */
- background-color: rgba(var(--transparencycolor), .3);
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .6), 0 1px 5px 0 rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .6), 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .button__71a0f:hover {
- background-color: rgba(var(--transparencycolor), .7);
+ background-color: rgba(var(--transparencycolor_v), .7);
}
#app-mount .game__19f4b { /* games card */
@@ -2667,8 +2702,8 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .gameNameInput_e25dd8:focus,
#app-mount .gameNameInput_e25dd8:hover {
- background-color: rgba(var(--transparencycolor), .3);
- border-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .3);
+ border-color: rgba(var(--transparencycolor_v), .1);
}
#app-mount .gameName_aeeab5 { /* games gamename */
color: var(--header-primary);
@@ -2695,7 +2730,7 @@ button.button__4f306.enabled__470f0:hover svg {
fill: #b4e1cd;
}
#app-mount .notDetected__2a0c9 { /* games nogame */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .notDetected__2a0c9 .lastPlayed_accc56 {
color: var(--header-secondary);
@@ -2718,20 +2753,20 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.addGamePopout_e4ca8f::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.addGamePopout_e4ca8f::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.15));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.15));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .addGamePopout_e4ca8f .cancelButton_b97995 {
color: var(--header-primary);
}
.preview_f42b5d { /* appearance preview */
- background-color: rgba(var(--transparencycolor), .2);
- border-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
+ border-color: rgba(var(--transparencycolor_v), .2);
}
@@ -2739,11 +2774,11 @@ button.button__4f306.enabled__470f0:hover svg {
.container__467eb { /* settings confirmnotice */
position: relative;
- backdrop-filter: blur(var(--backgroundblur));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
.container__467eb[style*="background-color: rgba(248, 249, 249"],
.container__467eb[style*="background-color: rgba(32, 34, 37"] {
- background-color: rgba(var(--transparencycolor), .7) !important;
+ background-color: rgba(var(--transparencycolor_v), .7) !important;
}
.container__467eb[style*="background-color: rgba(248, 249, 249"] .message__13e98,
.container__467eb[style*="background-color: rgba(32, 34, 37"] .message__13e98 {
@@ -2760,7 +2795,7 @@ button.button__4f306.enabled__470f0:hover svg {
bottom: 0;
right: 0;
left: 0;
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
pointer-events: none;
z-index: -1;
@@ -2787,45 +2822,45 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.profileCard__03b33::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.profileCard__03b33::after {
- backdrop-filter: blur(var(--popoutblur));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.sidebar_bdf6b7 { /* rolesettings sidebar */
- background-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .1);
border: none;
}
.container_d5f6d0 { /* rolesettings everyone role */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.container_d5f6d0:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.settingCard__00567 { /* rolesettings setting card */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.settingCard__00567.active__898cd { /* rolesettings setting card active */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.cardFolder__34393 { /* rolesettings setting card body */
background-color: transparent;
}
.group__6ae8b { /* rolesettings permissions group */
- border-color: rgb(var(--transparencycolor), .4);
+ border-color: rgb(var(--transparencycolor_v), .4);
}
.item_f48d11 { /* rolesettings permissions item */
- background: rgb(var(--transparencycolor), .2);
+ background: rgb(var(--transparencycolor_v), .2);
}
.item_f48d11:hover {
- background: rgb(var(--transparencycolor), .4);
+ background: rgb(var(--transparencycolor_v), .4);
}
.passthrough__7cd54.selected__47401 { /* rolesettings permissions passthrough selected */
- background: rgb(var(--accentcolor));
+ background: rgb(var(--accentcolor_v));
}
.icon__4c736 { /* rolesettings everyone role icon */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.titleContainer_e558ff, /* rolesettings roles list header */
.header__63c59 { /* rolesettings perms list header */
@@ -2847,31 +2882,31 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.header__63c59::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.header__63c59::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha)));
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v)));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
.roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) { /* rolesettings role row */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) .circleButton__29ce2 {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) .circleButton__29ce2:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.roleRow_c357d5:before,
.roleRow_c357d5:last-child:after {
background-color: var(--background-modifier-accent);
}
.memberRow__91c35:hover { /* rolesettings member row */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .colorPickerSwatch__87597.noColor_bf5131 { /* rolesettings colorswatch nocolor */
- border-color: rgba(var(--textbrightest), .3);
+ border-color: rgba(var(--textbrightest_v), .3);
}
#app-mount .colorPickerSwatch__87597.noColor_bf5131 .colorPickerDropperFg__72d34 {
fill: var(--header-primary);
@@ -2887,13 +2922,13 @@ button.button__4f306.enabled__470f0:hover svg {
background: var(--background-tertiary);
}
.messageContainer__18275 { /* rolesettings preview message */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.theme-light .messageContainer__18275 {
display: none;
}
.addMemberRow_d14116.selectedRow__754b4 { /* rolesettings add member row */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
/* emojisettings alias */
@@ -2903,27 +2938,27 @@ button.button__4f306.enabled__470f0:hover svg {
color: transparent !important;
}
#app-mount .emojiAliasInput_dd55f7 .emojiInput__4fe54 { /* emojisettings nameinput */
- background-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .1);
}
#app-mount .auditLog__6c805 { /* auditlogs logitem */
- border-color: rgba(var(--transparencycolor), .1);
+ border-color: rgba(var(--transparencycolor_v), .1);
color: var(--text-muted);
}
#app-mount .headerClickable_c4d7a9, /* auditlogs loginner */
#app-mount .headerDefault__3e003 {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
color: var(--header-secondary);
}
#app-mount .headerExpanded__03c29 {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-secondary);
}
#app-mount .divider__1505d { /* auditlogs loginnerdivider */
background-color: var(--background-modifier-accent);
}
#app-mount .changeDetails_ecd760 { /* auditlogs logdetails */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .userHook_b1bf70 { /* auditlogs userhook */
color: var(--header-primary);
@@ -3022,50 +3057,50 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .card_fd0d59 { /* integrationsettings card */
- border-color: rgba(var(--transparencycolor), .1)
+ border-color: rgba(var(--transparencycolor_v), .1)
}
#app-mount .card__05cf8 { /* integrationsettings webhook card */
- border-color: rgba(var(--transparencycolor), .1)
+ border-color: rgba(var(--transparencycolor_v), .1)
}
#app-mount .card__39d1a { /* integrationsettings apps card */
- border-color: rgba(var(--transparencycolor), .1)
+ border-color: rgba(var(--transparencycolor_v), .1)
}
#app-mount .card__78185 { /* integrationsettings follows card */
- border-color: rgba(var(--transparencycolor), .1)
+ border-color: rgba(var(--transparencycolor_v), .1)
}
#app-mount .iconWrapper__8fbb1 { /* integrationsettings icon */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.guildDetails_fc2c63 { /* communitysettings intro details */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.featureCard__0a441 { /* communitysettings intro featurecard */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.featureIcon__48a2c { /* communitysettings intro featureicon */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.upsellContainer__978df { /* communitysettings general upsellcontainer */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.upsellFooter__63475 { /* communitysettings general upsellfooter */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.developerPortalCtaWrapper__21172 { /* communitysettings analytics info */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.analyticsCard_a976ba { /* communitysettings analytics card */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .card__81c50 { /* communitysettings discovery card */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .iconMask_c8b196 { /* communitysettings discovery icon */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.splashImage_bfd001[src="/assets/467602d632b5f9c1ce4b.svg"],
.splashImage_bfd001[src="/assets/d4d9f2bff23beec65b1f.svg"] {
@@ -3074,35 +3109,35 @@ button.button__4f306.enabled__470f0:hover svg {
object-position: -999999px -999999px;
}
.container__0d7bc { /* communitysettings discovery checklist */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.header_d08072 { /* communitysettings discovery checklist header */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.descriptionBox_cca0c3 { /* templatesettings descriptionbox */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .tierHeaderLocked__4d099 { /* boostsettings tierheaderlocked */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
color: var(--header-secondary);
}
#app-mount .tierHeaderUnlocked_cc60fa { /* boostsettings tierheaderunlocked */
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
}
#app-mount .tierCloseClose_b6b875 { /* boostsettings tiercloseclose */
color: var(--header-primary);
}
#app-mount .tierBody__615a1 { /* boostsettings tierbody */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-secondary);
}
#app-mount .tierInProgress_f08e8b { /* boostsettings tiermilestone */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .background__3dd67 { /* boostsettings tierbar (settings) */
- color: rgba(var(--transparencycolor), .3);
+ color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .member__55269 { /* membersettings membercard */
@@ -3115,7 +3150,7 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--text-muted);
}
#app-mount .member__55269 .roleWrapper__0f174 { /* membersettings rolewrapper */
- color: rgba(var(--textbrightest),.8);
+ color: rgba(var(--textbrightest_v),.8);
}
#app-mount .actionButton__81eaa { /* membersettings addrolebutton */
border-color: var(--header-secondary);
@@ -3131,7 +3166,7 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .overflowRolesPopout__88ab9, /* membersettings roleoverflow popout */
#app-mount .overflowRolesPopoutArrow_f3db31 {
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .2), 0 2px 10px 0 rgba(var(--transparencycolor), .2);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .2), 0 2px 10px 0 rgba(var(--transparencycolor_v), .2);
border: none;
border-radius: 3px;
overflow: hidden;
@@ -3153,13 +3188,13 @@ button.button__4f306.enabled__470f0:hover svg {
}
.overflowRolesPopout__88ab9::before,
.overflowRolesPopoutArrow_f3db31::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.overflowRolesPopout__88ab9::after,
.overflowRolesPopoutArrow_f3db31::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.overflowRolesPopoutHeaderIcon__07f88 path {
fill: var(--header-secondary);
@@ -3169,8 +3204,8 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .to_d0a2ea { /* membersettings transfer to */
- background-color: rgba(var(--transparencycolor), .3);
- box-shadow: 0 0 0 4px rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
+ box-shadow: 0 0 0 4px rgba(var(--transparencycolor_v), .3);
}
#app-mount .fromToWrapper__2c6f3 {
background: transparent;
@@ -3195,7 +3230,7 @@ button.button__4f306.enabled__470f0:hover svg {
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
}
#app-mount .bannedUser__38b44:hover {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
@@ -3244,13 +3279,13 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .root_a28985:not(.noBackground_ebd8f7), /* modal container (foldersettings) */
#app-mount .modal__060da { /* modal container */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
border-radius: 5px;
transform: unset !important;
}
#app-mount .rootWithShadow__073a7:not(.noShadow__49254) {
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
.root_a28985 > *,
.modal__060da > * {
@@ -3274,13 +3309,13 @@ button.button__4f306.enabled__470f0:hover svg {
}
.root_a28985::before,
.modal__060da::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.root_a28985::after,
.modal__060da::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.root_a28985 .modal__060da::before,
.root_a28985.noBackground_ebd8f7::before,
@@ -3294,12 +3329,12 @@ button.button__4f306.enabled__470f0:hover svg {
background: transparent !important;
}
#app-mount .modalTextContainer_ddfc28 { /* modal text file */
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
border: none;
}
#app-mount .footer__89240,
#app-mount .footer__09373 { /* modal footer */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
z-index: 0;
}
#app-mount .footerSeparator__57d95 {
@@ -3307,15 +3342,15 @@ button.button__4f306.enabled__470f0:hover svg {
}
.tabBarContainer__63f55 { /* modal tabbarcontainer */
- border-top-color: rgba(var(--transparencycolor), .3);
+ border-top-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .modal_6GHvdM .tabBarContainer__63f55 {
- background: rgba(var(--transparencycolor), .2);
- box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1);
+ background: rgba(var(--transparencycolor_v), .2);
+ box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .1);
}
#app-mount .separator_ff09cd {
- box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3);
+ box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v),.3), 0 1px 2px 0 rgba(var(--transparencycolor_v),.3);
}
#app-mount .divider__1464c {
border-color: var(--background-modifier-accent);
@@ -3355,7 +3390,7 @@ button.button__4f306.enabled__470f0:hover svg {
/* ---- 13.1. USERMODAL ----- */
.listRow__60937:hover {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.emptyIcon__655a1 { /* body emptypic */
opacity: .5;
@@ -3368,12 +3403,12 @@ button.button__4f306.enabled__470f0:hover svg {
.container__73245, /* create modal item */
.guildRow_b1c31c { /* hub modal item */
- background-color: rgb(var(--transparencycolor), .2);
+ background-color: rgb(var(--transparencycolor_v), .2);
border: none;
}
.container__73245:hover,
.guildRow_b1c31c:hover {
- background-color: rgb(var(--transparencycolor), .4);
+ background-color: rgb(var(--transparencycolor_v), .4);
}
.text__43e5f, /* create modal text */
.guildName_e8fc4b { /* hub modal text */
@@ -3404,7 +3439,7 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .uploadModal_eae2a0 { /* modal container */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
border-radius: 10px;
}
@@ -3423,12 +3458,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.uploadModal_eae2a0::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.uploadModal_eae2a0::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.uploadModalIn_c0ca4b .uploadDropModal__73a36 {
@@ -3436,24 +3471,24 @@ button.button__4f306.enabled__470f0:hover svg {
}
.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .title__73a49,
.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .instructions__9e259 {
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
.uploadModal_eae2a0 .inner__7afe9 { /* modal channeltextarea */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.uploadModal_eae2a0 .footer_ceda43 { /* modal footer */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: none;
}
.uploadModal_eae2a0 .inner__7afe9 .file_f309f6 .icon__25b13.image__00ac0 {
- box-shadow: 0 2px 8px rgba(var(--transparencycolor), .4);
+ box-shadow: 0 2px 8px rgba(var(--transparencycolor_v), .4);
}
/* ---- 13.4. KEYBOARDSHORTCUTSMODAL ---- */
#app-mount .keyboardShortcutsModal__74c71 { /* modal container */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
overflow: hidden;
}
@@ -3471,12 +3506,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.keyboardShortcutsModal__74c71::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.keyboardShortcutsModal__74c71::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .modalTitle_cf2de1 { /* modal title */
color: var(--header-primary);
@@ -3507,7 +3542,7 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .quickswitcher_a3d29a { /* modal container */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
overflow: hidden;
flex: 1 1 auto;
@@ -3526,12 +3561,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.quickswitcher_a3d29a::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.quickswitcher_a3d29a::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .emptyState_afda24 {
background: transparent;
@@ -3554,18 +3589,18 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
}
#app-mount .input__848cd { /* modal input */
- background-color: rgba(var(--transparencycolor), .4);
- box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .4);
+ box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .result__25f11[aria-selected=true] { /* modal resultselected */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 13.6. INVITEMODAL/GROUPCREATE ---- */
#app-mount .contentWrapper__85d37 { /* modal guildinvitemodal */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
overflow: hidden;
}
@@ -3583,17 +3618,17 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.contentWrapper__85d37::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.contentWrapper__85d37::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .friendSelected_f0db37, /* modal groupdmrow */
#app-mount .inviteRow_a25947:hover { /* modal guildrow */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .friend__05c43, /* modal groupdmrow */
#app-mount .inviteRowName_bc8b23 { /* modal username */
@@ -3610,12 +3645,12 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--header-secondary);
}
.tag__69d9d { /* modal added user */
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
color: #fff;
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
.pill_c0440d {
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
}
#app-mount .notFriends__778a1 .errorStateIcon__7edd8 {
background-image: url(https://discord.com/assets/07aa1f325ebe8b8af5cb.svg);
@@ -3652,18 +3687,18 @@ button.button__4f306.enabled__470f0:hover svg {
overflow: hidden;
}
#app-mount .authBox__7196a.authBoxExpanded_e57789 { /* login modal body expanded */
- background-color: rgba(var(--transparencycolor), .5);
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .5);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .navRow_bb8efc { /* modal modal footer */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 13.8. DOWNLOADAPPMODAL ---- */
#app-mount .downloadApps__30ed7 { /* modal container */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
overflow: hidden;
}
@@ -3681,12 +3716,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.downloadApps__30ed7::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.downloadApps__30ed7::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.downloadApps__30ed7 .header__01af9 {
color: var(--text-normal);
@@ -3704,7 +3739,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: var(--header-secondary);
}
.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa .downloadButton__87489 {
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
/* ---- 13.9. GUILDBOOSTMODAL ---- */
@@ -3716,13 +3751,13 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--text-normal);
}
#app-mount .moreSubscribers_a13ebc { /* modal suboverflow */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-primary)
}
#app-mount .subscribersPopout__1da1e { /* subpopout container */
background-color: transparent;
- box-shadow: 0 2px 10px rgba(var(--transparencycolor), .2);
+ box-shadow: 0 2px 10px rgba(var(--transparencycolor_v), .2);
overflow: hidden;
}
.subscribersPopout__1da1e::before,
@@ -3739,43 +3774,43 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.subscribersPopout__1da1e::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.subscribersPopout__1da1e::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .subscribersPopoutUser_a790de { /* subpopout users */
color: var(--header-secondary);
}
#app-mount .iconWrapper__9caa9 { /* prebuy popout amount icon wrapper */
- background: rgba(var(--transparencycolor), .3);
+ background: rgba(var(--transparencycolor_v), .3);
}
.icon_ae3492:hover { /* prebuy popout amount icon */
- background: rgb(var(--accentcolor));
+ background: rgb(var(--accentcolor_v));
}
/* ---- 13.10. REACTIONSMODAL ---- */
#app-mount .scroller__5fda0 { /* modal sidebar */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .reactors__20ab0 { /* modal list */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .reactionDefault__792ef:hover { /* modal reaction */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .reactionSelected__249a7 {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .remove__6bd0e { /* modal remove */
color: var(--interactive-normal);
}
#app-mount .remove__6bd0e:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
color: var(--interactive-hover);
}
#app-mount .discriminator__18879 { /* modal discriminator */
@@ -3785,22 +3820,22 @@ button.button__4f306.enabled__470f0:hover svg {
/* ---- 13.11. GUILDWELCOMEMODAL ---- */
.optionContainer__5d0b1 { /* modal option */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.optionContainer__5d0b1:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
/* ---- 13.12. GUILDRULESMODAL ---- */
.guildSidebar__8763f { /* modal sidebar */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.footer__2f589 { /* modal footer */
background: transparent;
}
.modal_b38209 { /* modal inner */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 13.13. GUILDFEEDBACKMODAL ---- */
@@ -3810,36 +3845,36 @@ button.button__4f306.enabled__470f0:hover svg {
border-radius: 0;
}
.option_f70eea { /* modal item */
- background-color: rgb(var(--transparencycolor), .2);
+ background-color: rgb(var(--transparencycolor_v), .2);
border: none;
border-radius: 8px;
margin-bottom: 8px;
}
.option_f70eea:hover {
- background-color: rgb(var(--transparencycolor), .4);
+ background-color: rgb(var(--transparencycolor_v), .4);
}
/* ---- 13.14. SCREENSHAREMODAL ---- */
#app-mount .sourceThumbnail__21c87 { /* modal preview tiles */
- background-color: rgba(var(--transparencycolor), .4);
- box-shadow: 0 2px 5px rgba(var(--transparencycolor), .2), 0 0 0 1px rgba(var(--transparencycolor), .6);
+ background-color: rgba(var(--transparencycolor_v), .4);
+ box-shadow: 0 2px 5px rgba(var(--transparencycolor_v), .2), 0 0 0 1px rgba(var(--transparencycolor_v), .6);
}
.card__7756d {
- background-color: rgba(var(--transparencycolor), .2);
- border-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .2);
+ border-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .item__126a6 {
- border-color: rgba(var(--transparencycolor), .4);
+ border-color: rgba(var(--transparencycolor_v), .4);
}
.selectorButton_c6ae93:not(.selectorButtonSelected_fbe8fc) {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 13.15. PHONEVERIFICATIONMODAL ---- */
.phoneField__65729 {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.phoneField__65729 .inputField__3008c {
background-color: transparent;
@@ -3875,7 +3910,7 @@ button.button__4f306.enabled__470f0:hover svg {
/* ---- 13.17. PODIUMSTARTMODAL ---- */
#app-mount .iconContainer__466ce {
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
}
@@ -3919,7 +3954,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
border: none;
border-radius: 5px;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
color: var(--header-primary);
position: relative;
}
@@ -3944,14 +3979,14 @@ button.button__4f306.enabled__470f0:hover svg {
.loadingPopout__5f0e8::before,
.container__8261a::before,
.themedPopout_1TrfdI::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.loadingPopout__5f0e8::after,
.container__8261a::after,
.themedPopout_1TrfdI::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .divider__17151 { /* popout divider */
border-color: var(--background-modifier-accent);
@@ -3962,7 +3997,7 @@ button.button__4f306.enabled__470f0:hover svg {
.menu_dc52c6, /* contextmenu fixed */
.submenu_acf564 { /* contextmenu submenu */
background: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
.menu_dc52c6::before,
.submenu_acf564::before,
@@ -3982,20 +4017,20 @@ button.button__4f306.enabled__470f0:hover svg {
}
.menu_dc52c6::before,
.submenu_acf564::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.menu_dc52c6::after,
.submenu_acf564::after {
- background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3));
- backdrop-filter: blur(var(--popoutblur));
+ background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.submenu_acf564 {
position: relative;
}
.item__183e8.colorDefault__0b482.focused__27621,
.item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e) {
- background-color: rgba(var(--accentcolor), .2) !important;
+ background-color: rgba(var(--accentcolor_v), .2) !important;
}
.item__183e8.colorDanger_eec36d.focused__27621,
.item__183e8.colorDanger_eec36d:hover:not(.hideInteraction__2790e) {
@@ -4007,18 +4042,18 @@ button.button__4f306.enabled__470f0:hover svg {
}
.item__183e8.colorBrand__471df.focused__27621,
.item__183e8.colorBrand__471df:hover:not(.hideInteraction__2790e) {
- background-color: rgba(var(--accentcolor), .2) !important;
+ background-color: rgba(var(--accentcolor_v), .2) !important;
}
.item__183e8.colorPremium__548bd.focused__27621,
.item__183e8.colorPremium__548bd:hover:not(.hideInteraction__2790e) {
- background-color: rgba(var(--accentcolor2), .2) !important;
+ background-color: rgba(var(--accentcolor2_v), .2) !important;
}
.item__183e8.colorPremiumGradient__45b85.focused__27621,
.item__183e8.colorPremiumGradient__45b85:hover:not(.hideInteraction__2790e) {
- background: linear-gradient(90deg, rgba(var(--accentcolor2), .2), rgba(var(--accentcolor), .2)) !important;
+ background: linear-gradient(90deg, rgba(var(--accentcolor2_v), .2), rgba(var(--accentcolor_v), .2)) !important;
}
#app-mount .item__183e8 .checkbox__45366 { /* contextmenu checkbox */
- color: rgb(var(--accentcolor));
+ color: rgb(var(--accentcolor_v));
}
#app-mount .item__183e8.colorDanger_eec36d .checkbox__45366 {
color: rgb(var(--dangercolor));
@@ -4027,23 +4062,23 @@ button.button__4f306.enabled__470f0:hover svg {
color: rgb(var(--successcolor));
}
#app-mount .item__183e8.colorPremium__548bd .checkbox__45366 {
- color: rgb(var(--accentcolor2));
+ color: rgb(var(--accentcolor2_v));
}
#app-mount .item__183e8 .check__8d1bd { /* contextmenu checkmark */
color: #fff;
- stroke: var(--textshadow);
+ stroke: var(--textshadow_v);
}
.button__3ecb4 { /* contextmenu quick reaction button */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.button__3ecb4:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
/* ---- 14.2. USERPOPOUT ---- */
.userPopoutOuter_d739b2 { /* popout container */
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
.userProfileOuterUnthemed__48723 { /* popout container */
background: transparent;
@@ -4063,12 +4098,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.userProfileOuterUnthemed__48723::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.userProfileOuterUnthemed__48723::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.accountProfilePopoutWrapper_af829a .overlayBackground__86b78 {
display: block !important;
@@ -4120,20 +4155,20 @@ button.button__4f306.enabled__470f0:hover svg {
width: 4px;
}
#app-mount .role__631a3 { /* body role */
- border-color: rgba(var(--textbrighter), .6);
+ border-color: rgba(var(--textbrighter_v), .6);
border-radius: 5px;
padding: 0 5px;
position: relative;
}
#app-mount .role__631a3[style*="border-color: rgba(185, 187, 190, .6)"] {
- border-color: rgba(var(--textbrighter), .6) !important;
+ border-color: rgba(var(--textbrighter_v), .6) !important;
}
#app-mount .rolePillBorder__00c58:not(.actionButton__81eaa) {
border-width: 0;
}
#app-mount .role__631a3 .roleName_d19d33 { /* body rolename */
position: relative;
- color: rgb(var(--textbrightest));
+ color: rgb(var(--textbrightest_v));
height: 20px;
line-height: 20px;
margin: 0;
@@ -4150,7 +4185,7 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .role__631a3 .roleCircle_bae511 { /* body rolecircle */
position: absolute;
- background-color: rgb(var(--textbrighter));
+ background-color: rgb(var(--textbrighter_v));
border-radius: 3px;
opacity: 0.3;
height: 100%;
@@ -4160,7 +4195,7 @@ button.button__4f306.enabled__470f0:hover svg {
top: 0;
}
#app-mount .role__631a3 .roleCircle_bae511[style*="background-color: rgb(185, 187, 190)"] {
- background-color: rgb(var(--textbrighter)) !important;
+ background-color: rgb(var(--textbrighter_v)) !important;
}
#app-mount .role__631a3 .roleCircle_bae511:not(:only-child):hover {
opacity: 1;
@@ -4176,16 +4211,16 @@ button.button__4f306.enabled__470f0:hover svg {
}
.textarea_c5a7a3:focus { /* body note */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .wumpusTooltip_b5c0ea {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
color: #fff;
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .wumpusTooltip_b5c0ea::after {
- border-color: transparent rgb(var(--accentcolor)) transparent transparent;
+ border-color: transparent rgb(var(--accentcolor_v)) transparent transparent;
}
/* ---- 14.3. EMOJIPICKER ---- */
@@ -4194,7 +4229,7 @@ button.button__4f306.enabled__470f0:hover svg {
.emojiPicker_b65ce9, /* picker inner */
.diversitySelectorOptions__846c5 { /* picker diversityselector */
background: transparent;
- box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
overflow: hidden;
}
@@ -4218,14 +4253,14 @@ button.button__4f306.enabled__470f0:hover svg {
.contentWrapper__321ed::before,
.emojiPicker_b65ce9::before,
.diversitySelectorOptions__846c5::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.contentWrapper__321ed::after,
.emojiPicker_b65ce9::after,
.diversitySelectorOptions__846c5::after {
- background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.diversitySelectorOptions__846c5::before,
.diversitySelectorOptions__846c5::after {
@@ -4233,21 +4268,21 @@ button.button__4f306.enabled__470f0:hover svg {
}
.diversityEmojiItem__6505f:hover { /* picker diversityemoji */
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.navButtonActive__735cb { /* picker navbuttonactive */
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
color: #fff;
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
.wrapper__4f229 { /* picker sidebar */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.guildIcon__4d796 { /* picker guildicon */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.categoryItemDefaultCategory__67fe7:first-child,
@@ -4256,15 +4291,15 @@ button.button__4f306.enabled__470f0:hover svg {
}
.categoryItemDefaultCategory__67fe7:hover, /* picker categoryitem */
.stickerCategory__4891e:hover { /* picker stickercategoryitem */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.categoryItemDefaultCategorySelected__8245a, /* picker categoryitem selected */
.categoryItemDefaultCategorySelected__8245a:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.categoryItemDefaultCategorySelected__8245a svg, /* picker categoryitem selected */
.categoryItemDefaultCategorySelected__8245a:hover svg {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
.unicodeShortcut__1dd6b { /* picker unicodeemojis shortcut */
@@ -4287,16 +4322,16 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.unicodeShortcut__1dd6b::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.unicodeShortcut__1dd6b::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.inspector__993e1 { /* picker emojiinfowrapper */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .wrapper__7a35f { /* picker categoryheader */
@@ -4305,11 +4340,11 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .imageLoading__37d01 { /* picker emoji loading */
- background: rgba(var(--transparencycolor), .3);
+ background: rgba(var(--transparencycolor_v), .3);
border-radius: 10px;
}
.emojiItem_b15dee.emojiItemSelected__1a09a { /* picker emoji selected */
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.emojiItemDisabled__36cbf { /* picker emoji disabled */
filter: none;
@@ -4338,12 +4373,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.premiumPromo__2d678::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.premiumPromo__2d678::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.29));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.29));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.premiumPromoClose__11b8f {
-webkit-mask: url(https://discord.com/assets/411dfecce0d7da63ea2b.svg) 50% 50% no-repeat;
@@ -4362,10 +4397,10 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .focused__036ed, /* gifpicker result */
#app-mount .result_e1fc74:hover {
- box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor), .3);
+ box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor_v), .3);
}
#app-mount .placeholder__1d2a8 {
- background: rgba(var(--textdarkest),.6);
+ background: rgba(var(--textdarkest_v),.6);
}
#app-mount .endContainer__0c909::after {
background-image: url(https://discord.com/assets/6836d88af9197cbd4cbb.svg);
@@ -4375,7 +4410,7 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--header-secondary);
}
#app-mount .emptyHintCard_f3e81a {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
color: var(--header-secondary);
}
#app-mount .backButton__6a1f0 { /* gifpicker backbutton */
@@ -4394,7 +4429,7 @@ button.button__4f306.enabled__470f0:hover svg {
.messagesPopoutWrap_b3b384, /* popout wrapper */
.container__20de0 { /* popout wrapper (inbox) */
background-color: transparent;
- box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
overflow: hidden;
}
@@ -4419,25 +4454,25 @@ button.button__4f306.enabled__470f0:hover svg {
}
.messagesPopoutWrap_b3b384::before,
.container__20de0::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.messagesPopoutWrap_b3b384::after,
.container__20de0::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .messagesPopout__22763 { /* popout innerwrap */
background-color: transparent;
}
.header_f5cc88 { /* popout header */
- background-color: rgba(var(--transparencycolor), .2);
- box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
+ box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
}
.footer_a3029c { /* popout footer */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.messageGroupWrapper_f8c6e9 {
@@ -4460,11 +4495,11 @@ button.button__4f306.enabled__470f0:hover svg {
}
.jumpButton_da1ebb, /* popout jumpbutton (mentions) */
.jumpButton__0329d { /* popout jumpbutton (pins) */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.jumpButton_da1ebb:hover,
.jumpButton__0329d:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.jumpButton_da1ebb + .jumpButton_da1ebb,
.jumpButton__0329d + .jumpButton__0329d {
@@ -4480,17 +4515,17 @@ button.button__4f306.enabled__470f0:hover svg {
/* popout active tab */
#app-mount .header__28ebb .tabBar__2aa8e .tab_a8a066.active__7e7af {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
.secondary_c96c46, /* popout header button */
.tertiary_bc0225, /* popout message button */
.collapseButton_b18eab { /* popout collapse button */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.secondary_c96c46:hover,
.tertiary_bc0225:hover,
.collapseButton_b18eab:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.collapseButton_b18eab {
position: static;
@@ -4511,7 +4546,7 @@ button.button__4f306.enabled__470f0:hover svg {
}
.channelHeader__5d30c { /* popout channelheader */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
padding-right: 16px;
border-radius: 5px 5px 0 0;
position: static;
@@ -4521,7 +4556,7 @@ button.button__4f306.enabled__470f0:hover svg {
}
.messageContainer_aa7d14, /* popout messagecontainer */
.messages_f7999e { /* popout messagecontainer (inbox) */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
border-radius: 0;
}
.messageContainer_aa7d14:last-child,
@@ -4530,17 +4565,17 @@ button.button__4f306.enabled__470f0:hover svg {
}
.tutorial__7b875 { /* popout tutorial (inbox) */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.tutorialIcon__5c63f { /* popout tutorial (inbox) */
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
/* ---- 14.5. SEARCHPOPOUT ---- */
#app-mount .container_d6dad3 { /* popout wrapper */
background-color: transparent;
- box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
overflow: hidden;
position: relative;
@@ -4559,12 +4594,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.container_d6dad3::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container_d6dad3::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .queryContainer_c359fe {
border-bottom-color: var(--background-modifier-accent);
@@ -4574,7 +4609,7 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--header-primary);
}
#app-mount .focused_f9cf2c {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .resultsGroup_ea9b64::before {
border-top-color: var(--background-modifier-accent);
@@ -4594,11 +4629,11 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .option_b5597b:hover,
#app-mount .option_b5597b[aria-selected=true] {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .option_b5597b:hover::before,
#app-mount .option_b5597b[aria-selected=true]::before {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
border-radius: 3px;
width: 34px;
}
@@ -4636,23 +4671,23 @@ button.button__4f306.enabled__470f0:hover svg {
background: transparent;
}
#app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--outside-month) {
- border-color: rgba(var(--transparencycolor), .5);
+ border-color: rgba(var(--transparencycolor_v), .5);
}
#app-mount .calendarPicker__5c474 .react-datepicker__day--outside-month {
- background: rgba(var(--transparencycolor), .5);
+ background: rgba(var(--transparencycolor_v), .5);
border-color: transparent;
}
#app-mount .calendarPicker__5c474 .react-datepicker__header,
#app-mount .calendarPicker__5c474 .react-datepicker__month-container,
#app-mount .calendarPicker__5c474 .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
- background: rgba(var(--transparencycolor), .2);
+ background: rgba(var(--transparencycolor_v), .2);
}
#app-mount .calendarPicker__5c474 .react-datepicker__header {
padding-bottom: 5px;
}
#app-mount .calendarPicker__5c474 .react-datepicker__navigation {
background: transparent;
- border-color: rgba(var(--textbrightest), .5);
+ border-color: rgba(var(--textbrightest_v), .5);
top: 30px;
}
#app-mount .calendarPicker__5c474 .react-datepicker__navigation::before {
@@ -4663,7 +4698,7 @@ button.button__4f306.enabled__470f0:hover svg {
bottom: 0;
left: 0;
-webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) center/6px 12px no-repeat;
- background-color: rgb(var(--textbrightest));
+ background-color: rgb(var(--textbrightest_v));
}
#app-mount .calendarPicker__5c474 .react-datepicker__navigation--previous {
left: 30px;
@@ -4704,14 +4739,14 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--header-primary);
}
#app-mount .datePicker__94673 .datePickerHint__7cc9b .hintValue_c2ce1f:hover {
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
/* ---- 14.6. COLORPICKER ---- */
#app-mount .customColorPicker__3cb6a { /* popout wrapper */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
@@ -4731,12 +4766,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.customColorPicker__3cb6a::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.customColorPicker__3cb6a::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
+ backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.7. ADDROLE ---- */
@@ -4744,7 +4779,7 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .container_d27846, /* popout userpopout */
#app-mount .container_e84cda { /* popout channelsettings */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
@@ -4767,13 +4802,13 @@ button.button__4f306.enabled__470f0:hover svg {
}
.container_d27846::before,
.container_e84cda::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container_d27846::after,
.container_e84cda::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.focused__2b1b2,
.item__287de:focus:not(.disabled__1c6ff),
@@ -4781,10 +4816,10 @@ button.button__4f306.enabled__470f0:hover svg {
.row__3fe26.selected__75860 .rowInner_feb94d,
.row__3fe26:focus .rowInner_feb94d,
.row__3fe26:hover .rowInner_feb94d {
- background: rgba(var(--transparencycolor), .4);
+ background: rgba(var(--transparencycolor_v), .4);
}
#app-mount .container_e84cda .header__02652 {
- background: rgba(var(--transparencycolor), .2);
+ background: rgba(var(--transparencycolor_v), .2);
}
#app-mount .container_e84cda .input_e396c0 {
color: var(--header-primary);
@@ -4805,23 +4840,23 @@ button.button__4f306.enabled__470f0:hover svg {
opacity: 0.6;
}
#app-mount .footer__36118 {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
color: var(--text-muted);
}
/* ---- 14.9. CHANNELFOLLOW ---- */
#app-mount .header__4ef99 {
- background: rgba(var(--transparencycolor), .3);
+ background: rgba(var(--transparencycolor_v), .3);
}
#app-mount .separator__925e8 {
- box-shadow: 0 1px 0 0 rgba(var(--transparencycolor), .3), 0 1px 2px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .3), 0 1px 2px 0 rgba(var(--transparencycolor_v), .3);
}
.channelContainer_c4b275 {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.channel_c9e1c9 {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.channelContainer_c4b275 .channel_c9e1c9 {
background-color: transparent;
@@ -4831,7 +4866,7 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .guildPopout_ea4d8c { /* popout wrapper */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
@@ -4851,19 +4886,19 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.guildPopout_ea4d8c::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.guildPopout_ea4d8c::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
+ backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.11. EMOJIINFO ---- */
#app-mount .popoutContainer__7b9a3 { /* popout wrapper */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
@@ -4883,12 +4918,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.popoutContainer__7b9a3::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.popoutContainer__7b9a3::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.emojiSection_a65b54 { /* popout emojisection */
@@ -4896,14 +4931,14 @@ button.button__4f306.enabled__470f0:hover svg {
}
.guildSection_ebda04 { /* popout emojisection */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 14.12. STREAMPREVIEW ---- */
#app-mount .streamPreview__1846c { /* popout wrapper */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
@@ -4923,23 +4958,23 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.streamPreview__1846c::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.streamPreview__1846c::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .previewContainer_bb1924 { /* popout preview */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 14.13. STREAMINFO ---- */
#app-mount .container__56cd1 { /* modal container */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
overflow: visible !important;
}
@@ -4957,19 +4992,19 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.container__56cd1::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container__56cd1::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */
#app-mount .popout__8e314 { /* popout wrapper */
background-color: transparent;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
@@ -4989,12 +5024,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.popout__8e314::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.popout__8e314::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.15. RTCSTATUSPOPOUT ---- */
@@ -5003,7 +5038,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
border: none;
border-radius: 5px;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
color: var(--header-primary);
position: relative;
width: 290px;
@@ -5023,15 +5058,15 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.container__0810b::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container__0810b::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .container__0810b canvas {
- background-color: rgb(var(--transparencycolor));
+ background-color: rgb(var(--transparencycolor_v));
padding: 5px;
border-radius: 5px;
}
@@ -5055,7 +5090,7 @@ button.button__4f306.enabled__470f0:hover svg {
/* ---- 14.16. PHONE-/EMAILVALIDATION ---- */
#app-mount .input_d5a597 {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
color: var(--header-primary);
}
#app-mount .phoneFieldPopout__3e064 .countryName_eb9b14 {
@@ -5084,12 +5119,12 @@ button.button__4f306.enabled__470f0:hover svg {
color: var(--header-secondary);
}
#app-mount .verificationBlock_c45d0e {
- background-color: rgba(var(--transparencycolor), .1);
- border: 1px solid rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .1);
+ border: 1px solid rgba(var(--transparencycolor_v), .3);
}
#app-mount .verificationBlock_c45d0e:hover {
- background-color: rgba(var(--transparencycolor), .2);
- border-color: rgb(var(--transparencycolor));
+ background-color: rgba(var(--transparencycolor_v), .2);
+ border-color: rgb(var(--transparencycolor_v));
}
#app-mount .verification__82f71 .image__54a8d {
background-image: url(https://discord.com/assets/8f8162ee689b2d85996c.svg);
@@ -5114,7 +5149,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
border: none;
border-radius: 5px;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
color: var(--header-primary);
position: relative;
}
@@ -5136,25 +5171,25 @@ button.button__4f306.enabled__470f0:hover svg {
}
.quickSelectPopout_c0cf80::before,
.popoutList_db80c1::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.quickSelectPopout_c0cf80::after,
.popoutList_db80c1::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .selectableItem__166c5 {
color: var(--header-primary);
}
#app-mount .selectableItem__166c5:hover {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .quickSelectPopoutOption__39224:hover {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .quickSelectPopoutOption__39224.selected_b17ff5 {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .popoutListEmpty_b9719c {
color: var(--header-primary);
@@ -5170,7 +5205,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
border: none;
border-radius: 5px;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.contentWarningPopout__7d8c2::before,
@@ -5188,12 +5223,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.contentWarningPopout__7d8c2::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.contentWarningPopout__7d8c2::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .body_fa303f {
color: var(--header-secondary);
@@ -5208,7 +5243,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
border: none;
border-radius: 5px;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.popout__24e32::before,
@@ -5226,12 +5261,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.popout__24e32::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.popout__24e32::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.20. ROLEMEMBERSPOPOUT ---- */
@@ -5240,7 +5275,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
border: none;
border-radius: 5px;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.rolePopout__73806::before,
@@ -5258,12 +5293,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.rolePopout__73806::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.rolePopout__73806::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.21. FORUMFILTERPOPOUT ---- */
@@ -5272,7 +5307,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
border: none;
border-radius: 5px;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.container_ae7412::before,
@@ -5290,12 +5325,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.container_ae7412::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container_ae7412::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.22. ACTIVITYSHAREPOPOUT ---- */
@@ -5304,7 +5339,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
border: none;
border-radius: 5px;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.container_c344de::before,
@@ -5322,12 +5357,12 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.container_c344de::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container_c344de::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.23. SOUNDBOARD ---- */
@@ -5336,7 +5371,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: transparent;
border: none;
border-radius: 5px;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.picker__6dca7::before,
@@ -5354,52 +5389,52 @@ button.button__4f306.enabled__470f0:hover svg {
z-index: -1;
}
.picker__6dca7::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.picker__6dca7::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.24. SERVERSURVEY ---- */
.main__58b77 .prompt__671aa {
- background: rgba(var(--transparencycolor), .3);
+ background: rgba(var(--transparencycolor_v), .3);
}
.main__58b77 .prompt__671aa .sizeMedium_c6fa98 {
width: unset;
}
.optionButtonWrapper__4072c:hover,
.optionButtonWrapper__4072c.selected__90dd8 {
- border-color: rgb(var(--accentcolor));
+ border-color: rgb(var(--accentcolor_v));
}
/* ~~~~ 15. GENERAL ~~~~ */
.highlight {
- background: rgba(var(--accentcolor), .3);
+ background: rgba(var(--accentcolor_v), .3);
}
.clickable__17ccb:hover .layout_bb8e67 {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
.clickable__17ccb:active .layout_bb8e67 {
- background: rgb(var(--accentcolor));
+ background: rgb(var(--accentcolor_v));
}
.clickable__17ccb:active .layout_bb8e67,
.selected__9800b .layout_bb8e67,
.selected__9800b:hover .layout_bb8e67,
.selected__9800b:active .layout_bb8e67 {
- background-color: rgb(var(--accentcolor));
- text-shadow: 1px 1px var(--textshadow);
+ background-color: rgb(var(--accentcolor_v));
+ text-shadow: 1px 1px var(--textshadow_v);
}
.clickable__17ccb .icon_fcc53a {
color: inherit;
}
.clickable__17ccb:active .layout_bb8e67 svg,
.clickable__17ccb.selected__9800b .layout_bb8e67 svg {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
.clickable__17ccb:active .premiumIcon_ab5d78,
.clickable__17ccb.selected__9800b .premiumIcon_ab5d78 {
@@ -5407,23 +5442,23 @@ button.button__4f306.enabled__470f0:hover svg {
}
#app-mount .elevationLow__75cba, #app-mount .elevationLow__2b6de, .lightElevationLow__6c965{
- box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .elevationHigh__80ea8, #app-mount .elevationHigh__312fd, .lightElevationHigh__1513c {
- box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .elevationBorderLow__610e6, #app-mount .elevationBorderLow__1fa50, .lightElevationBorderLow_c9bfa0 {
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 1px 5px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .elevationBorderHigh_f9a758, #app-mount .elevationBorderHigh__39dae, .lightElevationBorderHigh_a30b06, .darkElevationBorderHigh__63ac9 {
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .breadcrumbWrapper__34bfa { /* breadcrumbs wrapper */
- color: rgba(var(--textbrightest),.3);
+ color: rgba(var(--textbrightest_v),.3);
}
#app-mount .activeBreadcrumb__7e753 { /* breadcrumbs active */
- color: rgba(var(--textbrightest),.6);
+ color: rgba(var(--textbrightest_v),.6);
}
/* ---- 15.1. TEXT ---- */
@@ -5485,34 +5520,34 @@ button.button__4f306.enabled__470f0:hover svg {
.lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover,
.lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]),
.lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) {
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
.lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover svg,
.lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover svg,
.lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]) svg,
.lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) svg {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
#app-mount .lookInverted_ee4261.colorPrimary__6ed40 .spinnerItem_c07231 {
- background-color: rgb(var(--textdarkest));
+ background-color: rgb(var(--textdarkest_v));
}
#app-mount .lookOutlined__46d54.colorPrimary__6ed40 .spinnerItem_c07231,
#app-mount .lookLink__93965.colorPrimary__6ed40 .spinnerItem_c07231 {
- background-color: rgb(var(--textdarkest));
+ background-color: rgb(var(--textdarkest_v));
}
#app-mount .lookFilled__19298.colorPrimary__6ed40:hover,
#app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .lookFilled__19298.colorPrimary__6ed40:active,
#app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:active {
- background-color: rgba(var(--transparencycolor), .6);
+ background-color: rgba(var(--transparencycolor_v), .6);
}
#app-mount .lookFilled__19298.colorPrimary__6ed40,
#app-mount .lookFilled__19298.colorPrimary__6ed40:disabled {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
color: #FFF;
}
@@ -5527,109 +5562,109 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .lookInverted_ee4261.colorPrimary__6ed40,
#app-mount .lookInverted_ee4261.colorPrimary__6ed40:disabled {
background-color: #FFF;
- color: rgba(var(--textdarkest));
+ color: rgba(var(--textdarkest_v));
}
#app-mount .lookOutlined__46d54.colorPrimary__6ed40:hover,
#app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
- background-color: rgba(var(--textdarkest), .05);
- border-color: rgba(var(--textdarkest), .6);
+ background-color: rgba(var(--textdarkest_v), .05);
+ border-color: rgba(var(--textdarkest_v), .6);
}
#app-mount .lookOutlined__46d54.colorPrimary__6ed40:active,
#app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:active {
- background-color: rgba(var(--textdarkest), .1);
- border-color: rgb(var(--textdarkest));
+ background-color: rgba(var(--textdarkest_v), .1);
+ border-color: rgb(var(--textdarkest_v));
}
#app-mount .lookOutlined__46d54.colorPrimary__6ed40,
#app-mount .lookOutlined__46d54.colorPrimary__6ed40:disabled {
- border-color: rgba(var(--textdarkest), .1);
- color: rgb(var(--textdarkest));
+ border-color: rgba(var(--textdarkest_v), .1);
+ color: rgb(var(--textdarkest_v));
}
#app-mount .lookLink__93965.colorPrimary__6ed40 {
- color: rgb(var(--textdarkest));
+ color: rgb(var(--textdarkest_v));
}
#app-mount .lookLink__93965.colorPrimary__6ed40:hover .contents_fb6220,
#app-mount .lookLink__93965.hoverPrimary__3e6c3.hasHover__3ab8c:hover .contents_fb6220 {
- --button--underline-color: rgb(var(--textdarkest));
- color: rgb(var(--textdarkest));
+ --button--underline-color: rgb(var(--textdarkest_v));
+ color: rgb(var(--textdarkest_v));
}
#app-mount .borderPrimary__60ecd {
- border-color: rgb(var(--textdarkest)) !important;
+ border-color: rgb(var(--textdarkest_v)) !important;
}
#app-mount .lookInverted_ee4261.colorTransparent__4c280 .spinnerItem_c07231 {
- background-color: rgba(var(--textbrightest),.1);
+ background-color: rgba(var(--textbrightest_v),.1);
}
#app-mount .lookFilled__19298.colorTransparent__4c280 .spinnerItem_c07231,
#app-mount .lookOutlined__46d54.colorTransparent__4c280 .spinnerItem_c07231,
#app-mount .lookLink__93965.colorTransparent__4c280 .spinnerItem_c07231 {
- background-color: rgb(var(--textbrightest));
+ background-color: rgb(var(--textbrightest_v));
}
#app-mount .lookFilled__19298.colorTransparent__4c280:hover,
#app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
- background-color: rgba(var(--textbrightest),.05);
+ background-color: rgba(var(--textbrightest_v),.05);
}
#app-mount .lookFilled__19298.colorTransparent__4c280:active,
#app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:active {
- background-color: rgba(var(--textbrightest),.01);
+ background-color: rgba(var(--textbrightest_v),.01);
}
#app-mount .lookFilled__19298.colorTransparent__4c280,
#app-mount .lookFilled__19298.colorTransparent__4c280:disabled {
- background-color: rgba(var(--textbrightest),.1);
- color: rgb(var(--textbrightest));
+ background-color: rgba(var(--textbrightest_v),.1);
+ color: rgb(var(--textbrightest_v));
}
#app-mount .lookInverted_ee4261.colorTransparent__4c280:hover,
#app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
- background-color: rgba(var(--textbrightest),.05);
+ background-color: rgba(var(--textbrightest_v),.05);
}
#app-mount .lookInverted_ee4261.colorTransparent__4c280:active,
#app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:active {
- background-color: rgba(var(--textbrightest),.1);
+ background-color: rgba(var(--textbrightest_v),.1);
}
#app-mount .lookInverted_ee4261.colorTransparent__4c280,
#app-mount .lookInverted_ee4261.colorTransparent__4c280:disabled {
- background-color: rgb(var(--textbrightest));
- color: rgba(var(--textbrightest),.1);
+ background-color: rgb(var(--textbrightest_v));
+ color: rgba(var(--textbrightest_v),.1);
}
#app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
- background-color: rgba(var(--textbrighter),.1);
- border-color: rgb(var(--textbrightest));
+ background-color: rgba(var(--textbrighter_v),.1);
+ border-color: rgb(var(--textbrightest_v));
}
#app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:active {
- background-color: rgba(var(--textbrightest),.1);
- border-color: rgb(var(--textbrightest));
+ background-color: rgba(var(--textbrightest_v),.1);
+ border-color: rgb(var(--textbrightest_v));
}
#app-mount .lookOutlined__46d54.colorTransparent__4c280,
#app-mount .lookOutlined__46d54.colorTransparent__4c280:disabled {
background-color: transparent;
- color: rgb(var(--textbright));
+ color: rgb(var(--textbright_v));
}
#app-mount .lookLink__93965.colorTransparent__4c280 {
- color: rgb(var(--textbright));
+ color: rgb(var(--textbright_v));
}
#app-mount .lookLink__93965.colorTransparent__4c280:hover .contents_fb6220,
#app-mount .lookLink__93965.hoverTransparent_a4eefd.hasHover__3ab8c:hover .contents_fb6220 {
- --button--underline-color: rgb(var(--textbright));
- color: rgb(var(--textbright));
+ --button--underline-color: rgb(var(--textbright_v));
+ color: rgb(var(--textbright_v));
}
#app-mount .borderTransparent__2cdc8 {
- border-color: rgb(var(--textbrightest)) !important;
+ border-color: rgb(var(--textbrightest_v)) !important;
}
/* ---- 15.3. INPUTS ---- */
input.input_d266e7 { /* valueinput bordered */
- background-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .1);
}
input.input_d266e7:hover:not(:focus) {
- border-color: rgb(var(--transparencycolor));
+ border-color: rgb(var(--transparencycolor_v));
}
#app-mount .prefixInput__38dcc {
@@ -5668,27 +5703,27 @@ input.input_d266e7:hover:not(:focus) {
}
#app-mount .hiddenMessage__19ef2::placeholder,
#app-mount .inputDefault__0d65a::placeholder {
- color: rgba(var(--textbrightest),.3);
+ color: rgba(var(--textbrightest_v),.3);
}
.container__871ba { /* checkboxswitch */
- background-color: rgba(var(--transparencycolor), .3) !important;
+ background-color: rgba(var(--transparencycolor_v), .3) !important;
}
.container__871ba rect[fill] {
fill: var(--header-primary) !important;
}
.container__871ba path[fill] {
- fill: rgb(var(--transparencycolor)) !important;
+ fill: rgb(var(--transparencycolor_v)) !important;
}
#app-mount .item_b7fb7e { /* radiogroup container */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .item_b7fb7e:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b {
- background: rgb(var(--accentcolor));
+ background: rgb(var(--accentcolor_v));
}
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b .radioIconForeground__99b9b {
color: var(--header-primary);
@@ -5703,36 +5738,36 @@ input.input_d266e7:hover:not(:focus) {
}
#app-mount .checkboxContainer__5a761::before { /* checkbox container */
- background-color: rgba(var(--textdarker), .3);
+ background-color: rgba(var(--textdarker_v), .3);
}
#app-mount .checkboxMute__6e269::before {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .checkbox_c7f690 { /* checkbox inner */
- border-color: rgb(var(--textdark));
+ border-color: rgb(var(--textdark_v));
}
#app-mount .checkbox_c7f690.checked__24ad6 { /* checkbox checked */
- background-color: rgb(var(--textbrightest));
- border-color: rgb(var(--textbrightest));
+ background-color: rgb(var(--textbrightest_v));
+ border-color: rgb(var(--textbrightest_v));
}
#app-mount .checkbox_c7f690.checked__24ad6.round__67d8d { /* checkbox roundchecked */
- background-color: rgb(var(--accentcolor)) !important;
- border-color: rgb(var(--accentcolor)) !important;
+ background-color: rgb(var(--accentcolor_v)) !important;
+ border-color: rgb(var(--accentcolor_v)) !important;
}
#app-mount .checkbox_c7f690.checked__24ad6.round__67d8d svg {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
#app-mount .checkbox_c7f690.checked__24ad6.round__67d8d path[fill] {
fill: #fff;
}
#app-mount .bar_e58961 { /* slider backgroundbar */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.grabber_d2868c { /* slider grabber */
background-color: var(--header-primary);
border-color: var(--header-primary);
- box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor), .05), 0 2px 2px 0 rgba(var(--transparencycolor), .1), 0 3px 3px 0 rgba(var(--transparencycolor), .05);
+ box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor_v), .05), 0 2px 2px 0 rgba(var(--transparencycolor_v), .1), 0 3px 3px 0 rgba(var(--transparencycolor_v), .05);
}
#app-mount .markValue_e7a6e4 { /* slider markvalue */
color: var(--text-muted);
@@ -5742,7 +5777,7 @@ input.input_d266e7:hover:not(:focus) {
}
#app-mount .markDash_dc3ae9 {
background: transparent;
- color: rgba(var(--transparencycolor), .3);
+ color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .defaultValue__4f02f .markDash_dc3ae9 {
color: #43b581;
@@ -5762,24 +5797,24 @@ input.input_d266e7:hover:not(:focus) {
top: 30px;
}
#app-mount .bubble_f48089 { /* slider bubble */
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
color: #fff;
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .bubble_f48089::before {
- border-top-color: rgb(var(--accentcolor));
+ border-top-color: rgb(var(--accentcolor_v));
}
#app-mount .container__0c807 { /* hotkeyinput container */
- background-color: rgba(var(--transparencycolor), .1);
- border-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .1);
+ border-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .editIcon__29477 { /* hotkeyinput editicon */
-webkit-mask: url(https://discord.com/assets/c87be216431a35927431.svg) center/cover no-repeat;
background: var(--header-primary);
}
#app-mount .container_e61cfb .button__0982c {
- background-color: rgba(var(--transparencycolor),.3) !important;
+ background-color: rgba(var(--transparencycolor_v),.3) !important;
color: var(--header-primary) !important;
}
#app-mount .container_e61cfb.recording__97366 .button__0982c {
@@ -5792,16 +5827,16 @@ input.input_d266e7:hover:not(:focus) {
}
.lookFilled__3dba3.select__0eb48,
.select__55f87 [class*="css-"][class*="-control"] {
- background-color: rgba(var(--transparencycolor), .1);
- border-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .1);
+ border-color: rgba(var(--transparencycolor_v), .3);
color: var(--text-normal);
}
.lookFilled__3dba3.select__0eb48:hover {
- border-color: rgb(var(--transparencycolor));
+ border-color: rgb(var(--transparencycolor_v));
}
.lookFilled__3dba3.select__0eb48:hover.open_cd27aa,
.lookFilled__3dba3.open_cd27aa {
- border-color: rgb(var(--transparencycolor)) rgb(var(--transparencycolor)) rgba(var(--transparencycolor), .3);
+ border-color: rgb(var(--transparencycolor_v)) rgb(var(--transparencycolor_v)) rgba(var(--transparencycolor_v), .3);
}
.lookFilled__3dba3.select__0eb48 .searchInput_e1c8d3 {
background: transparent;
@@ -5811,7 +5846,7 @@ input.input_d266e7:hover:not(:focus) {
border-color: var(--deprecated-text-input-border-hover);
}
.select__55f87.languageSelector__4961a [class*="css-"][class*="-control"] {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.select__55f87 [class*="css-"][class*="-singleValue"],
.select__55f87 [class*="css-"][class*="-placeholder"],
@@ -5823,7 +5858,7 @@ input.input_d266e7:hover:not(:focus) {
.css-1yz4bi9-option,
.css-ru8b0x-option,
.css-1yz4bi9-option {
- background-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .1);
color: var(--interactive-normal);
}
.option_be8b2e:hover,
@@ -5831,7 +5866,7 @@ input.input_d266e7:hover:not(:focus) {
.css-rzbxvl-option,
.css-1qxn4c5-option,
.css-rzbxvl-option {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: var(--interactive-hover);
}
.option_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f),
@@ -5839,7 +5874,7 @@ input.input_d266e7:hover:not(:focus) {
.css-1ba14n5-option,
.css-6qzljd-option,
.css-1ba14n5-option {
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
color: var(--interactive-active);
}
.popout_a6e77f::-webkit-scrollbar {
@@ -5848,8 +5883,8 @@ input.input_d266e7:hover:not(:focus) {
.popout_a6e77f,
.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
background-color: transparent;
- border: 1px solid rgba(var(--transparencycolor), .3);
- box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor), .3);
+ border: 1px solid rgba(var(--transparencycolor_v), .3);
+ box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3);
overflow: hidden;
}
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e {
@@ -5878,15 +5913,15 @@ input.input_d266e7:hover:not(:focus) {
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before,
.popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::before,
.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.popout_a6e77f::after,
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after,
.popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::after,
.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.popout_a6e77f.scrollerBase_dc3aa9::before,
.popout_a6e77f.scrollerBase_dc3aa9::after {
@@ -5897,7 +5932,7 @@ input.input_d266e7:hover:not(:focus) {
.container_e4c233, /* searchbar inner */
.container__7712a {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .searchBox_a63854 .searchBoxInput__73c9c::placeholder {
color: var(--text-muted);
@@ -5909,27 +5944,27 @@ input.input_d266e7:hover:not(:focus) {
color: var(--header-secondary);
}
#app-mount .searchBox_a63854 {
- background-color: rgba(var(--transparencycolor), .3);
- box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .3);
+ box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor_v), .2);
}
/* ---- 15.5. TAGS ---- */
.botTagRegular_c89c9a:not([style]) { /* bottag regular */
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
.botTagRegular_c89c9a:not([style]) svg {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
.base__92a12[style*="var(--bdfdb-blurple)"], /* numberbadge */
.base__92a12[style*="background-color: rgb(88, 101, 242)"],
.base__92a12[style*="background-color: rgb(114, 137, 218)"] {
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
.iconBadge__2abac { /* iconbadge */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
/* ---- 15.6. IMAGES ---- */
@@ -5940,7 +5975,7 @@ input.input_d266e7:hover:not(:focus) {
}
#app-mount .invalidPoop__03aa3 {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
opacity: .5;
}
@@ -6021,7 +6056,7 @@ input.input_d266e7:hover:not(:focus) {
}
#app-mount .gameIcon__90c32 {
- background-color: rgba(var(--textbrightest), .1);
+ background-color: rgba(var(--textbrightest_v), .1);
color: var(--header-primary);
}
@@ -6194,7 +6229,7 @@ img[src='/assets/387a7c504c96b992872d.svg'] {
#app-mount ::-webkit-scrollbar-thumb {
border-radius: 10px;
border: none;
- background-color: rgb(var(--accentcolor)) !important;
+ background-color: rgb(var(--accentcolor_v)) !important;
}
.none__51a8f::-webkit-scrollbar-corner,
.none__51a8f::-webkit-scrollbar-thumb,
@@ -6209,10 +6244,10 @@ img[src='/assets/387a7c504c96b992872d.svg'] {
border-radius: 0;
}
#app-mount .notice-2FJMB4 {
- box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .notice__99c03 {
- background-color: rgba(var(--transparencycolor), .6);
+ background-color: rgba(var(--transparencycolor_v), .6);
}
/* ---- 15.9. TOOLTIPS ---- */
@@ -6226,9 +6261,9 @@ img[src='/assets/387a7c504c96b992872d.svg'] {
#app-mount .tooltipPrimary_e5c00d,
#app-mount .tooltipGrey_a35fcf,
#app-mount .tooltipBlack__90eaa {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
color: #fff;
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .tooltipPrimary_e5c00d .note_e4Jh6_,
#app-mount .tooltipGrey_a35fcf .note_e4Jh6_,
@@ -6243,23 +6278,23 @@ img[src='/assets/387a7c504c96b992872d.svg'] {
#app-mount .tooltipPrimary_e5c00d .tooltipPointer_a79354,
#app-mount .tooltipGrey_a35fcf .tooltipPointer_a79354,
#app-mount .tooltipBlack__90eaa .tooltipPointer_a79354 {
- border-top-color: rgb(var(--accentcolor));
+ border-top-color: rgb(var(--accentcolor_v));
}
.emptyUser_dba665 {
- background: rgba(var(--transparencycolor), .5);
+ background: rgba(var(--transparencycolor_v), .5);
}
.moreUsers_cd5dfc {
- background: rgba(var(--transparencycolor), .5);
+ background: rgba(var(--transparencycolor_v), .5);
}
/* ~~~~ 16. BDSUPPORT ~~~~ */
html .bd-toast {
- background-color: rgb(var(--accentcolor));
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ background-color: rgb(var(--accentcolor_v));
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
color: #fff;
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
html .bd-toast.icon {
background-image: none !important;
@@ -6305,36 +6340,36 @@ html .bd-toast.toast-warn.icon::before {
}
#app-mount .bd-tab-item:hover {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .bd-tab-item.selected {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
color: #fff;
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .bd-server-card { /* pubslayer guildcard */
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .bd-server-icon { /* pubslayer guildicon */
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
border-color: transparent;
}
#app-mount .bd-server-card:hover,
#app-mount .bd-server-icon:hover {
- background-color: rgba(var(--transparencycolor), .4);
+ background-color: rgba(var(--transparencycolor_v), .4);
}
.bd-switch-body { /* bd switch */
- --switch-color: rgb(var(--transparencycolor));
- background-color: rgba(var(--transparencycolor), .3);
+ --switch-color: rgb(var(--transparencycolor_v));
+ background-color: rgba(var(--transparencycolor_v), .3);
}
.bd-select .bd-select-options { /* bd select popout */
background-color: transparent;
border: none;
border-radius: 4px;
- box-shadow: rgba(var(--transparencycolor), .3) 0px 2px 5px 0px;
+ box-shadow: rgba(var(--transparencycolor_v), .3) 0px 2px 5px 0px;
box-sizing: border-box;
padding: 6px 8px;
margin-left: -9px;
@@ -6354,12 +6389,12 @@ html .bd-toast.toast-warn.icon::before {
z-index: -1;
}
.bd-select .bd-select-options::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.bd-select .bd-select-options::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
+ backdrop-filter: blur(var(--popoutblur_v));
}
.bd-select .bd-select-option { /* bd select popout option */
display: flex;
@@ -6376,20 +6411,20 @@ html .bd-toast.toast-warn.icon::before {
padding: 0 8px;
}
.bd-select .bd-select-option:hover {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
color: var(--interactive-hover);
}
.bd-select .bd-select-option.selected {
- background-color: rgba(var(--transparencycolor), .3);
+ background-color: rgba(var(--transparencycolor_v), .3);
color: var(--interactive-active);
}
.bd-pfbtn { /* addonlist folder button */
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
.bd-server-tag { /* addonlist public list tag */
- text-shadow: 1px 1px var(--textshadow);
+ text-shadow: 1px 1px var(--textshadow_v);
}
@@ -6397,33 +6432,33 @@ html .bd-toast.toast-warn.icon::before {
padding: 0 10px 16px 10px;
}
#app-mount .bd-addon-error {
- background-color: rgba(var(--transparencycolor), 0.2);
- border-color: rgba(var(--transparencycolor), 0.2);
+ background-color: rgba(var(--transparencycolor_v), 0.2);
+ border-color: rgba(var(--transparencycolor_v), 0.2);
}
#app-mount .bd-addon-error.expanded,
#app-mount .bd-addon-error:hover {
- background-color: rgba(var(--transparencycolor), 0.3);
+ background-color: rgba(var(--transparencycolor_v), 0.3);
}
.bd-addon-views .bd-view-button:hover {
- background: rgba(var(--transparencycolor), .3);
+ background: rgba(var(--transparencycolor_v), .3);
}
.bd-addon-views .bd-view-button:active {
- background: rgba(var(--accentcolor), .7);
+ background: rgba(var(--accentcolor_v), .7);
}
.bd-button {
- filter: drop-shadow(1px 1px var(--textshadow));
+ filter: drop-shadow(1px 1px var(--textshadow_v));
}
.bd-button.bd-button-danger {
filter: unset;
}
.floating-window.resizable { /* customcss editor detached */
- background: rgb(var(--transparencycolor));
+ background: rgb(var(--transparencycolor_v));
}
html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
- background: rgb(var(--accentcolor));
+ background: rgb(var(--accentcolor_v));
}
@@ -6432,7 +6467,7 @@ html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight
html .powercord-toast {
background-color: transparent;
border: none;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
overflow: hidden;
}
html .powercord-toast::before,
@@ -6450,20 +6485,20 @@ html .powercord-toast::after {
z-index: -1;
}
html .powercord-toast::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
html .powercord-toast::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
html .powercord-toast .header {
- background-color: rgba(var(--transparencycolor), .2);
- box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
+ box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
color: var(--header-primary);
}
html .powercord-toast .contents .inner {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
border: none;
color: var(--header-secondary);
}
@@ -6489,12 +6524,12 @@ html .colorDefault_XdNdIp .bg_8df5St::after {
z-index: -1;
}
html .colorDefault_XdNdIp .bg_8df5St::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
html .colorDefault_XdNdIp .bg_8df5St::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
+ backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 18.2. DATEVIEWER ---- */
@@ -6515,15 +6550,15 @@ html .colorDefault_XdNdIp .bg_8df5St::after {
z-index: -1;
}
#app-mount #dv-mount::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
#app-mount #dv-mount::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--memberlisttransparency) * 0.85));
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
#app-mount #dv-main {
- border-top-color: rgba(var(--transparencycolor), .2);
+ border-top-color: rgba(var(--transparencycolor_v), .2);
color: var(--header-primary);
}
#app-mount #dv-main .dv-date {
@@ -6552,12 +6587,12 @@ html .colorDefault_XdNdIp .bg_8df5St::after {
z-index: -1;
}
#MemberCount::before {
- background: var(--background) var(--backgroundposition)/var(--backgroundsize);
+ background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
#MemberCount::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--memberlisttransparency) * 0.85));
- backdrop-filter: blur(var(--backgroundblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85));
+ backdrop-filter: blur(var(--backgroundblur_v));
}
/* ---- 18.4. LINENUMBERS ---- */
@@ -6566,7 +6601,7 @@ html .colorDefault_XdNdIp .bg_8df5St::after {
border-left-color: var(--background-modifier-accent);
}
.hljs ol li::before {
- color: rgb(var(--textdarker));
+ color: rgb(var(--textdarker_v));
}
/* ---- 18.5. PERMISSIONVIEWER ---- */
@@ -6577,7 +6612,7 @@ html #permissions-modal-wrapper { /* modal wrapper */
html #permissions-modal-wrapper #permissions-modal { /* modal container */
background-color: transparent;
border: none;
- box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
+ box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
overflow: hidden;
}
@@ -6595,35 +6630,35 @@ html #permissions-modal-wrapper #permissions-modal::after {
z-index: -1;
}
html #permissions-modal-wrapper #permissions-modal::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
html #permissions-modal-wrapper #permissions-modal::after {
- background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
- backdrop-filter: blur(var(--popoutblur));
+ background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
+ backdrop-filter: blur(var(--popoutblur_v));
}
html #permissions-modal-wrapper .header {
- background-color: rgba(var(--transparencycolor), .2);
- box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
+ box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
color: var(--header-primary);
}
html #permissions-modal-wrapper .modal-body {
background-color: transparent;
}
html #permissions-modal-wrapper .scroller-title {
- border-bottom: 1px solid rgba(var(--transparencycolor), .3);
+ border-bottom: 1px solid rgba(var(--transparencycolor_v), .3);
}
html #permissions-modal-wrapper .role-side {
- background-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .1);
}
html #permissions-modal-wrapper .role-item {
color: var(--text-normal);
}
html #permissions-modal-wrapper .role-item:hover {
- background-color: rgba(var(--transparencycolor), .1);
+ background-color: rgba(var(--transparencycolor_v), .1);
}
html #permissions-modal-wrapper .role-item.selected {
- background-color: rgba(var(--transparencycolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .2);
}
html #permissions-modal-wrapper .perm-side {
background-color: transparent;
@@ -6638,8 +6673,8 @@ html #permissions-modal-wrapper .perm-name {
/* ---- 18.6. DIRECTDOWNLOAD ---- */
#files_directDownload .file {
- background-color: rgba(var(--transparencycolor), .4);
- border-color: rgba(var(--accentcolor), .2);
+ background-color: rgba(var(--transparencycolor_v), .4);
+ border-color: rgba(var(--accentcolor_v), .2);
border-radius: 6px 6px 0 0;
}
#files_directDownload .file svg {
@@ -6653,7 +6688,7 @@ html #permissions-modal-wrapper .perm-name {
color: var(--header-primary);
}
#files_directDownload .file .progress-bar {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
}
/* ---- 18.7. BETTERFORMATINGREDUX ---- */
@@ -6680,7 +6715,7 @@ html #permissions-modal-wrapper .perm-name {
pointer-events: none;
left: 0px;
top: 5px;
- background-color: rgba(var(--transparencycolor), .5);
+ background-color: rgba(var(--transparencycolor_v), .5);
border-radius: 3px;
transform: translate(0, 55px);
transition: all 200ms ease;
@@ -6692,13 +6727,13 @@ html #permissions-modal-wrapper .perm-name {
transition: all 200ms cubic-bezier(0,0,0,1);
}
.bf-toolbar::before {
- background: var(--popout) var(--popoutposition)/var(--popoutsize);
+ background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
- filter: blur(var(--popoutblur));
+ filter: blur(var(--popoutblur_v));
z-index: 100;
}
.theme-brand .bf-toolbar::after {
- background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important;
+ background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important;
}
.theme-brand .bf-toolbar::before {
display: none;
@@ -6710,7 +6745,7 @@ html #permissions-modal-wrapper .perm-name {
color: var(--text-normal);
}
.bf-toolbar .format:hover {
- background-color: rgb(var(--accentcolor));
+ background-color: rgb(var(--accentcolor_v));
color: #fff;
}
@@ -6724,7 +6759,7 @@ html #permissions-modal-wrapper .perm-name {
/* ---- 18.9 CHANNELTABS ---- */
html #channelTabs-container {
- background: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2));
+ background: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 2));
}
html #channelTabs-settingsMenu,
html .channelTabs-tabNav > div,
@@ -6734,13 +6769,13 @@ html .channelTabs-fav {
}
html .channelTabs-tab:not(.channelTabs-selected):hover,
html .channelTabs-fav:hover {
- background: rgba(var(--transparencycolor), 0.2);
+ background: rgba(var(--transparencycolor_v), 0.2);
}
html #channelTabs-settingsMenu:hover,
html .channelTabs-tabContainer .channelTabs-tabNav > div:hover,
html .channelTabs-tab.channelTabs-selected,
html .channelTabs-tabContainer .channelTabs-newTab:hover {
- background: rgb(var(--accentcolor));
+ background: rgb(var(--accentcolor_v));
}
html #channelTabs-settingsMenu:hover [fill]:not([fill="none"]),
html .channelTabs-tabContainer .channelTabs-tabNav > div:hover [fill]:not([fill="none"]),
@@ -6756,8 +6791,8 @@ html .channelTabs-tabContainer .channelTabs-tabNav > .channelTabs-tabNavClose:ho
html .typingindicator-guild,
html .typingindicator-dms,
html .typingindicator-folder {
- background: rgb(var(--transparencycolor), .2);
- border: 4px solid rgb(var(--transparencycolor), .2);
+ background: rgb(var(--transparencycolor_v), .2);
+ border: 4px solid rgb(var(--transparencycolor_v), .2);
box-shadow: unset;
right: 8px;
bottom: -5px;
@@ -6767,7 +6802,7 @@ html .typingindicator-folder {
/* ---- 18.11 CHANNELDMS ---- */
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
- background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
+ background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
}
@@ -6777,7 +6812,7 @@ html:only-child > head + body div.app_b1f720 > div.app_de4237::before {
content: "Your Version of BasicBackground by DevilBro is outdated. Please download the newest Version: https://mwittrien.github.io/downloader/?theme=BasicBackground" !important;
display: var(--version1_0_5, block) !important;
background-color: #4a90e2 !important;
- box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3) !important;
+ box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3) !important;
color: var(--header-primary) !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
@@ -6921,7 +6956,7 @@ html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c91
content: "DevilBro" !important;
font-size: 12px !important;
font-weight: 600 !important;
- color: rgb(var(--accentcolor)) !important;
+ color: rgb(var(--accentcolor_v)) !important;
display: inline !important;
opacity: 1 !important;
padding: 0 !important;