Update BasicBackground.css

This commit is contained in:
Mirco Wittrien 2023-10-26 15:45:11 +02:00
parent 7a1c7f4ba0
commit f459333efa
1 changed files with 64 additions and 152 deletions

View File

@ -229,12 +229,12 @@ body, /* body */
#app-mount .directoryContainer_d3edd9, /* server app directory */ #app-mount .directoryContainer_d3edd9, /* server app directory */
#app-mount .panels__58331 > *, /* account/voice inner */ #app-mount .panels__58331 > *, /* account/voice inner */
#app-mount .chat__52833, /* chat container */ #app-mount .chat__52833, /* chat container */
#app-mount .container-3wLKDe, /* chat forums */ #app-mount .container_b181b6, /* chat forums */
#app-mount .container__10dc7, /* chat search */ #app-mount .container__10dc7, /* chat search */
#app-mount .container__7590f, /* chat search inner */ #app-mount .container__7590f, /* chat search inner */
#app-mount .container_def45c, /* chat thread sidebar */ #app-mount .container_def45c, /* chat thread sidebar */
#app-mount .wrapper_b8c724, /* chat messages loading */ #app-mount .wrapper_b8c724, /* chat messages loading */
#app-mount .noChannel-Z1DQK7, /* nochannel */ #app-mount .noChannel__7bbff, /* nochannel */
#app-mount .members__9f47b, /* members */ #app-mount .members__9f47b, /* members */
#app-mount .members__9f47b > div, /* members content */ #app-mount .members__9f47b > div, /* members content */
#app-mount .content_c21a16, /* unavailable */ #app-mount .content_c21a16, /* unavailable */
@ -244,7 +244,7 @@ body, /* body */
#app-mount .shop_b31ed2, /* shop */ #app-mount .shop_b31ed2, /* shop */
#app-mount .containerSidenav__2623a, /* family control */ #app-mount .containerSidenav__2623a, /* family control */
#app-mount .pageWrapper_fef757, /* guilddiscovery */ #app-mount .pageWrapper_fef757, /* guilddiscovery */
#app-mount .pageWrapper-1x6lGh, /* unihub */ #app-mount .pageContainer__1e84a, /* unihub */
#app-mount .scrollerBase_dc3aa9, /* scroller */ #app-mount .scrollerBase_dc3aa9, /* scroller */
#app-mount .standardSidebarView__1129a, /* settings */ #app-mount .standardSidebarView__1129a, /* settings */
#app-mount .contentRegion__0bec1 { /* settings content */ #app-mount .contentRegion__0bec1 { /* settings content */
@ -256,7 +256,7 @@ body, /* body */
} }
#app-mount .sidebarRegion__60457, /* settings sidebar */ #app-mount .sidebarRegion__60457, /* settings sidebar */
#app-mount .sidebar-_0OpfR { /* sidebarlist 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), calc(0.2 * (var(--transparencyalpha) / (var(--transparencyalpha) + 0.00000000000000000000001))));
} }
@ -281,15 +281,12 @@ body, /* body */
#app-mount .membersWrap__90226 { /* members container */ #app-mount .membersWrap__90226 { /* members container */
background-color: rgba(var(--transparencycolor), var(--memberlisttransparency)); background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
} }
#app-mount .tabBar-fg4VK9 { /* members tabbar */
background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
}
#app-mount .nowPlayingColumn_f5023f { /* peoples now playing */ #app-mount .nowPlayingColumn_f5023f { /* peoples now playing */
background-color: rgba(var(--transparencycolor), var(--memberlisttransparency)); background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
} }
#app-mount .image_dabcb8 { /* app errorscreen image */ #app-mount .image_dabcb8 { /* app errorscreen image */
background-image: url(https://discord.com/assets/e9baf4b505eb54129f832556ea16538e.svg); background-image: url(https://discord.com/assets/72eaa596042042be6259.svg);
opacity: 0.6; opacity: 0.6;
} }
@ -344,17 +341,17 @@ body::after {
backdrop-filter: blur(var(--backgroundblur)); backdrop-filter: blur(var(--backgroundblur));
} }
.uploadArea__13687, .uploadArea__13687,
.backdrop-1BR_bn, .backdrop__3ff7b,
.backdrop__7e89b { .backdrop__7e89b {
background: transparent !important; background: transparent !important;
opacity: 1 !important; opacity: 1 !important;
animation: none !important; animation: none !important;
} }
.uploadArea__13687::before, .uploadArea__13687::before,
.backdrop-1BR_bn::before, .backdrop__3ff7b::before,
.backdrop__7e89b::before, .backdrop__7e89b::before,
.uploadArea__13687::after, .uploadArea__13687::after,
.backdrop-1BR_bn::after, .backdrop__3ff7b::after,
.backdrop__7e89b::after { .backdrop__7e89b::after {
content: ""; content: "";
position: absolute; position: absolute;
@ -366,13 +363,13 @@ body::after {
z-index: -2; z-index: -2;
} }
.uploadArea__13687::before, .uploadArea__13687::before,
.backdrop-1BR_bn::before, .backdrop__3ff7b::before,
.backdrop__7e89b::before { .backdrop__7e89b::before {
background: var(--backdrop) var(--backdropposition)/var(--backdropsize); background: var(--backdrop) var(--backdropposition)/var(--backdropsize);
background-attachment: fixed; background-attachment: fixed;
} }
.uploadArea__13687::after, .uploadArea__13687::after,
.backdrop-1BR_bn::after, .backdrop__3ff7b::after,
.backdrop__7e89b::after { .backdrop__7e89b::after {
backdrop-filter: blur(var(--backdropblur)); backdrop-filter: blur(var(--backdropblur));
} }
@ -444,19 +441,19 @@ body::after {
background-color: rgba(var(--transparencycolor), .3); background-color: rgba(var(--transparencycolor), .3);
} }
#app-mount .circleIconButton-1QV--U { /* guildadd/discovery innerwrap */ #app-mount .circleIconButton_d8df29 { /* guildadd/discovery innerwrap */
background-color: rgba(var(--transparencycolor), .3); background-color: rgba(var(--transparencycolor), .3);
} }
#app-mount .circleIconButton_d8df29.selected__5250e { #app-mount .circleIconButton_d8df29.selected__5250e {
background-color: var(--green-360); background-color: var(--green-360);
} }
#app-mount .guildIconUnavailable-3IYARS, /* guilderror miniicon */ #app-mount .guildIconUnavailable_db5297, /* guilderror miniicon */
#app-mount .guildsError__0aa84 { /* guilderror innerwrap */ #app-mount .guildsError__0aa84 { /* guilderror innerwrap */
background-color: rgba(var(--dangercolor)),.3); background-color: rgba(var(--dangercolor)),.3);
} }
#app-mount .dragInner-Oq_toX { /* dragplaceholder */ #app-mount .dragInner_a23293 { /* dragplaceholder */
background-color: rgba(var(--transparencycolor), .3); background-color: rgba(var(--transparencycolor), .3);
} }
@ -484,7 +481,7 @@ body::after {
.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] { /* folder guildwrap */ .wrapper_a7e7a8 .wrapper_ed1dea [role="group"] { /* folder guildwrap */
margin-bottom: -8px; margin-bottom: -8px;
} }
.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem-GuPuDH:last-child { .wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem_fa7b36:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
@ -520,29 +517,6 @@ body::after {
.wrapper_a7e7a8 .bar_edc096:not(.mention__1afd3)::after { .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), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 1.9 + 0.1));
} }
.fixedBottomList-1yrBla {
background: transparent !important;
box-shadow: none !important;
}
.fixedBottomList-1yrBla::before,
.fixedBottomList-1yrBla::after {
content: "";
position: relative;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.fixedBottomList-1yrBla::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.fixedBottomList-1yrBla::after {
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2));
backdrop-filter: blur(var(--backgroundblur));
}
/* ~~~~ 5. CHANNELLIST ~~~~ */ /* ~~~~ 5. CHANNELLIST ~~~~ */
@ -557,10 +531,10 @@ body::after {
background: none; background: none;
box-shadow: none; box-shadow: none;
} }
.bannerImage-1jOskm { /* banner image */ .bannerImage__39c51 { /* banner image */
-webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%); -webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
} }
.bannerImage-1jOskm::before { .bannerImage__39c51::before {
display: none; display: none;
} }
@ -576,42 +550,6 @@ body::after {
background-color: rgba(var(--transparencycolor), .2); background-color: rgba(var(--transparencycolor), .2);
} }
.container-3O_wAf,
.channelNotice-tO6Tus { /* notice container */
box-shadow: inset 0 -1px 0 rgba(var(--transparencycolor), .3);
}
.container-3O_wAf,
.channelNotice-tO6Tus.invite-OjTXrW,
.channelNotice-tO6Tus.guildMFAWarning-3GEzs8,
.channelNotice-tO6Tus.maxMembersCount-3E4zND,
.channelNotice-3DDmsB,
#app-mount .channelNotice-3hkOiI {
background: transparent;
}
.channelNotice-tO6Tus.invite-OjTXrW::before {
opacity: 0.6;
background: url(https://discord.com/assets/bf625d222187f542b9d7179109422e2c.svg) center 20px no-repeat;
}
.channelNotice-tO6Tus.guildMFAWarning-3GEzs8::before {
opacity: 0.6;
background: url(https://discord.com/assets/916a384814e3bbd2a84e2a1b352a17c3.svg) center 20px no-repeat;
}
.channelNotice-tO6Tus.quickswitcher-35bYg4::before {
opacity: 0.6;
}
.channelNotice-tO6Tus.maxMembersCount-3E4zND::before {
opacity: 0.6;
background: url(https://discord.com/assets/01f60394adffda20dc7270a1e3c727df.svg) center 16px no-repeat;
}
.channelNotice-3DDmsB::before {
opacity: 0.6;
background: url(https://discord.com/assets/1858873f28bdc62dfb3a1f4b67d459bf.svg) center top 20px/153px no-repeat;
}
#app-mount .channelNotice-3hkOiI::before {
opacity: 0.6;
background: url(https://discord.com/assets/7065587bd42fd829925bf6aa4b36f5e2.svg) center top 22px/220px no-repeat;
}
/* ---- 5.2. CHANNELS ---- */ /* ---- 5.2. CHANNELS ---- */
.wrapper__7bcde:hover .link__95dc0 { /* channel content */ .wrapper__7bcde:hover .link__95dc0 { /* channel content */
@ -728,30 +666,19 @@ body::after {
/* ---- 5.3. DMCHANNELS ---- */ /* ---- 5.3. DMCHANNELS ---- */
.interactive__776ee:focus-within, /* dmchannel/page inner */ .interactive__776ee:focus-within, /* dmchannel/page inner */
.interactive__776ee:hover, .interactive__776ee:hover {
.snowsgivingLink-1TZi3c:hover {
background-color: rgba(var(--transparencycolor), .2); background-color: rgba(var(--transparencycolor), .2);
} }
.selected_d94cf9, .selected_d94cf9,
.selected_d94cf9:focus-within, .selected_d94cf9:focus-within,
.selected_d94cf9:hover, .selected_d94cf9:hover {
.snowsgivingLink-1TZi3c:active {
background-color: rgb(var(--accentcolor)); background-color: rgb(var(--accentcolor));
color: var(--header-primary); color: var(--header-primary);
text-shadow: 1px 1px var(--textshadow); text-shadow: 1px 1px var(--textshadow);
} }
.snowsgivingLink-1TZi3c { .selected_d94cf9 svg {
border-radius: 4px;
}
.selected_d94cf9 svg:not(.svg-2azL_l) {
filter: drop-shadow(1px 1px var(--textshadow)); filter: drop-shadow(1px 1px var(--textshadow));
} }
.snowsgivingLink-1TZi3c:active .snowsgivingIcon-3d0pr1 {
filter: drop-shadow(1px 1px var(--textshadow));
}
.snowsgivingLink-1TZi3c:active .snowsgivingIcon-3d0pr1 path {
fill: var(--header-primary);
}
.empty__086ba { /* loadingplaceholders */ .empty__086ba { /* loadingplaceholders */
fill: rgba(var(--transparencycolor), .4); fill: rgba(var(--transparencycolor), .4);
@ -816,8 +743,8 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .background_e80d5a .interactiveCard_d5a839, #app-mount .background_e80d5a .interactiveCard_d5a839,
#app-mount .background_e80d5a .emptyStateContainer__3c229, #app-mount .background_e80d5a .emptyStateContainer__3c229,
#app-mount .background_e80d5a .card_d4f6c7, #app-mount .background_e80d5a .card_d4f6c7,
#app-mount .container-3wLKDe .mainCard__8a660, #app-mount .container_b181b6 .mainCard__8a660,
#app-mount .container-3wLKDe .sidebarCard__44447, #app-mount .container_b181b6 .sidebarCard__44447,
#app-mount .container__10dc7 .channelRow__96673 { #app-mount .container__10dc7 .channelRow__96673 {
background-color: var(--background-secondary); background-color: var(--background-secondary);
} }
@ -831,11 +758,11 @@ button.button__4f306.enabled__470f0:hover svg {
border-color: var(--background-secondary); border-color: var(--background-secondary);
} }
#app-mount .background_e80d5a .container__16581:hover, #app-mount .background_e80d5a .container__16581:hover,
#app-mount .container-3wLKDe .pill_f055c3, #app-mount .container_b181b6 .pill_f055c3,
#app-mount .container__10dc7 .channelRow__96673:hover { #app-mount .container__10dc7 .channelRow__96673:hover {
background: var(--background-tertiary); background: var(--background-tertiary);
} }
.contentPreview-3fWiuC { /* forum list item */ .contentPreview_b317ee { /* forum list item */
border-color: rgb(var(--transparencycolor)); border-color: rgb(var(--transparencycolor));
} }
#app-mount .textContentFooter__5a630 { /* forum list item footer */ #app-mount .textContentFooter__5a630 { /* forum list item footer */
@ -847,16 +774,16 @@ button.button__4f306.enabled__470f0:hover svg {
.divider_ffec75 { /* forum fat divider */ .divider_ffec75 { /* forum fat divider */
background: var(--background-floating); background: var(--background-floating);
} }
#app-mount .container-2qVG6q.isOpen-2OXbFs { /* forum selected post */ #app-mount .container_c24cbd.isOpen_d88bb6 { /* forum selected post */
background-color: rgb(var(--accentcolor)); background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow); text-shadow: 1px 1px var(--textshadow);
} }
#app-mount .container-2qVG6q.isOpen-2OXbFs .defaultColor-24IHKz, #app-mount .container_c24cbd.isOpen_d88bb6 .defaultColor__77578,
#app-mount .container-2qVG6q.isOpen-2OXbFs [style*="color: var(--header-secondary)"] { #app-mount .container_c24cbd.isOpen_d88bb6 [style*="color: var(--header-secondary)"] {
color: var(--header-primary) !important; color: var(--header-primary) !important;
} }
#app-mount .container-2qVG6q.isOpen-2OXbFs .author-22H8ZU a, #app-mount .container_c24cbd.isOpen_d88bb6 .author__185be a,
#app-mount .container-2qVG6q.isOpen-2OXbFs [style*="color: var(--text-muted)"] { #app-mount .container_c24cbd.isOpen_d88bb6 [style*="color: var(--text-muted)"] {
color: var(--header-secondary) !important; color: var(--header-secondary) !important;
} }
@ -881,11 +808,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: rgba(var(--transparencycolor), .3); background-color: rgba(var(--transparencycolor), .3);
} }
.badge-2qGa_k::after { /* header iconbadge red dot */ .searchBar_e0c60b { /* header searchbar */
border: none;
}
.searchBar-zdmu7v { /* header searchbar */
background-color: rgba(var(--transparencycolor), .3); background-color: rgba(var(--transparencycolor), .3);
} }
#app-mount .public-DraftEditorPlaceholder-root { #app-mount .public-DraftEditorPlaceholder-root {
@ -910,12 +833,6 @@ button.button__4f306.enabled__470f0:hover svg {
.emptyChannelIcon__1a1ba { /* welcomemessage empty channelicon */ .emptyChannelIcon__1a1ba { /* welcomemessage empty channelicon */
background-color: rgba(var(--transparencycolor), .4); background-color: rgba(var(--transparencycolor), .4);
} }
.card-1yV8cG { /* welcomemessage first steps card */
background-color: rgba(var(--transparencycolor), .3);
}
.card-1yV8cG:hover {
background-color: rgba(var(--transparencycolor), .5);
}
.button_fb39e8:hover { /* welcomemessage edit channel */ .button_fb39e8:hover { /* welcomemessage edit channel */
background-color: rgb(var(--accentcolor)); background-color: rgb(var(--accentcolor));
@ -1103,7 +1020,7 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .repliedMessage_e2bf4a ~ * .avatar__08316 { #app-mount .repliedMessage_e2bf4a ~ * .avatar__08316 {
top: 24px; top: 24px;
} }
#app-mount .container-3FojY8 .avatar__08316 { #app-mount .container_aed774 .avatar__08316 {
left: calc(-10px * var(--usechatbubbles)); left: calc(-10px * var(--usechatbubbles));
} }
#app-mount .avatarDecoration__14b3c { /* message avatar decoration */ #app-mount .avatarDecoration__14b3c { /* message avatar decoration */
@ -1115,27 +1032,27 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .repliedMessage_e2bf4a ~ * .avatarDecoration__14b3c { #app-mount .repliedMessage_e2bf4a ~ * .avatarDecoration__14b3c {
top: 24px; top: 24px;
} }
#app-mount .container-3FojY8 .avatarDecoration__14b3c { #app-mount .container_aed774 .avatarDecoration__14b3c {
left: calc(-10px * var(--usechatbubbles) - (6.6666666px * var(--decoration-to-avatar-ratio)/2)); left: calc(-10px * var(--usechatbubbles) - (6.6666666px * var(--decoration-to-avatar-ratio)/2));
} }
#app-mount .replyBadge__3d01e { /* message reply badge */ #app-mount .replyBadge__3d01e { /* message reply badge */
background-color: rgba(var(--transparencycolor), .5); background-color: rgba(var(--transparencycolor), .5);
} }
#app-mount .spine-3OoQS_ { #app-mount .spine_d081ec {
width: 0px; width: 0px;
top: 20px; top: 20px;
right: calc(1px * (-32 * var(--usechatbubbles) + -25 * (1 - var(--usechatbubbles)))); right: calc(1px * (-32 * var(--usechatbubbles) + -25 * (1 - var(--usechatbubbles))));
left: unset; left: unset;
border: none; border: none;
} }
#app-mount .compact__54ecc .spine-3OoQS_ { #app-mount .compact__54ecc .spine_d081ec {
right: 0; right: 0;
} }
#app-mount .repliedMessage_e2bf4a::before, /* message reply spine */ #app-mount .repliedMessage_e2bf4a::before, /* message reply spine */
#app-mount .repliedMessage_e2bf4a::after, #app-mount .repliedMessage_e2bf4a::after,
#app-mount .spine-3OoQS_::before, /* message command spine */ #app-mount .spine_d081ec::before, /* message command spine */
#app-mount .spine-3OoQS_::after { #app-mount .spine_d081ec::after {
--avatar-size: 38px; --avatar-size: 38px;
--gutter: 16px; --gutter: 16px;
--spine-width: 2px; --spine-width: 2px;
@ -1159,33 +1076,33 @@ button.button__4f306.enabled__470f0:hover svg {
border-bottom: 0 solid var(--background-accent); border-bottom: 0 solid var(--background-accent);
border-top-left-radius: 6px; border-top-left-radius: 6px;
} }
#app-mount .spine-3OoQS_::before, #app-mount .spine_d081ec::before,
#app-mount .spine-3OoQS_::after { #app-mount .spine_d081ec::after {
border-top: 0 solid var(--background-accent); border-top: 0 solid var(--background-accent);
border-bottom: var(--spine-width) solid var(--background-accent); border-bottom: var(--spine-width) solid var(--background-accent);
border-bottom-left-radius: 6px; border-bottom-left-radius: 6px;
} }
#app-mount .compact__54ecc .repliedMessage_e2bf4a::before, #app-mount .compact__54ecc .repliedMessage_e2bf4a::before,
#app-mount .compact__54ecc .repliedMessage_e2bf4a::after, #app-mount .compact__54ecc .repliedMessage_e2bf4a::after,
#app-mount .compact__54ecc .spine-3OoQS_::before, #app-mount .compact__54ecc .spine_d081ec::before,
#app-mount .compact__54ecc .spine-3OoQS_::after { #app-mount .compact__54ecc .spine_d081ec::after {
--avatar-size: 20px; --avatar-size: 20px;
left: calc(-1 * var(--avatar-size)); left: calc(-1 * var(--avatar-size));
} }
#app-mount .repliedMessage_e2bf4a::before, #app-mount .repliedMessage_e2bf4a::before,
#app-mount .spine-3OoQS_::before { #app-mount .spine_d081ec::before {
border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles)))); border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles))));
} }
#app-mount .repliedMessage_e2bf4a::after, #app-mount .repliedMessage_e2bf4a::after,
#app-mount .spine-3OoQS_::after { #app-mount .spine_d081ec::after {
border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles))); border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles)));
} }
#app-mount .compact__54ecc .repliedMessage_e2bf4a::before, #app-mount .compact__54ecc .repliedMessage_e2bf4a::before,
#app-mount .compact__54ecc .spine-3OoQS_::before { #app-mount .compact__54ecc .spine_d081ec::before {
border-color: rgba(var(--textbrighter), .3); border-color: rgba(var(--textbrighter), .3);
} }
#app-mount .compact__54ecc .repliedMessage_e2bf4a::after, #app-mount .compact__54ecc .repliedMessage_e2bf4a::after,
#app-mount .compact__54ecc .spine-3OoQS_::after { #app-mount .compact__54ecc .spine_d081ec::after {
border-color: transparent; border-color: transparent;
} }
@ -1234,10 +1151,6 @@ button.button__4f306.enabled__470f0:hover svg {
display: none; display: none;
} }
.cozy-25GiHp.content-1UQFwj { /* message command content */
background-color: rgba(var(--transparencycolor), .3);
}
.cozy_f5c119 .header__39b23::after, /* message container header */ .cozy_f5c119 .header__39b23::after, /* message container header */
.cozy__32560 .header_c65767::after { /* message loading header */ .cozy__32560 .header_c65767::after { /* message loading header */
content: ""; content: "";
@ -1247,7 +1160,7 @@ button.button__4f306.enabled__470f0:hover svg {
border: 10px solid transparent; border: 10px solid transparent;
border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency)); border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency));
} }
.cozy_f5c119 .container-3FojY8 .header__39b23::after { .cozy_f5c119 .container_aed774 .header__39b23::after {
left: 40px; left: 40px;
} }
.messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd .header__39b23::after { .messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd .header__39b23::after {
@ -1308,7 +1221,7 @@ button.button__4f306.enabled__470f0:hover svg {
.cozy__32560 .header_c65767 { .cozy__32560 .header_c65767 {
overflow: visible; overflow: visible;
} }
.container-3FojY8 { .container_aed774 { /* message blocked */
padding: 0; padding: 0;
overflow: visible; overflow: visible;
} }
@ -1439,9 +1352,9 @@ button.button__4f306.enabled__470f0:hover svg {
border-color: rgba(var(--transparencycolor), .1); border-color: rgba(var(--transparencycolor), .1);
} }
.markup_a7e664 .inline, /* messageelement inline */ .markup_a7e664 .inline, /* messageelement inline */
.after_inlineCode-WydEur, .after_inlineCode__2197d,
.before_inlineCode-xn8Llh, .before_inlineCode__37e14,
.inlineCode-2auMQi { .inlineCode_d702a4 {
background-color: rgba(var(--transparencycolor), .4); background-color: rgba(var(--transparencycolor), .4);
} }
@ -1522,12 +1435,12 @@ button.button__4f306.enabled__470f0:hover svg {
#app-mount .message__80c10 .attachment_f3cf2c { #app-mount .message__80c10 .attachment_f3cf2c {
margin-left: 0; margin-left: 0;
} }
#app-mount .twitchSectionPlayButton-2RamGG { #app-mount .twitchSectionPlayButton__1b39d {
object-position: -999999px -999999px; object-position: -999999px -999999px;
background: rgba(var(--transparencycolor), .4) url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M12.3333 10.002V22.002L22.3333 16.002L12.3333 10.002Z" fill="rgb(185,187,190)"/></svg>'); background: rgba(var(--transparencycolor), .4) url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M12.3333 10.002V22.002L22.3333 16.002L12.3333 10.002Z" fill="rgb(185,187,190)"/></svg>');
border-radius: 50%; border-radius: 50%;
} }
#app-mount .twitchSectionPlayButton-2RamGG:hover { #app-mount .twitchSectionPlayButton__1b39d:hover {
background-color: rgba(var(--transparencycolor), .8); background-color: rgba(var(--transparencycolor), .8);
} }
@ -1660,10 +1573,13 @@ button.button__4f306.enabled__470f0:hover svg {
opacity: 1; opacity: 1;
} }
#app-mount .pill-1HLSrc { /* textarea command query pill */ #app-mount .optionPill_f86b98 { /* textarea command query pill */
background-color: rgba(var(--transparencycolor), .5); background-color: rgba(var(--transparencycolor), .5);
border-radius: 5px; border-radius: 5px;
} }
#app-mount .optionPillKey_e84f41 { /* textarea command query pill key */
background-color: transparent;
}
/* ---- 6.4. AUTOCOMPLETEMENU ---- */ /* ---- 6.4. AUTOCOMPLETEMENU ---- */
@ -1700,16 +1616,16 @@ button.button__4f306.enabled__470f0:hover svg {
.theme-brand .autocomplete_df266d::after { .theme-brand .autocomplete_df266d::after {
display: none; display: none;
} }
#app-mount .bar-AokMp3 { /* autocomplete command info */ #app-mount .bar__8f42e { /* autocomplete command info */
background-color: transparent; background-color: transparent;
} }
#app-mount .container-23gRWx::after { #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), .3);
} }
#app-mount .header-JHwfVI { /* autocomplete header */ #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), .2), 0 1px 2px 0 rgba(var(--transparencycolor), .2);
} }
#app-mount .selected-3H3-RC { /* autocomplete rowselected */ #app-mount .selected__75860 { /* autocomplete rowselected */
background-color: rgba(var(--transparencycolor), .3); background-color: rgba(var(--transparencycolor), .3);
} }
#app-mount .option__32fd1 { /* autocomplete option */ #app-mount .option__32fd1 { /* autocomplete option */
@ -1740,7 +1656,7 @@ button.button__4f306.enabled__470f0:hover svg {
.member_b44d5d { /* member */ .member_b44d5d { /* member */
background: transparent; background: transparent;
} }
.avatar-b5OQ1N::before { /* emptyavatar */ .avatar__991e2::before { /* emptyavatar */
background-color: rgba(var(--transparencycolor), .3); background-color: rgba(var(--transparencycolor), .3);
} }
.memberGroupsPlaceholder_d0ae46, /* loadingplaceholders */ .memberGroupsPlaceholder_d0ae46, /* loadingplaceholders */
@ -1759,10 +1675,6 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8)); background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;
} }
#app-mount .tab-2j5AEF.selected-2LAck8 { /* searchpage selected tab */
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
}
.channelName-3w2Y3c { /* searchpage channelname */ .channelName-3w2Y3c { /* searchpage channelname */
background-color: transparent; background-color: transparent;
} }
@ -1776,7 +1688,7 @@ button.button__4f306.enabled__470f0:hover svg {
background-color: rgb(var(--accentcolor)); background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow); text-shadow: 1px 1px var(--textshadow);
} }
.pageButton-1GMGeJ:hover { .pageButton_bcd673:hover {
background-color: rgba(var(--transparencycolor), .4); background-color: rgba(var(--transparencycolor), .4);
} }
.activeButton__7a550 { .activeButton__7a550 {
@ -1909,10 +1821,10 @@ button.button__4f306.enabled__470f0:hover svg {
.button__13ec4:hover { .button__13ec4:hover {
background-color: rgba(var(--transparencycolor), .6); background-color: rgba(var(--transparencycolor), .6);
} }
.controlButton_ab2899.leaveButton-2YnTyt { .controlButton_ab2899.colorable_c84c4c.red_a51ba8 {
background-color: rgba(var(--dangercolor)),.5); background-color: rgba(var(--dangercolor)),.5);
} }
.controlButton_ab2899.leaveButton-2YnTyt:hover { .controlButton_ab2899.colorable_c84c4c.red_a51ba8:hover {
background-color: rgb(var(--dangercolor)); background-color: rgb(var(--dangercolor));
} }
.regionSelectPopout__0127b { .regionSelectPopout__0127b {
@ -2310,11 +2222,11 @@ button.button__4f306.enabled__470f0:hover svg {
/* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */ /* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */
#app-mount .pageWrapper_fef757, /* guilddiscovery container */ #app-mount .pageWrapper_fef757, /* guilddiscovery container */
#app-mount .pageWrapper-1x6lGh { /* unihub container */ #app-mount .pageContainer__1e84a { /* unihub container */
color: var(--header-primary); color: var(--header-primary);
} }
#app-mount .pageWrapper_fef757 .searchBox__88a98, /* guilddiscovery searchbox */ #app-mount .pageWrapper_fef757 .searchBox__88a98, /* guilddiscovery searchbox */
#app-mount .pageWrapper-1x6lGh .searchBox_bf114a { /* unihub searchbox */ #app-mount .pageContainer__1e84a .searchBox_bf114a { /* unihub searchbox */
background-color: #fff; background-color: #fff;
} }
#app-mount .card__86773, /* guilddiscovery card */ #app-mount .card__86773, /* guilddiscovery card */