@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css);
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css);
:root {
--transparencycolor: 0,0,0;
--transparencyalpha: 0.15;
--messagetransparency: 0.5;
--usechatbubbles: calc(var(--messagetransparency) / (var(--messagetransparency) + 0.00000000000000000000001));
--guildchanneltransparency: 0.15;
--chatinputtransparency: 0.0;
--memberlisttransparency: 0.0;
--font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
--textshadow: transparent;
--accentcolor: 190,78,180;
--accentcolor2: var(--accentcolor);
--mentioncolor: var(--accentcolor);
--linkcolor: var(--accentcolor);
--successcolor: 59,165,92;
--warningcolor: 250,166,26;
--dangercolor: 237,66,69;
--textbrightest: 255,255,255;
--textbrighter: 222,222,222;
--textbright: 200,200,200;
--textdark: 160,160,160;
--textdarker: 125,125,125;
--textdarkest: 90,90,90;
--background: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BasicBackground/_res/background.jpg);
--backgroundposition: center;
--backgroundsize: cover;
--backgroundblur: unset;
--popout: var(--background);
--popoutposition: var(--backgroundposition);
--popoutsize: var(--backgroundsize);
--popoutblur: var(--backgroundblur);
--backdrop: rgba(0,0,0,0.85);
--backdropposition: center;
--backdropsize: cover;
--backdropblur: unset;
}
.theme-light, .theme-dark, .theme-amoled {
--text-positive: rgb(var(--successcolor));
--text-warning: rgb(var(--warningcolor));
--text-danger: rgb(var(--dangercolor));
--info-positive-background: rgba(var(--successcolor),.1);
--info-positive-foreground: rgb(var(--successcolor));
--info-positive-text: #fff;
--info-warning-background: rgba(var(--warningcolor),.1);
--info-warning-foreground: rgb(var(--warningcolor));
--info-warning-text: #fff;
--info-danger-background: rgba(var(--dangercolor),.1);
--info-danger-foreground: rgb(var(--dangercolor));
--info-danger-text: #fff;
--status-positive: rgb(var(--successcolor));
--status-positive-background: rgb(var(--successcolor));
--status-positive-text: #fff;
--status-warning: rgb(var(--warningcolor));
--status-warning-background: rgb(var(--warningcolor));
--status-warning-text: #fff;
--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);
--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-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;
}
html {
color: var(--header-primary);
}
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
/*
1. TRANSPARENCY
2. BACKGROUND
3. TITLEBAR
4. GUILDLIST
5. CHANNELLIST
1. GUILDHEADER
2. CHANNELS
3. DMCHANNELS
4. ACCOUNT/VOICE/GOLIVE
6. CHAT
1. CHANNELHEADER
2. MESSAGES
1. MESSAGE
2. EMBEDS
3. NITROGIFT
4. INVITE
3. TEXTAREA
4. AUTOCOMPLETEMENU
5. MEMBERLIST
6. SEARCHPAGE
7. CHAT SIDEBAR
8. CALL
9. UNAVAILABLESCREEN
7. PEOPLES
8. STORE/NITRO
9. LIBRARY
10. DISCOVERY/UNIHUB
11. USERSETTINGS
12. GUILDSETTINGS
13. MODALS
1. USERMODAL
2. GUILDADD/CREATION
3. REGIONSELECTMODAL
4. UPLOADMODAL
5. KEYBOARDSHORTCUTSMODAL
6. QUICKSWITCHER
7. INVITEMODAL/GROUPCREATE
8. LOGINSCREEN
9. TERMACCEPTMODAL
10. DOWNLOADAPPMODAL
11. GUILDBOOSTMODAL
12. REACTIONSMODAL
13. GUILDWELCOMEMODAL
14. GUILDRULESMODAL
15. GUILDFEEDBACKMODAL
16. SCREENSHAREMODAL
17. PHONEVERIFICATIONMODAL
18. NOTIFICATIONSMODAL
19. DISCOVERYENTRYMODAL
20. NITROFEATUREMODAL
21. DIRECTORYMODAL
22. ACTIVITYSHAREMODAL
14. POPOUTS
1. CONTEXTMENU
2. USERPOPOUT
3. EMOJIPICKER
4. PINS/MENTIONS
5. SEARCHPOPOUT
6. COLORPICKER
7. ADDROLE
8. EVERYONEMENTION
9. CHANNELFOLLOW
10. CHANNELFOLLOWINFO
11. EMOJIINFO
12. STREAMPREVIEW
13. STREAMINFO
14. PUBLICGUILDANNOUNCEMENT
15. RTCSTATUSPOPOUT
16. PHONE-/EMAILVALIDATION
17. QUICKSELECTPOPOUT
18. WARNINGPOPOUT
19. ACTIVETHREADLISTPOPOUT
20. ROLEMEMBERSPOPOUT
21. FORUMFILTERPOPOUT
22. ACTIVITYSHAREPOPOUT
23. SOUNDBOARD
24. SERVERSURVEY
15. GENERAL
1. TEXT
2. BUTTONS
3. INPUTS
4. SEARCHBARS
5. TAGS
6. ICONS
7. SCROLLBARS
8. NOTIFICATIONBAR
9. TOOLTIPS
16. BDSUPPORT
17. POWERCORDSUPPORT
18. PLUGINSUPPORT
1. BDFDB
2. DATEVIEWER
3. MEMBERCOUNT
4. LINENUMBERS
5. PERMISSIONVIEWER
6. DIRECTDOWNLOAD
7. BETTERFORMATINGREDUX
8. CHANNELHISTORY
9. CHANNELTABS
10. TYPINGINDICATOR
11. BADGESEVERYWHERE
12. CHANNELDMS
19. UPDATENOTICE
20. WATERMARK
*/
/* ~~~~ 1. TRANSPARENCY ~~~~ */
body, /* body */
#app-mount .app-3xd6d0, /* app container */
#app-mount .app-2CXKsg, /* app inner */
#app-mount .loading-1yrGTe, /* app i18n loading */
#app-mount .wrapper-3AZUiP, /* app errorscreen */
#app-mount .bg-1QIAus, /* app background */
#app-mount .layer-86YKbF, /* layer container */
#app-mount .container-2o3qEW, /* layer container */
#app-mount .container-1NXEtd, /* channels inner */
#app-mount .privateChannels-oVe7HL, /* dmchannels */
#app-mount .directoryContainer-z-0pgp, /* server app directory */
#app-mount .panels-3wFtMD > *, /* account/voice inner */
#app-mount .chat-2ZfjoI, /* chat container */
#app-mount .container-3wLKDe, /* chat forums */
#app-mount .container-2IKOsH, /* chat search */
#app-mount .container-1um7CU, /* chat search inner */
#app-mount .container-3XgAHv, /* chat thread sidebar */
#app-mount .wrapper-3HVHpV, /* chat messages loading */
#app-mount .noChannel-Z1DQK7, /* nochannel */
#app-mount .members-3WRCEx, /* members */
#app-mount .members-3WRCEx > div, /* members content */
#app-mount .content-3_h0XI, /* unavailable */
#app-mount .container-2cd8Mz, /* peoples */
#app-mount .container-1oAagU, /* peoples activity list */
#app-mount .applicationStore-2nk7Lo, /* nitro */
#app-mount .pageWrapper-2PwDoS, /* guilddiscovery */
#app-mount .pageWrapper-1x6lGh, /* unihub */
#app-mount .scrollerBase-1Pkza4, /* scroller */
#app-mount .standardSidebarView-E9Pc3j, /* settings */
#app-mount .contentRegion-3HkfJJ { /* settings content */
background: transparent;
}
#app-mount .scroller-hE2gWq { /* peoples activity scroller */
border: none;
}
#app-mount .sidebarRegion-1VBisG, /* settings sidebar */
#app-mount .sidebar-_0OpfR { /* sidebarlist sidebar */
background-color: rgba(var(--transparencycolor), calc(0.2 * (var(--transparencyalpha) / (var(--transparencyalpha) + 0.00000000000000000000001))));
}
#app-mount { /* app-mount */
background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
}
#app-mount .wrapper-1_HaEi { /* guilds container */
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2));
}
#app-mount .sidebar-1tnWFu { /* channels container */
background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency));
}
#app-mount .panels-3wFtMD { /* account/voice container */
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) / 1.5));
}
#app-mount .container-ZMc96U.themed-Hp1KC_ { /* channelheader container */
background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency));
}
#app-mount .chatHeaderBar-qygUNT { /* channelheader sub header */
background-color: rgba(var(--transparencycolor), var(--guildchanneltransparency));
}
#app-mount .membersWrap-3NUR2t { /* members container */
background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
}
#app-mount .tabBar-fg4VK9 { /* members tabbar */
background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
}
#app-mount .nowPlayingColumn-1eCBCN { /* peoples now playing */
background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
}
#app-mount .image-35kDIs { /* app errorscreen image */
background-image: url(https://discord.com/assets/e9baf4b505eb54129f832556ea16538e.svg);
opacity: 0.6;
}
/* ~~~~ 2. BACKGROUND ~~~~ */
body::before,
body::after {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: -1;
}
body::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
}
body::after {
backdrop-filter: blur(var(--backgroundblur));
}
.layer-86YKbF {
z-index: 1000;
}
.container-2RRFHK::before,
.layer-86YKbF ~ .layer-86YKbF::before,
.root-2zfUH6::before,
.container-2RRFHK::after,
.layer-86YKbF ~ .layer-86YKbF::after,
.root-2zfUH6::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: -1;
}
.container-2RRFHK::before,
.layer-86YKbF ~ .layer-86YKbF::before,
.root-2zfUH6::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.container-2RRFHK::after,
.layer-86YKbF ~ .layer-86YKbF::after,
.root-2zfUH6::after {
background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
backdrop-filter: blur(var(--backgroundblur));
}
.uploadArea-2Nu_Vc,
.backdrop-1BR_bn,
.backdrop-2ByYRN {
background: transparent !important;
opacity: 1 !important;
animation: none !important;
}
.uploadArea-2Nu_Vc::before,
.backdrop-1BR_bn::before,
.backdrop-2ByYRN::before,
.uploadArea-2Nu_Vc::after,
.backdrop-1BR_bn::after,
.backdrop-2ByYRN::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: -2;
}
.uploadArea-2Nu_Vc::before,
.backdrop-1BR_bn::before,
.backdrop-2ByYRN::before {
background: var(--backdrop) var(--backdropposition)/var(--backdropsize);
background-attachment: fixed;
}
.uploadArea-2Nu_Vc::after,
.backdrop-1BR_bn::after,
.backdrop-2ByYRN::after {
backdrop-filter: blur(var(--backdropblur));
}
.withLayer-2VVmpp {
z-index: -1;
}
/* ~~~~ 3. TITLEBAR ~~~~ */
.titleBar-1it3bQ {
z-index: 5001;
}
.titleBar-1it3bQ::after {
content: "";
pointer-events: none;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
background-color: rgba(var(--transparencycolor), calc(0.1 + var(--guildchanneltransparency) * 2));
}
.titleBar-1it3bQ:not(.typeMacOS-3V4xXE)::after {
height: 22px;
}
.titleBar-1it3bQ.typeMacOS-3V4xXE::after {
height: 28px;
width: calc(100% - 4px);
margin: 2px;
border-radius: 5px;
}
.titleBar-1it3bQ.typeMacOS-3V4xXE,
.titleBar-1it3bQ.typeMacOS-3V4xXE .macButtons-eIdy0e {
width: 72px;
}
.titleBar-1it3bQ.typeMacOS-3V4xXE.typeMacOSWithFrame-1XEpN7 .macButtons-eIdy0e {
margin-top: 0;
margin-right: 0;
}
.platform-osx .wrapper-1_HaEi {
margin-top: 0;
padding-top: 32px;
}
.platform-osx .standardSidebarView-E9Pc3j::before {
left: 72px;
}
.winButtonMinMax-3RsPUg:hover {
background-color: rgba(var(--transparencycolor), .2);
}
/* ~~~~ 4. GUILDLIST ~~~~ */
#app-mount .childWrapper-1j_1ub { /* homebutton/acronym innerwrap */
background-color: rgba(var(--transparencycolor), .3);
color: var(--text-normal);
font-weight: 500;
}
#app-mount .wrapper-3kah-n:hover .childWrapper-1j_1ub,
#app-mount .wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub {
background-color: var(--brand-experiment);
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .wrapper-3kah-n rect[fill] {
fill: rgba(var(--transparencycolor), .3);
}
#app-mount .noIcon-3gSX9V { /* acronym minicontainer */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .circleIconButton-1QV--U { /* guildadd/discovery innerwrap */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .circleIconButton-1VxDrg.selected-2r1Hvo {
background-color: var(--green-360);
}
#app-mount .guildIconUnavailable-3IYARS, /* guilderror miniicon */
#app-mount .guildsError-YJjW3A { /* guilderror innerwrap */
background-color: rgba(var(--dangercolor)),.3);
}
#app-mount .dragInner-Oq_toX { /* dragplaceholder */
background-color: rgba(var(--transparencycolor), .3);
}
.wrapper-38slSD { /* folder outerwrap */
margin-bottom: 8px;
}
#app-mount .folder-241Joy { /* folder iconwrap */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .folder-241Joy.hover-3m7-WT {
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .expandedFolderBackground-1kSAf6 { /* folder background */
background-color: rgba(var(--transparencycolor), .2);
border-radius: 15px 15px 24px 24px;
top: 0;
bottom: 0;
margin-bottom: 8px;
transition: border-radius 3s ease, background-color 1s ease;
}
.expandedFolderBackground-1kSAf6.hover-3m7-WT {
background-color: rgba(var(--transparencycolor), .4);
}
.wrapper-1_HaEi .wrapper-38slSD [role="group"] { /* folder guildwrap */
margin-bottom: -8px;
}
.wrapper-1_HaEi .wrapper-38slSD [role="group"] .listItem-GuPuDH:last-child {
margin-bottom: 0;
}
.bar-2eAyLE { /* guild/channelbar inner */
box-shadow: 0 2px 6px rgba(var(--transparencycolor), .24);
}
.bar-2eAyLE:not(.mention-3XBnnZ) {
background-color: transparent;
overflow: hidden;
}
.bar-2eAyLE:not(.mention-3XBnnZ)::before,
.bar-2eAyLE:not(.mention-3XBnnZ)::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.bar-2eAyLE:not(.mention-3XBnnZ)::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.bar-2eAyLE:not(.mention-3XBnnZ)::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
backdrop-filter: blur(var(--backgroundblur));
}
.sidebar-1tnWFu .bar-2eAyLE:not(.mention-3XBnnZ)::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--guildchanneltransparency) * 0.85 + 0.1));
}
.wrapper-1_HaEi .bar-2eAyLE:not(.mention-3XBnnZ)::after {
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 ~~~~ */
#app-mount .sidebar-1tnWFu { /* channels container */
border-radius: 0;
}
/* ---- 5.1. GUILDHEADER ---- */
.container-1-ERn5 .animatedContainer-2laTjx { /* banner wrap */
background: none;
box-shadow: none;
}
.bannerImage-1jOskm { /* banner image */
-webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
}
.bannerImage-1jOskm::before {
display: none;
}
.header-3OsQeK, /* header inner */
.searchBar-3TnChZ { /* 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);
}
.searchBar-3TnChZ .searchBarComponent-3N7dCG { /* header searchbarinner */
background-color: rgba(var(--transparencycolor), .2);
}
.clickable-vvKY2q:not(.hasBanner-2IrYih) .header-3OsQeK:hover,
.selected-1GtAC5:not(.hasBanner-2IrYih) .header-3OsQeK {
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 ---- */
.wrapper-NhbLHG:hover .content-1gYQeQ { /* channel content */
background-color: rgba(var(--transparencycolor), .2);
}
.wrapper-NhbLHG:hover .content-1gYQeQ [style*="color: var(--text-muted)"] {
color: var(--header-secondary) !important;
}
.modeSelected-3DmyhH .content-1gYQeQ,
.modeSelected-3DmyhH:hover .content-1gYQeQ {
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
}
.modeSelected-3DmyhH .content-1gYQeQ [style*="color: var(--text-muted)"],
.modeSelected-3DmyhH:hover .content-1gYQeQ [style*="color: var(--text-muted)"] {
color: var(--header-secondary) !important;
}
.modeSelected-3DmyhH .content-1gYQeQ svg,
.modeSelected-3DmyhH:hover .content-1gYQeQ svg {
filter: drop-shadow(1px 1px var(--textshadow));
}
.icon-2W8DHg { /* channel icon */
color: var(--channels-default);
}
.modeMuted-2T4MDZ .icon-2W8DHg {
color: var(--interactive-muted);
}
.modeMuted-2T4MDZ:hover .icon-2W8DHg,
.wrapper-NhbLHG:hover .icon-2W8DHg {
color: var(--interactive-hover);
}
.modeConnected-NrO4cP .icon-2W8DHg,
.modeConnected-NrO4cP:hover .icon-2W8DHg,
.modeSelected-3DmyhH .icon-2W8DHg,
.modeSelected-3DmyhH:hover .icon-2W8DHg,
.modeUnread-3Cxepe .icon-2W8DHg,
.modeUnread-3Cxepe:hover .icon-2W8DHg,
.notInteractive-2tFrlE.modeConnected-NrO4cP .icon-2W8DHg,
.notInteractive-2tFrlE.modeSelected-3DmyhH .icon-2W8DHg {
color: var(--interactive-active);
}
.modeConnected-NrO4cP .subtitle-3PyFgf, /* channel subtitle */
.modeConnected-NrO4cP:hover .subtitle-3PyFgf,
.modeSelected-3DmyhH .subtitle-3PyFgf,
.modeSelected-3DmyhH:hover .subtitle-3PyFgf,
.modeUnread-3Cxepe .subtitle-3PyFgf,
.modeUnread-3Cxepe:hover .subtitle-3PyFgf,
.notInteractive-2tFrlE.modeConnected-NrO4cP .subtitle-3PyFgf,
.notInteractive-2tFrlE.modeSelected-3DmyhH .subtitle-3PyFgf {
color: var(--interactive-normal);
}
.spine-29OFwR { /* channel thread spine */
color: var(--channels-default);
}
.wrapper-2fEmwW { /* voicechat limit */
background-color: rgba(var(--transparencycolor), .15);
}
.wrapper-2fEmwW .users-2JoyGL {
background-color: transparent;
}
.wrapper-2fEmwW .total-1c5KCN {
background-color: rgba(var(--transparencycolor), .3);
}
.wrapper-2fEmwW .total-1c5KCN::after {
border-right-color: rgba(var(--transparencycolor), .3);
}
.listDefault-2F-w65 .clickable-1ctZ-H:hover .content-1Tgc42 {
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .streamPreview-I7itZ6 {
position: relative;
background-color: transparent;
color: var(--header-secondary);
overflow: hidden;
}
.streamPreview-I7itZ6::before,
.streamPreview-I7itZ6::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.streamPreview-I7itZ6::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.streamPreview-I7itZ6::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .previewContainer-35LFgt {
background-color: transparent;
}
#app-mount .watchButton-2YRKxv {
border-color: var(--header-secondary);
color: var(--header-secondary);
}
#app-mount .watchButton-2YRKxv:not([disabled]):hover {
border-color: var(--header-primary);
color: var(--header-primary);
}
/* ---- 5.3. DMCHANNELS ---- */
.interactive-26HRN_:focus-within, /* dmchannel/page inner */
.interactive-26HRN_:hover,
.snowsgivingLink-1TZi3c:hover {
background-color: rgba(var(--transparencycolor), .2);
}
.selected-26oxtA,
.selected-26oxtA:focus-within,
.selected-26oxtA:hover,
.snowsgivingLink-1TZi3c:active {
background-color: rgb(var(--accentcolor));
color: var(--header-primary);
text-shadow: 1px 1px var(--textshadow);
}
.snowsgivingLink-1TZi3c {
border-radius: 4px;
}
.selected-26oxtA svg:not(.svg-2azL_l) {
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-yQo7LQ { /* loadingplaceholders */
fill: rgba(var(--transparencycolor), .4);
}
/* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */
.panels-3wFtMD > *, /* account/voice inner */
.panels-3wFtMD .wrapper-3Hk9OB > * { /* account/voice inner */
background: none;
border: none;
}
.panels-3wFtMD > *:not(:empty) ~ *:not(:empty) {
border-top: 1px solid rgba(var(--transparencycolor), .2);
}
.button-12Fmur.enabled-9OeuTA { /* account/voice panel button */
opacity: 0.7;
}
.button-12Fmur.enabled-9OeuTA:hover {
opacity: 1;
background-color: rgb(var(--accentcolor));
}
.withTagAsButton-OsgQ9L:hover,
.withTagless-10ooWt:hover {
background-color: rgb(var(--accentcolor));
}
.button-12Fmur.enabled-9OeuTA:hover svg {
filter: drop-shadow(1px 1px var(--textshadow));
}
.button-1EGGcP.buttonColor-3bP3fX {
background-color: rgba(var(--transparencycolor), .2);
}
.button-1EGGcP.buttonColor-3bP3fX:hover {
background-color: rgba(var(--transparencycolor), .4);
}
.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx,
.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx:hover {
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
}
.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx svg,
.button-1EGGcP.buttonColor-3bP3fX.buttonActive-Uc1jHx:hover svg {
filter: drop-shadow(1px 1px var(--textshadow));
}
/* ~~~~ 6. CHAT ~~~~ */
.chat-2ZfjoI.threadSidebarOpen-1LSXvU { /* chat threadsidebar open */
border-radius: 0;
}
#app-mount .background-fkKrXt .container-2Hi7Km,
#app-mount .background-fkKrXt .container-xwOzwi,
#app-mount .background-fkKrXt .container-3rZ3XA,
#app-mount .background-fkKrXt .icon-2IDTxf,
#app-mount .background-fkKrXt .containerCard-2kwJKN,
#app-mount .background-fkKrXt .containerCard-2kwJKN:hover,
#app-mount .background-fkKrXt .interactiveCard-2iMtdk,
#app-mount .background-fkKrXt .emptyStateContainer-xWOMPJ,
#app-mount .background-fkKrXt .card-3x20HF,
#app-mount .container-3wLKDe .mainCard-3KBsBI,
#app-mount .container-3wLKDe .sidebarCard-1Gn1ch,
#app-mount .container-2IKOsH .channelRow-4X_3fi {
background-color: var(--background-secondary);
}
@media (max-width: 1300px) {
.container-xwOzwi,
.container-3rZ3XA {
background: none !important;
}
}
#app-mount .background-fkKrXt .containerCard-2kwJKN {
border-color: var(--background-secondary);
}
#app-mount .background-fkKrXt .container-3HMTms:hover,
#app-mount .container-3wLKDe .pill-3pRQlO,
#app-mount .container-2IKOsH .channelRow-4X_3fi:hover {
background: var(--background-tertiary);
}
.contentPreview-3fWiuC { /* forum list item */
border-color: rgb(var(--transparencycolor));
}
#app-mount .textContentFooter-2JnNv8 { /* forum list item footer */
background: linear-gradient(0deg, rgba(var(--transparencycolor), .5), rgba(var(--transparencycolor), .1));
}
.container-3YcgdM {
border-color: var(--background-floating);
}
.divider-AZrXIA { /* forum fat divider */
background: var(--background-floating);
}
#app-mount .container-2qVG6q.isOpen-2OXbFs { /* forum selected post */
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .container-2qVG6q.isOpen-2OXbFs .defaultColor-24IHKz,
#app-mount .container-2qVG6q.isOpen-2OXbFs [style*="color: var(--header-secondary)"] {
color: var(--header-primary) !important;
}
#app-mount .container-2qVG6q.isOpen-2OXbFs .author-22H8ZU a,
#app-mount .container-2qVG6q.isOpen-2OXbFs [style*="color: var(--text-muted)"] {
color: var(--header-secondary) !important;
}
/* ---- 6.1. CHANNELHEADER ---- */
.container-ZMc96U.themed-Hp1KC_ { /* 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);
}
.input-1nrc5P:focus { /* header dmchannelinput */
background-color: rgba(var(--transparencycolor), .2);
}
.input-1nrc5P:focus,
.outer-1KB3kA:hover .input-1nrc5P {
box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor), .2);
}
.children-3xh0VB::after { /* header topicgradient */
display: none;
}
.akaBadge-3i7V3p { /* header aka */
background-color: rgba(var(--transparencycolor), .3);
}
.badge-2qGa_k::after { /* header iconbadge red dot */
border: none;
}
.searchBar-zdmu7v { /* header searchbar */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .public-DraftEditorPlaceholder-root {
color: rgb(var(--textdarker));
}
#app-mount .public-DraftEditorPlaceholder-hasFocus {
color: var(--header-secondary);
}
#app-mount .searchFilter-2UfsDk,
#app-mount .searchAnswer-23w-CH {
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
}
/* ---- 6.2. MESSAGES ---- */
.clickableAction-2q3H52:hover .action-3oG-si, /* guidancechannel options */
.row--LCpto:hover {
background-color: rgba(var(--transparencycolor), .4);
}
.emptyChannelIcon-1YdEz2 { /* welcomemessage empty channelicon */
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-1kija8:hover { /* welcomemessage edit channel */
background-color: rgb(var(--accentcolor));
color: var(--interactive-active);
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .role-23oyrw { /* welcomemessage role */
background: transparent;
border-color: rgba(var(--textbrighter), .6);
border-radius: 5px;
height: 22px;
padding: 0 5px;
position: relative;
}
#app-mount .role-23oyrw[style*="border-color: rgba(185, 187, 190, .6)"] {
border-color: rgba(var(--textbrighter), .6) !important;
}
#app-mount .role-23oyrw .roleColor-3cA0as { /* welcomemessage rolecircle */
position: absolute;
background-color: var(--text-normal);
border-radius: 3px;
opacity: 0.5;
height: 100%;
width: 100%;
margin: 0;
left: 0;
top: 0;
z-index: -1;
}
#app-mount .role-23oyrw:hover .roleColor-3cA0as {
opacity: 0.8;
}
#app-mount .role-23oyrw .roleColor-3cA0as[style*="background-color: rgb(185, 187, 190)"] {
background-color: var(--text-normal) !important;
}
.divider-2rZFJK.hasContent-31hcsn { /* divider hascontent */
border-width: calc(1px * (1 - var(--usechatbubbles)));
}
.divider-2rZFJK.hasContent-31hcsn::before {
content: "";
position: absolute;
top: -0.6rem;
bottom: -0.6rem;
right: -0.2rem;
left: 0;
background: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.5));
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.content-3spvdd { /* divider content */
position: absolute;
background-color: transparent;
padding: 2px 8px;
width: unset;
}
.content-3spvdd::before,
.content-3spvdd::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
opacity: calc(1 - var(--usechatbubbles));
z-index: -1;
}
.content-3spvdd::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.content-3spvdd::after {
background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
backdrop-filter: blur(var(--backgroundblur));
}
.unreadPill-3nEWYM { /* divider unreadpill */
border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles));
padding-left: calc(4px * var(--usechatbubbles) + 1px * (1 - var(--usechatbubbles)));
}
.unreadPillCap-2-iI4h { /* divider unreadpillcap */
opacity: calc(1 - var(--usechatbubbles));
}
.hasMore-2mIMwb:hover {
background-color: rgba(var(--transparencycolor), .2);
}
.jumpToPresentBar-1cEnH0 { /* bar jumptopresent */
background-color: transparent;
overflow: hidden;
opacity: 1;
}
.jumpToPresentBar-1cEnH0::before,
.jumpToPresentBar-1cEnH0::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.jumpToPresentBar-1cEnH0::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.jumpToPresentBar-1cEnH0::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--backgroundblur));
}
/* ==== 6.2.1. MESSAGE ==== */
#app-mount .message-G6O-Wv { /* message confirm modal */
background-color: rgba(var(--transparencycolor), .2);
box-shadow: none;
}
.message-2CShn3, /* message container */
.messagesWrapper-RpOMA3 .wrapper-30-Nkg, /* message upload placeholder */
.card-3x20HF .wrapper-30-Nkg, /* message home */
.wrapper-15CKyy, /* message loading */
.message-3g3FYR, /* message mention popout */
.message-372Ods, /* message inbox popout */
.message-G6O-Wv .wrapper-30-Nkg, /* message settings preview */
.messageGroupCozy-3v_RqN, /* message pin popout */
.message-24k8JL .wrapper-30-Nkg { /* message searchpage */
background-color: rgba(var(--transparencycolor), var(--messagetransparency)) !important;
contain: unset;
}
.message-24k8JL .wrapper-30-Nkg { /* message searchpage */
background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8)) !important;
}
.message-2CShn3.selected-2LX7Jy,
.mouse-mode .message-2CShn3:hover,
.mouse-mode.full-motion .message-2CShn3:hover,
.mouse-mode .wrapper-15CKyy:hover,
.mouse-mode.full-motion .wrapper-15CKyy:hover {
background-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important;
}
.backgroundFlash-1X5jVs .message-2CShn3 { /* message jump flash */
position: relative;
}
.backgroundFlash-1X5jVs .message-2CShn3::before {
content: "";
position: absolute;
background: var(--message-background-flash, transparent);
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: none;
}
.backgroundFlash-1X5jVs .cozyMessage-1DWF9U::before {
left: calc(-80px * var(--usechatbubbles));
}
.message-2CShn3.ephemeral-2nDdnn, /* message localbot */
.message-2CShn3.replying-eZ7p5z { /* message replying */
background-image: linear-gradient(rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))));
}
.message-2CShn3.mentioned-Tre-dv { /* message mentioned */
background-image: linear-gradient(rgba(var(--mentioncolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor), calc(0.2 * (1 - var(--usechatbubbles)))));
}
.message-2CShn3.ephemeral-2nDdnn::before,
.message-2CShn3.replying-eZ7p5z::before {
background-color: rgb(var(--accentcolor));
}
.message-2CShn3.mentioned-Tre-dv::before {
background-color: rgb(var(--mentioncolor));
}
.message-2CShn3.mentioned-Tre-dv .contents-2MsGLg .messageContent-2t3eCI {
border-radius: 3px;
background-color: rgba(var(--mentioncolor), calc(0.3 * var(--usechatbubbles)));
}
#app-mount .avatar-2e8lTP, /* message container avatar */
#app-mount .avatar-l9Txm5 { /* message loading avatar */
position: absolute;
top: 2px;
left: calc(-70px * var(--usechatbubbles) + 16px);
}
#app-mount .messageItemBody-2EpHAK.hasReply-2Cr4KE .avatar-2e8lTP,
#app-mount .repliedMessage-3Z6XBG ~ * .avatar-2e8lTP {
top: 24px;
}
#app-mount .container-3FojY8 .avatar-2e8lTP {
left: calc(-10px * var(--usechatbubbles));
}
#app-mount .avatarDecoration-34OC0G { /* message avatar decoration */
position: absolute;
top: 2px;
left: calc(-70px * var(--usechatbubbles) + 16px - (6.6666666px * var(--decoration-to-avatar-ratio)/2));
}
#app-mount .messageItemBody-2EpHAK.hasReply-2Cr4KE .avatarDecoration-34OC0G,
#app-mount .repliedMessage-3Z6XBG ~ * .avatarDecoration-34OC0G {
top: 24px;
}
#app-mount .container-3FojY8 .avatarDecoration-34OC0G {
left: calc(-10px * var(--usechatbubbles) - (6.6666666px * var(--decoration-to-avatar-ratio)/2));
}
#app-mount .replyBadge-LMm_Ic { /* message reply badge */
background-color: rgba(var(--transparencycolor), .5);
}
#app-mount .spine-3OoQS_ {
width: 0px;
top: 20px;
right: calc(1px * (-32 * var(--usechatbubbles) + -25 * (1 - var(--usechatbubbles))));
left: unset;
border: none;
}
#app-mount .compact-2Nkcau .spine-3OoQS_ {
right: 0;
}
#app-mount .repliedMessage-3Z6XBG::before, /* message reply spine */
#app-mount .repliedMessage-3Z6XBG::after,
#app-mount .spine-3OoQS_::before, /* message command spine */
#app-mount .spine-3OoQS_::after {
--avatar-size: 38px;
--gutter: 16px;
--spine-width: 2px;
content: "";
display: block;
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 50%;
right: unset;
bottom: 0;
left: calc(-1 * var(--avatar-size) - (6px * var(--usechatbubbles)));
width: calc(var(--avatar-size) - 4px);
margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2);
border-right: 0 solid var(--background-accent);
border-left: var(--spine-width) solid var(--background-accent);
}
#app-mount .repliedMessage-3Z6XBG::before,
#app-mount .repliedMessage-3Z6XBG::after {
border-top: var(--spine-width) solid var(--background-accent);
border-bottom: 0 solid var(--background-accent);
border-top-left-radius: 6px;
}
#app-mount .spine-3OoQS_::before,
#app-mount .spine-3OoQS_::after {
border-top: 0 solid var(--background-accent);
border-bottom: var(--spine-width) solid var(--background-accent);
border-bottom-left-radius: 6px;
}
#app-mount .compact-2Nkcau .repliedMessage-3Z6XBG::before,
#app-mount .compact-2Nkcau .repliedMessage-3Z6XBG::after,
#app-mount .compact-2Nkcau .spine-3OoQS_::before,
#app-mount .compact-2Nkcau .spine-3OoQS_::after {
--avatar-size: 20px;
left: calc(-1 * var(--avatar-size));
}
#app-mount .repliedMessage-3Z6XBG::before,
#app-mount .spine-3OoQS_::before {
border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles))));
}
#app-mount .repliedMessage-3Z6XBG::after,
#app-mount .spine-3OoQS_::after {
border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles)));
}
#app-mount .compact-2Nkcau .repliedMessage-3Z6XBG::before,
#app-mount .compact-2Nkcau .spine-3OoQS_::before {
border-color: rgba(var(--textbrighter), .3);
}
#app-mount .compact-2Nkcau .repliedMessage-3Z6XBG::after,
#app-mount .compact-2Nkcau .spine-3OoQS_::after {
border-color: transparent;
}
#app-mount .cozy-VmLDNB.hasThread-3h-KJV::before, /* message thread spine */
#app-mount .cozy-VmLDNB.hasThread-3h-KJV::after,
#app-mount .compact-2Nkcau.hasThread-3h-KJV::after {
--avatar-size: 38px;
--gutter: 16px;
--spine-width: 2px;
content: "";
display: block;
position: absolute;
top: 2rem;
bottom: 29px;
left: calc(var(--avatar-size) * (1 - var(--usechatbubbles)) - var(--avatar-size) * var(--usechatbubbles));
width: calc(var(--avatar-size) - 10px + (4px * var(--usechatbubbles)));
margin: calc(-1 * var(--spine-width)/2) var(--reply-spacing) calc(.125rem - 4px) calc(-1 * var(--spine-width)/2);
border-top: 0 solid var(--background-accent);
border-right: 0 solid var(--background-accent);
border-bottom: var(--spine-width) solid var(--background-accent);
border-left: var(--spine-width) solid var(--background-accent);
border-bottom-left-radius: 8px;
}
#app-mount .cozy-VmLDNB.hasThread-3h-KJV::before {
border-color: rgba(var(--textbrighter), calc(0.3 * (1 - var(--usechatbubbles))));
}
#app-mount .cozy-VmLDNB.hasThread-3h-KJV::after {
border-color: rgba(var(--transparencycolor), calc(0.5 * var(--usechatbubbles)));
}
#app-mount .message-2CShn3.mentioned-Tre-dv.hasThread-3h-KJV::before {
background-color: transparent;
}
#app-mount .compact-2Nkcau.hasThread-3h-KJV::after {
left: calc(var(--avatar-size) + 11px);
width: calc(var(--avatar-size) - 13px);
border-color: rgba(var(--textbrighter), .3);
}
#app-mount .compact-2Nkcau.hasThread-3h-KJV .contents-2MsGLg::before {
border-color: rgba(var(--textbrighter), .3);
}
.spine-2vt3pM {
border-color: rgba(var(--textbrighter), .3);
}
.hasThread-3h-KJV .spine-2vt3pM {
display: none;
}
.cozy-25GiHp.content-1UQFwj { /* message command content */
background-color: rgba(var(--transparencycolor), .3);
}
.cozy-VmLDNB .header-2jRmjb::after, /* message container header */
.cozy-3hKWhq .header-35u4WP::after { /* message loading header */
content: "";
position: absolute;
top: 12px;
left: -32px;
border: 10px solid transparent;
border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency));
}
.cozy-VmLDNB .container-3FojY8 .header-2jRmjb::after {
left: 40px;
}
.messageGroupWrapper-1jf_7C .messageGroupCozy-3v_RqN .header-2jRmjb::after {
top: 2px;
}
.message-24k8JL .wrapper-30-Nkg .header-2jRmjb::after {
border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 0.8));
}
.cozy-VmLDNB .timestamp-p1Df1m.alt-1dvXnH {
left: calc(-78px * var(--usechatbubbles));
}
.cozy-VmLDNB .iconContainer-2rPbqG {
background-color: rgba(var(--transparencycolor), var(--messagetransparency));
border-radius: 50%;
left: calc(1px * (-58 * var(--usechatbubbles) + -48 * (1 - var(--usechatbubbles))));
height: 25px !important;
width: 25px !important;
margin: unset;
margin-right: 1rem;
padding: 0;
}
.cozy-VmLDNB .blockedSystemMessage-3FmE9n .iconContainer-2rPbqG {
background-color: transparent;
}
.cozy-VmLDNB .iconContainer-2rPbqG::after {
content: "";
position: absolute;
top: 2px;
left: 26px;
border: 10px solid transparent;
border-right: 12px solid rgba(var(--transparencycolor), var(--messagetransparency));
}
.cozy-VmLDNB .blockedSystemMessage-3FmE9n .iconContainer-2rPbqG::after {
display: none;
}
.selected-2LX7Jy.message-2CShn3.cozy-VmLDNB .header-2jRmjb::after,
.mouse-mode .message-2CShn3.cozy-VmLDNB:hover .header-2jRmjb::after,
.mouse-mode.full-motion .message-2CShn3.cozy-VmLDNB:hover .header-2jRmjb::after,
.mouse-mode .wrapper-15CKyy.cozy-3hKWhq:hover .header-35u4WP::after,
.mouse-mode.full-motion .wrapper-15CKyy.cozy-3hKWhq:hover .header-35u4WP::after,
.selected-2LX7Jy.message-2CShn3.cozy-VmLDNB .iconContainer-2rPbqG::after,
.mouse-mode .message-2CShn3.cozy-VmLDNB:hover .iconContainer-2rPbqG::after,
.mouse-mode.full-motion .message-2CShn3.cozy-VmLDNB:hover .iconContainer-2rPbqG::after {
border-right-color: rgba(var(--transparencycolor), calc(var(--messagetransparency) * 1.2));
}
#app-mount .mentioned-Tre-dv.cozy-VmLDNB .header-2jRmjb::after {
border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency) * 100000000000000000000000000000));
}
#app-mount .ephemeral-2nDdnn.cozy-VmLDNB .header-2jRmjb::after,
#app-mount .replying-eZ7p5z.cozy-VmLDNB .header-2jRmjb::after {
border-right-color: rgba(var(--accentcolor), calc(var(--messagetransparency) * 100000000000000000000000000000));
}
.message-3g3FYR,
.message-372Ods,
.zalgo-26OfGz .messageContent-2t3eCI,
.zalgo-26OfGz.cozy-VmLDNB .header-2jRmjb,
.wrapper-15CKyy,
.cozy-3hKWhq .header-35u4WP {
overflow: visible;
}
.container-3FojY8 {
padding: 0;
overflow: visible;
}
#app-mount .cozyMessage-1DWF9U, /* message container cozy */
#app-mount .messagesWrapper-RpOMA3 .cozy-VmLDNB, /* message upload placeholder cozy */
#app-mount .card-3x20HF .cozy-VmLDNB, /* message home cozy */
#app-mount .cozy-3hKWhq { /* message loading cozy */
margin-left: calc(80px * var(--usechatbubbles));
padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles))));
}
#app-mount .wrapper-30-Nkg[data-list-item-id*="Uploader"] {
margin-top: 1rem;
}
#app-mount .compact-QWkw9- { /* message loading compact */
margin-top: .0625rem;
}
#app-mount .cozy-VmLDNB .header-2jRmjb,
#app-mount .cozy-VmLDNB .messageContent-2t3eCI,
#app-mount .cozy-3hKWhq .header-35u4WP {
margin-left: 0;
padding-left: 0;
}
.messageContainer-3VTXBC .wrapper-30-Nkg,
.messages-23can0 .wrapper-30-Nkg,
.message-G6O-Wv .wrapper-30-Nkg,
.messageGroupWrapper-1jf_7C .messageGroupCozy-3v_RqN,
.message-24k8JL .wrapper-30-Nkg {
border-radius: 5px;
margin-left: calc(60px * var(--usechatbubbles));
padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles))));
}
.messages-23can0 .wrapper-30-Nkg {
border-radius: 0;
}
/* message home message */
.interactiveCard-2iMtdk.selected-sszUNx, .interactiveCard-2iMtdk:active,
.interactiveCard-2iMtdk:hover {
border-color: var(--background-secondary);
}
.feedItemHeader-txJq98 {
border-color: var(--background-primary);
}
.interactiveCard-2iMtdk.selected-sszUNx, .interactiveCard-2iMtdk:active .feedItemHeader-txJq98,
.interactiveCard-2iMtdk:hover .feedItemHeader-txJq98 {
border-color: var(--background-secondary);
}
.avatar-l9Txm5 { /* message loading avatar */
background: rgba(var(--transparencycolor), .4);
opacity: 1 !important;
}
.attachment-16cAbS, /* message loading attachment */
.blob-1uHjdp { /* message loading blob */
background: rgb(var(--accentcolor));
}
.expanded-3lghlw { /* message expanded blocked */
background-color: rgba(var(--transparencycolor), .2);
border-radius: 5px 5px 0 5px;
margin-bottom: .5625rem;
}
.reaction-2A2y9y { /* message reaction */
background-color: rgba(var(--transparencycolor), .3);
border: none;
}
.reaction-2A2y9y:hover {
background-color: rgba(var(--transparencycolor), .4);
}
.reaction-2A2y9y.reactionMe-3I9gFK {
background-color: rgba(var(--accentcolor), .8);
}
.reaction-2A2y9y.reactionMe-3I9gFK:hover {
background-color: rgb(var(--accentcolor));
}
.reaction-2A2y9y.reactionMe-3I9gFK .reactionCount-1zkLcN {
color: #FFF;
text-shadow: 1px 1px var(--textshadow);
}
.reaction-2A2y9y:hover {
background-color: rgba(var(--transparencycolor), .4);
}
.wrapper-2vIMkT { /* message buttons */
position: relative;
background: transparent;
}
.wrapper-2vIMkT::before,
.wrapper-2vIMkT::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 4px;
pointer-events: none;
z-index: -1;
}
.wrapper-2vIMkT::before {
background: var(--backgound) var(--backgoundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.wrapper-2vIMkT::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--backgroundblur));
}
.button-3bklZh:hover { /* message button */
background-color: rgba(var(--transparencycolor), .2);
}
.button-3bklZh.selected-69H4ua {
background-color: rgba(var(--transparencycolor), .4);
}
.bumpBox-1Pp4td { /* messageelement publish box */
background-color: rgba(var(--transparencycolor), .4);
}
.markup-eYLPri code { /* messageelement code */
background-color: transparent;
border-color: transparent;
}
.markup-eYLPri pre { /* messageelement pre */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
}
.markup-eYLPri .inline, /* messageelement inline */
.after_inlineCode-WydEur,
.before_inlineCode-xn8Llh,
.inlineCode-2auMQi {
background-color: rgba(var(--transparencycolor), .4);
}
.textContainer-36wgKK { /* messageelement plain file text */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
}
.footer-GXWBBp { /* messageelement plain file footer */
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--transparencycolor), .1);
}
.languageSelector-2e1IuO { /* messageelement plain file popout */
background-color: transparent;
border: 1px solid rgba(var(--transparencycolor), .3);
border-radius: 5px;
box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor), .3);
overflow: hidden;
}
.languageSelector-2e1IuO::before,
.languageSelector-2e1IuO::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.languageSelector-2e1IuO::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.languageSelector-2e1IuO::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .spoilerContent-32CqO- { /* messageelement spoiler */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .spoilerContent-32CqO-.hidden-2lQZ5q { /* messageelement hiddenspoiler */
background-color: rgba(var(--transparencycolor), .6);
}
.icon-JRJzJz[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { /* systemmessage pinicon */
-webkit-mask: url(https://discord.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat;
background: var(--channels-default) !important;
}
.icon-JRJzJz[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { /* systemmessage missedcall */
-webkit-mask: url(https://discord.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat;
background: var(--channels-default) !important;
}
.icon-JRJzJz[style*="/assets/b8029fe196b8f1382e90bbe81dab50dc.svg"] { /* systemmessage joincallicon */
-webkit-mask: url(https://discord.com/assets/b8029fe196b8f1382e90bbe81dab50dc.svg) center/cover no-repeat;
background: rgb(var(--accentcolor)) !important;
}
.icon-JRJzJz[style*="/assets/c30220457097b064286a8759a9b6c4af.svg"] { /* systemmessage recievecallicon */
-webkit-mask: url(https://discord.com/assets/c30220457097b064286a8759a9b6c4af.svg) center/cover no-repeat;
background: rgb(var(--accentcolor)) !important;
}
/* ==== 6.2.2. EMBEDS ==== */
#app-mount .embedFull-1HGV2S { /* embed wrapper */
background-color: rgba(var(--transparencycolor), .3);
border-left-color: rgb(var(--textdarkest));
}
#app-mount .attachment-1PZZB2 { /* attachment container */
background-color: rgba(var(--transparencycolor), .3);
border-color: rgba(var(--transparencycolor), .1);
margin-left: 18px;
}
#app-mount .message-2CShn3 .attachment-1PZZB2 {
margin-left: 0;
}
#app-mount .twitchSectionPlayButton-2RamGG {
object-position: -999999px -999999px;
background: rgba(var(--transparencycolor), .4) url('data:image/svg+xml; utf8, ');
border-radius: 50%;
}
#app-mount .twitchSectionPlayButton-2RamGG:hover {
background-color: rgba(var(--transparencycolor), .8);
}
#app-mount .wrapper-1FP9YQ { /* attachment videowrapper */
background-color: rgba(var(--transparencycolor), .3);
}
/* ==== 6.2.3. NITROGIFT ==== */
#app-mount .tile-2mmK5T { /* gift container */
background-color: rgba(var(--transparencycolor), .2);
box-shadow: 0 0 0 rgba(var(--transparencycolor), .15);
}
#app-mount .tile-2mmK5T:hover {
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .title-oJa_A6 { /* gift title */
color: var(--header-primary);
}
#app-mount .description-X8_53U { /* gift description */
color: var(--header-primary);
}
#app-mount .tagline-3DhQWg { /* gift tagline */
color: var(--header-secondary);
}
/* ==== 6.2.4. INVITE ==== */
#app-mount .wrapper-1HIH0j { /* invite container */
background-color: rgba(var(--transparencycolor), .3);
border-color: rgba(var(--transparencycolor), .1);
}
#app-mount .guildIconImage-74OdmM { /* invite icon */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .guildName-3G4jq- { /* invite name */
color: var(--header-primary);
}
#app-mount .guildDetail-3EJhW_ { /* invite details */
color: var(--channels-default);
}
#app-mount .invite-3uuHYQ { /* invite group invite */
background-color: rgba(var(--transparencycolor), .3);
border-color: rgba(var(--transparencycolor), .1);
}
#app-mount .header-1Fx4D1 {
color: rgb(var(--textdarker));
}
#app-mount .name-QjR4Jk,
#app-mount .partyStatus-2-VcyG {
color: var(--header-primary);
}
#app-mount .moreUsers-3PdGZN {
background-color: rgba(var(--transparencycolor), .3);
color: var(--header-secondary);
}
#app-mount .partyMemberEmpty-GtlQ_s {
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .helpIcon-24pk1Z {
background-color: var(--header-primary);
}
/* ---- 6.3. TEXTAREA ---- */
.form-3gdLxP {
padding-top: 0;
margin-top: 0;
}
.form-3gdLxP { /* textarea form */
background: rgba(var(--transparencycolor), var(--chatinputtransparency));
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))));
}
.threadSidebarOpen-1LSXvU .form-3gdLxP {
border-top-right-radius: 8px;
}
.form-3gdLxP::before {
display: none;
}
.channelTextArea-1FufC0 { /* textarea channeltextarea */
background-color: transparent;
border-top-color: var(--background-modifier-accent);
}
.container-A2jo65 { /* textarea reply */
background: rgba(var(--transparencycolor), .3);
border: none;
border-bottom: 1px solid var(--background-modifier-accent);
}
.scrollableContainer-15eg7h { /* textarea container */
background-color: rgba(var(--transparencycolor), .3);
}
.sprite-2lxwfc { /* textarea emojibutton */
transform: none !important;
}
.wrapper-2SplAX { /* textarea placeholder */
background-color: rgba(var(--transparencycolor), .3);
color: var(--text-normal);
}
.toolbar-37BrJ5 { /* textarea formattoolbar */
background-color: rgb(var(--accentcolor));
}
.toolbar-37BrJ5::before {
border-top-color: rgb(var(--accentcolor));
}
.divider-3NY7PF { /* textarea formattoolbar divider */
border-left-color: hsla(0, 0%,100%, .1);
}
.active-136ioF, /* textarea buttonactive */
.hover-3OQb9Y:hover { /* textarea buttonhover */
background-color: hsla(0, 0%, 100%, .2);
}
.icon-3g7qdA { /* textarea buttonicon */
color: #fff;
opacity: .7;
}
.active-136ioF .icon-3g7qdA,
.hover-3OQb9Y:hover .icon-3g7qdA {
color: #fff;
opacity: 1;
}
#app-mount .pill-1HLSrc { /* textarea command query pill */
background-color: rgba(var(--transparencycolor), .5);
border-radius: 5px;
}
/* ---- 6.4. AUTOCOMPLETEMENU ---- */
#app-mount .autocomplete-3NRXG8 { /* autocomplete container */
background-color: transparent;
overflow: hidden;
}
#app-mount .autocomplete-3NRXG8::before,
#app-mount .autocomplete-3NRXG8::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
#app-mount .autocomplete-3NRXG8::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
#app-mount .autocomplete-3NRXG8::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
.theme-brand .autocomplete-3NRXG8 {
background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important;
}
.theme-brand .autocomplete-3NRXG8::before,
.theme-brand .autocomplete-3NRXG8::after {
display: none;
}
#app-mount .bar-AokMp3 { /* autocomplete command info */
background-color: transparent;
}
#app-mount .container-23gRWx::after {
box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor), .3);
}
#app-mount .header-JHwfVI { /* autocomplete header */
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 */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .option-Tt7anD { /* autocomplete option */
background-color: rgba(var(--transparencycolor), .5);
}
#app-mount .wrapper-3z7DuG { /* autocomplete categories */
background-color: transparent;
}
#app-mount .selected-3B2w1z, /* autocomplete category selected */
#app-mount .selected-3B2w1z:hover {
background-color: rgb(var(--accentcolor));
}
#app-mount .selected-3B2w1z svg {
filter: drop-shadow(1px 1px var(--textshadow));
}
#app-mount .searchSuggestion-2Dgyvo:hover { /* gifpicker suggestions */
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .placeholder-T1Tuu8 { /* gifpicker result placeholder */
background-color: rgba(var(--transparencycolor), .3);
}
/* ---- 6.5. MEMBERLIST ---- */
.member-48YF_l { /* member */
background: transparent;
}
.avatar-b5OQ1N::before { /* emptyavatar */
background-color: rgba(var(--transparencycolor), .3);
}
.memberGroupsPlaceholder-9tqX9V, /* loadingplaceholders */
.placeholderAvatar-1qAcRZ,
.placeholderUsername-3iQi_D {
background-color: rgba(var(--transparencycolor), .4);
}
/* ---- 6.6. SEARCHPAGE ---- */
.searchResultsWrap-5RVOkx { /* searchpage container */
background-color: transparent;
}
.searchHeader-1r_ZSh, /* searchpage header */
.searchHeader-1r_ZSh ~ .container-1-h9mY { /* searchpage pagination (BSP) */
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
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 */
background-color: transparent;
}
.searchResult-O9NDji { /* searchpage searchresult */
background-color: rgba(var(--transparencycolor), .2);
}
.button-cfOvv- { /* searchpage jumpbutton */
background-color: rgba(var(--transparencycolor), .4);
}
.button-cfOvv-:hover {
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
}
.pageButton-1GMGeJ:hover {
background-color: rgba(var(--transparencycolor), .4);
}
.activeButton-LRWFC_ {
text-shadow: 1px 1px var(--textshadow);
}
/* ---- 6.7. CHAT SIDEBAR ---- */
.container-3XgAHv { /* chat sidebar */
border-radius: 0;
}
.container-3XgAHv.floating-3M3WeH::before,
.container-3XgAHv.floating-3M3WeH::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.container-3XgAHv.floating-3M3WeH::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.container-3XgAHv.floating-3M3WeH::after {
background-color: rgba(var(--transparencycolor), var(--transparencyalpha));
backdrop-filter: blur(var(--backgroundblur));
}
.chatTarget-3H6mpC.notFloating-cIl-vp ~ .container-3XgAHv {
overflow: visible;
}
.chatTarget-3H6mpC.notFloating-cIl-vp ~ .container-3XgAHv .container-ZMc96U.themed-Hp1KC_::before {
content: "";
position: absolute;
display: block;
top: 0;
bottom: 0;
left: -8px;
width: 8px;
background: inherit;
box-shadow: inherit;
pointer-events: none;
}
.chatTarget-3H6mpC.notFloating-cIl-vp ~ .container-3XgAHv .container-ZMc96U.themed-Hp1KC_::after {
content: "";
position: absolute;
display: block;
top: 10px;
bottom: 10px;
left: -3.5px;
width: 1px;
background: var(--background-modifier-accent);
pointer-events: none;
}
/* ---- 6.8. CALL ---- */
#app-mount .wrapper-3X0c60 {
z-index: 1002;
}
#app-mount .root-1e2tfc { /* popout inner */
background-color: transparent;
border: none;
}
.root-1e2tfc::before,
.root-1e2tfc::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.root-1e2tfc::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.root-1e2tfc::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .wrapper-1gVUIN { /* call voice wrapper */
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
}
#app-mount .callContainer-HtHELf { /* call voice wrapper inner */
background-color: rgba(var(--transparencycolor), calc((1 - (var(--guildchanneltransparency) * 0.8)) * 0.8));
}
#app-mount .root-22AK9z { /* call root */
color: var(--header-primary);
}
.videoWrapper-3rtb_V { /* call video wrapper */
background-color: rgba(var(--transparencycolor), .3);
}
.video-eAcneW { /* call video */
background-color: transparent;
}
.tile-2TcwiO, /* call user video voicechannel */
.tile-2Dr6M1 { /* call user video dm */
background-color: rgba(var(--transparencycolor), .3);
}
.gradientContainer-phMG8d { /* call gradientcontainer */
display: none;
}
.participantsButton-1WBdFP { /* call participantsbutton */
background-color: rgba(0, 0, 0, .3);
}
.participantsButton-1WBdFP:hover {
background-color: rgba(0, 0, 0, .6);
}
.centerButton-1IShs7,
.colorable-3rVGna.primaryDark-2UJt1G {
background-color: rgba(var(--transparencycolor), .5);
}
.centerButton-1IShs7:hover,
.colorable-3rVGna.primaryDark-2UJt1G:hover {
background-color: rgb(var(--accentcolor));
}
.button-3Vyz67 {
background-color: rgba(var(--transparencycolor), .4);
}
.button-3Vyz67:hover {
background-color: rgba(var(--transparencycolor), .6);
}
.controlButton-2PMNom.leaveButton-2YnTyt {
background-color: rgba(var(--dangercolor)),.5);
}
.controlButton-2PMNom.leaveButton-2YnTyt:hover {
background-color: rgb(var(--dangercolor));
}
.regionSelectPopout-3sEzVB {
width: 170px;
}
.container-cH6QoY { /* call podium wrapper */
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.8));
}
.callContainer-BGIngG { /* call podium inner */
background-color: transparent;
}
.scroller-35tvpe { /* call podium scroller */
background-color: transparent;
}
.container-3r7mfc { /* call podium info */
background-color: transparent;
}
.rowContainer-jDvyA4 { /* call podium row */
background-color: transparent;
}
.participants-3hk3ND { /* call podium participants */
background-color: transparent;
}
.tileContainer-Os085F:hover { /* call podium participant */
background-color: rgb(var(--accentcolor));
}
.container-lqPArA { /* call podium requests */
background-color: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 0.3));
}
.headerContainer-21E-jZ { /* 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);
}
/* ---- 6.9. UNAVAILABLESCREEN ---- */
.category-2haXBH, /* loadingplaceholders */
.channelIcon-1TvDoP,
.channelName-2wrHHc {
background: rgba(var(--transparencycolor), .4);
}
.splashImage-3x240k { /* screen image */
opacity: 0.7;
}
/* ~~~~ 7. PEOPLES ~~~~ */
.addFriendInputWrapper-kkoSV9 { /* peoples add friend */
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
}
.addFriendInputWrapper-kkoSV9:hover:not(:focus-within) {
border-color: rgb(var(--transparencycolor));
}
.container-3tKtM_ { /* peoples explore option */
border: none;
}
.container-3tKtM_:hover {
background-color: var(--background-floating);
}
.peopleListItem-u6dGxF .actionButton-3-B2x-, /* peoples actionbutton */
.peopleListItem-u6dGxF .actionButton-3-B2x { /* peoples actionbutton */
background-color: rgba(var(--transparencycolor), .1);
}
.peopleListItem-u6dGxF .actionButton-3-B2x-:hover,
.peopleListItem-u6dGxF .actionButton-3-B2x:hover {
background-color: rgb(var(--accentcolor));
}
.peopleListItem-u6dGxF .actionButton-3-B2x-:hover svg,
.peopleListItem-u6dGxF .actionButton-3-B2x:hover svg {
filter: drop-shadow(1px 1px var(--textshadow));
}
.peopleListItem-u6dGxF.active-2UF8Zh,
.peopleListItem-u6dGxF:hover,
.peopleListItem-u6dGxF.active-2UF8Zh,
.peopleListItem-u6dGxF:hover {
background-color: rgba(var(--transparencycolor), .3);
}
.peopleListItem-u6dGxF.active-2UF8Zh .actionButton-3-B2x-,
.peopleListItem-u6dGxF:hover .actionButton-3-B2x-,
.peopleListItem-u6dGxF.active-2UF8Zh .actionButton-3-B2x,
.peopleListItem-u6dGxF:hover .actionButton-3-B2x {
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .outer-2JOHae, /* playing card */
#app-mount .wrapper-2RrXDg { /* playing card */
background-color: rgba(var(--transparencycolor), .2);
border: unset;
}
#app-mount .outer-2JOHae.active-1W_Gl9,
#app-mount .outer-2JOHae.interactive-2zD88a:hover,
#app-mount .outer-2JOHae.active-1W_Gl9,
#app-mount .outer-2JOHae.interactive-2zD88a:hover {
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .inset-SbsSFp { /* playing card inner */
background-color: rgba(var(--transparencycolor), .2);
}
.emptyCard-KDifrB { /* playing empty card */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .partyMemberOverflow-3G1oZz {
background: rgba(var(--transparencycolor), .5);
}
#app-mount .partyMemberBackground-35PUxI,
#app-mount .partyMemberUnknown-3RMTbX {
background-color: rgba(var(--transparencycolor), .5);
}
#app-mount .partyMemberUnknownIcon-3HapjE {
color: var(--channels-default);
}
#app-mount .popout-3Zw0qN { /* playing popout */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 8px 16px 0 rgba(var(--transparencycolor), .3);
overflow: hidden;
}
.popout-3Zw0qN::before,
.popout-3Zw0qN::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.popout-3Zw0qN::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.popout-3Zw0qN::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .memberListItem-31QoHj:not(.popoutDisabled-2RK7MF):hover,
#app-mount .enabled-1t_Gxm:hover {
background-color: rgba(var(--transparencycolor), .2);
}
/* ~~~~ 7. STORE/NITRO ~~~~ */
.gridItemBadge-1Se-Pu {
text-shadow: 1px 1px var(--textshadow);
}
.marketingHeader-cnc4f7 { /* marketingheader */
background-color: rgba(var(--transparencycolor), .3);
}
.detailsBlock-FoDTGA { /* billing details */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .categoryHeader-93jmyE, /* categoryheader */
#app-mount .premiumApplicationsHeader-3K67Qe {
border-color: var(--background-modifier-accent);
color: var(--header-primary);
}
#app-mount .tier1Banner-LvpkWu { /* tier1banner container */
background-color: rgba(var(--transparencycolor), .3);
color: #fff;
}
.headerIcon-3bqya6 { /* tier1banner svgtitle */
color: #fff;
}
.smallCarousel-20QIi8 {
background-color: rgba(var(--transparencycolor), .3);
border-radius: 5px;
}
#app-mount .item-g96i1Z { /* gamepreview previewitem */
background-color: rgba(var(--transparencycolor), .3);
}
.arrow-3M4PD9 { /* gamepreview prev/nextarrow (big) */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .themedPagination-3jclKS .arrow-2PTaaz { /* gamepreview prev/nextarrow (small) */
color: var(--header-primary);
}
#app-mount .themedPagination-3jclKS .dot-1xabNQ { /* gamepreview itemdot (small) */
background-color: var(--header-primary);
}
#app-mount .root-3mkK8X { /* gameinfo sectioncontainer */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .header-13C7x6 { /* gameinfo sectionheader */
color: var(--header-primary);
}
#app-mount .section-3Et6MX { /* gameinfo subsection */
border-bottom-color: var(--background-modifier-accent);
}
#app-mount .playerOverflow-GbSZQs {
background-color: rgba(var(--transparencycolor), .3);
color: var(--header-secondary);
}
#app-mount .description-hC8iQf { /* gameinfo subsectiondescription */
color: var(--header-secondary);
}
#app-mount .description-hC8iQf strong,
#app-mount .username-pDGZS1 { /* gameinfo subsectionusername */
color: var(--header-primary);
}
#app-mount .smallHeader--lYkq9 { /* gameinfo subsectionheader */
color: var(--header-secondary);
}
#app-mount .text-3UzHA4 { /* gameinfo subsectiontext */
color: var(--header-primary);
}
#app-mount .iconCircle-3CMTjB {
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .circle-1ceChx {
color: var(--header-primary);
}
#app-mount .divider-3y7HAB { /* section divider */
border-color: var(--background-modifier-accent);
}
#app-mount .blurb-btvBEJ { /* section description */
color: var(--text-normal);
}
#app-mount .description-BzYBA2 { /* section subdescription */
color: var(--header-secondary);
}
#app-mount .requirements-2IwVy6 { /* requirements */
color: var(--text-normal);
}
#app-mount .requirementKey-3Mlwzf { /* requirements key */
color: rgb(var(--textdarker));
}
#app-mount .content-3N5BG9 { /* requirements rating */
color: rgb(var(--textdarker));
}
#app-mount .content-26qlhD { /* requirements copyright */
color: rgb(var(--textdarker));
}
#app-mount .bodySection-3iDdop { /* sidebar section */
background-color: rgba(var(--transparencycolor), .2);
border-top-color: var(--background-modifier-accent);
}
#app-mount .actionText-1Yglc4 { /* sidebar header */
color: var(--text-normal);
}
#app-mount .purchaseUnitOperatingSystem-1OW7Kw { /* sidebar OSicon */
color: rgb(var(--textdarkest));
}
#app-mount .price-2SHLzi, /* sidebar price */
#app-mount .listingPrice-3Byrq9 {
color: var(--header-primary);
}
#app-mount .title-3cAMJ9 { /* sidebar subtitle */
color: var(--header-primary);
}
#app-mount .skuNormal-213nY8 { /* sidebar pricerow */
border-bottom-color: var(--background-modifier-accent);
}
#app-mount .name-aq9Dm0 { /* sidebar pricename */
color: var(--header-secondary);
}
#app-mount .sku-3GRW_9:hover .name-aq9Dm0 {
color: var(--header-primary);
}
#app-mount .price-1BMuA2 { /* sidebar priceamount */
background-color: rgba(var(--transparencycolor), .3);
color: var(--header-primary);
}
#app-mount .label-29p9qC { /* sidebar label */
color: rgb(var(--textdarker));
}
#app-mount .info-3k6QpS { /* sidebar labelinfo */
color: var(--header-primary);
}
#app-mount .content-1W9-9i { /* invitecard container */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .name-22c6Wk { /* invitecard guildname */
color: var(--header-secondary);
}
#app-mount .memberInfo-QIpngr { /* invitecard memberinfo */
color: rgb(var(--textdarker));
}
.premiumSubscriptionAccountCredit-1UInYJ { /* abonnements abocard */
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .row-2qQ--F { /* features row */
background-color: rgba(var(--transparencycolor), .2);
color: var(--header-secondary);
}
#app-mount .featureIcon-3GwsEQ { /* features featureicon */
color: var(--header-secondary);
}
#app-mount .feature-2IUcBI { /* features feature */
background-color: rgba(var(--transparencycolor), .4);
}
.featureImage-91H2fC { /* features image */
opacity: 0.7;
}
.banner-WELp4M { /* features xbox promo */
background-color: rgba(var(--transparencycolor), .4);
}
/* ~~~~ 9. LIBRARY ~~~~ */
.header-2EadGG { /* library table header */
background-color: transparent;
border-bottom-color: var(--background-modifier-accent);
position: relative;
}
.header-2EadGG::before,
.header-2EadGG::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.header-2EadGG::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.header-2EadGG::after {
background-color: rgba(var(--transparencycolor), .4);
backdrop-filter: blur(var(--backgroundblur));
}
#app-mount .headerCellSorted-1bg4Lp {
color: var(--header-primary);
}
.rowWrapperActive-nOO7R3 {
background-color: rgba(var(--transparencycolor), .2);
}
.rowWrapper-N-4fji + .rowWrapper-N-4fji .row-1_1Nya {
border-top-color: var(--background-modifier-accent);
}
#app-mount .rate-1lw2ml {
color: var(--text-muted);
}
#app-mount .background-3laMJt { /* library usagebar */
stroke: rgb(var(--transparencycolor), .5);
}
#app-mount .usageInfo-2CQ9c7 { /* gamelibrary usageinfo */
color: var(--header-secondary);
}
#app-mount .installationPath-2PbaRC { /* library game row path */
box-shadow: 0 1px 0 0 var(--background-accent);
}
#app-mount .rowTitle-2MoCno { /* library game row title */
color: var(--text-normal);
}
#app-mount .rowBody-uWDd7Y { /* library game row body */
color: var(--text-muted);
}
#app-mount .defaultLocationCheckbox-1Y3dSI { /* library location checkbox */
color: var(--header-primary);
}
#app-mount .defaultIndicator-1AxErs { /* library location indicator */
background-color: rgba(var(--transparencycolor), .5);
color: var(--header-primary);
}
#app-mount .applicationName-1uqOrC { /* library application name */
color: var(--header-primary);
}
#app-mount .applicationSubText-2SBEgj { /* library application subtext */
color: var(--text-muted);
}
#app-mount .emptyWumpus-11kRB0 { /* library no games */
background: url(https://discord.com/assets/131dcaaa628405e6d0ebee7708111c7a.svg);
opacity: 0.6;
}
/* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */
#app-mount .pageWrapper-2PwDoS, /* guilddiscovery container */
#app-mount .pageWrapper-1x6lGh { /* unihub container */
color: var(--header-primary);
}
#app-mount .pageWrapper-2PwDoS .searchBox-31Zv9h, /* guilddiscovery searchbox */
#app-mount .pageWrapper-1x6lGh .searchBox-3wTyE4 { /* unihub searchbox */
background-color: #fff;
}
#app-mount .card-2TuZPZ, /* guilddiscovery card */
#app-mount .card-3N2v9t { /* unihub card */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .iconMask-2fMR98, /* guilddiscovery iconmask */
#app-mount .iconMask-24Ybpm { /* unihub iconmask */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .card-2TuZPZ:hover,
#app-mount .iconMask-2fMR98:hover,
#app-mount .card-3N2v9t:hover,
#app-mount .iconMask-24Ybpm:hover {
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .cardPlaceholder-1E2FEs { /* guildcard placeholder */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .loading-3ozbwt { /* guildcard loading */
background-color: rgba(var(--transparencycolor), .5);
}
.actionButtonsContainer-2eREP- { /* guildcard action button */
position: relative;
background: transparent;
}
.actionButtonsContainer-2eREP-::before,
.actionButtonsContainer-2eREP-::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 4px;
pointer-events: none;
}
.actionButtonsContainer-2eREP-::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.actionButtonsContainer-2eREP-::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--backgroundblur));
}
.spinner-2bMWLW { /* guildcard loading spinner */
background: transparent;
transform: none;
top: calc(50% - 24px);
left: calc(50% - 24px);
}
.spinner-2bMWLW::before,
.spinner-2bMWLW::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 8px;
pointer-events: none;
}
.spinner-2bMWLW::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.spinner-2bMWLW::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.4));
backdrop-filter: blur(var(--backgroundblur));
}
#app-mount .addEntryCard-w9XVzQ { /* add entry card */
background-color: rgba(var(--transparencycolor),.2);
border-color: var(--interactive-normal);
}
#app-mount .addEntryCard-w9XVzQ:hover {
background-color: rgba(var(--transparencycolor),.4);
border-color: var(--interactive-active);
}
.emojiContainer-1u-_sQ { /* search emojicontainer */
background-color: rgba(var(--transparencycolor), .3);
}
.emptyContainer-poti7J { /* search no results */
background-color: rgba(var(--transparencycolor), .4);
}
.placeholder-2erB-x { /* search placeholder */
background-color: rgba(var(--transparencycolor), .4);
}
/* ~~~~ 11. USERSETTINGS ~~~~ */
.premiumTabItem-1QTfBr[aria-selected=true],
.item-2GWPIy.selected-1sf9UK[aria-controls="Nitro Server Boost-tab"],
.serverBoostTabItem-2hFTIN[aria-selected=true] {
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .side-1lrxIh .themed-qqoYp3.item-2GWPIy:active:not(.disabled-2G98Nl), /* sideitems */
#app-mount .topPill-2vcLsa .themed-qqoYp3.item-2GWPIy:active:not(.disabled-2G98Nl), /* tabitems */
#app-mount .side-1lrxIh .themed-qqoYp3.item-2GWPIy:hover:not(.disabled-2G98Nl), /* sideitems */
#app-mount .topPill-2vcLsa .themed-qqoYp3.item-2GWPIy:hover:not(.disabled-2G98Nl) { /* tabitems */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy,
#app-mount .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy,
#app-mount .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:active,
#app-mount .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:active,
#app-mount .side-1lrxIh .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover,
#app-mount .topPill-2vcLsa .themed-qqoYp3.selected-1sf9UK.item-2GWPIy:hover {
background-color: rgb(var(--accentcolor));
color: #fff;
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .foreground-2hyALB { /* sidebar sideitemlink */
background: var(--interactive-normal);
}
#app-mount .link-39xJu3:active .foreground-2hyALB,
#app-mount .link-39xJu3:hover .foreground-2hyALB {
background: var(--interactive-active);
}
.bd-social-link[title="BD" i] .bd-social-logo,
.bd-social-link[title="BetterDiscord" i] .bd-social-logo,
.bd-social-link[title="BBD" i] .bd-social-logo,
.bd-social-link[title="BandagedBD" i] .bd-social-logo {
background: var(--interactive-normal);
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat;
opacity: 1;
transition: background .15s ease;
}
.bd-social-link[title="BD" i]:hover .bd-social-logo,
.bd-social-link[title="BetterDiscord" i]:hover .bd-social-logo,
.bd-social-link[title="BBD" i]:hover .bd-social-logo,
.bd-social-link[title="BandagedBD" i]:hover .bd-social-logo {
background: var(--interactive-active);
}
.bd-social-link[title="BD" i] .bd-social-logo > *,
.bd-social-link[title="BetterDiscord" i] .bd-social-logo > *,
.bd-social-link[title="BBD" i] .bd-social-logo > *,
.bd-social-link[title="BandagedBD" i] .bd-social-logo > * {
display: none;
}
.contentRegion-3HkfJJ div[role="tabpanel"] { /* tabpanel */
width: 100%;
}
.toolsContainer-25FL6V { /* closebutton wrapper */
margin-right: 37px;
}
#app-mount .closeButton-PCZcma { /* closebutton button */
border-color: var(--channels-default);
}
#app-mount .closeButton-PCZcma path[fill] {
fill: var(--channels-default);
}
#app-mount .closeButton-PCZcma:hover {
background-color: rgba(var(--accentcolor), .2);
border-color: var(--header-secondary);
}
#app-mount .closeButton-PCZcma:hover path[fill] {
fill: var(--header-secondary);
}
#app-mount .closeButton-PCZcma:active {
border-color: var(--text-normal);
}
#app-mount .closeButton-PCZcma:active path[fill] {
fill: var(--text-normal);
}
#app-mount .keybind-13vtq8 { /* closebutton keybind */
color: var(--channels-default);
}
#app-mount .closeButtonBold-2Wgbg8 { /* closebutton button bold */
border-color: var(--header-secondary);
}
#app-mount .closeButtonBold-2Wgbg8 path[fill] {
fill: var(--header-secondary);
}
#app-mount .closeButtonBold-2Wgbg8:hover {
background-color: rgba(var(--accentcolor), .4);
border-color: var(--text-normal);
}
#app-mount .closeButtonBold-2Wgbg8:hover path[fill] {
fill: var(--text-normal);
}
#app-mount .closeButtonBold-2Wgbg8:active {
border-color: var(--header-primary);
}
#app-mount .closeButtonBold-2Wgbg8:active path[fill] {
fill: var(--header-primary);
}
#app-mount .keybindBold-1U6HoA { /* closebutton keybind bold */
color: var(--header-secondary);
}
.cardPrimary-3qRT__,
.cardPrimaryEditable-2mz_3i { /* settingsitems card */
border-color: rgba(var(--transparencycolor), .1);
}
.cardPrimary-3qRT__ {
background-color: rgba(var(--transparencycolor), .2);
}
.cardPrimaryEditable-2mz_3i {
background-color: rgba(var(--transparencycolor), .1);
}
.cardPrimaryOutline-1ofwVz {
border-color: rgba(var(--transparencycolor), .2);
}
.accountProfileCard-lbN7n-, /* accountsettings container */
.profileBannerPreview-3mLIdO { /* accountsettings preview */
background: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
.accountProfileCard-lbN7n-::before,
.profileBannerPreview-3mLIdO::before,
.accountProfileCard-lbN7n-::after,
.profileBannerPreview-3mLIdO::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.accountProfileCard-lbN7n-::before,
.profileBannerPreview-3mLIdO::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.accountProfileCard-lbN7n-::after,
.profileBannerPreview-3mLIdO::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
.accountProfileCard-lbN7n- .avatar-3mTjvZ { /* accountsettings container avatar */
background-color: transparent;
border-color: transparent;
}
.profileBannerPreview-3mLIdO .avatarUploaderInner-p38nm2 { /* accountsettings preview avatar */
background-color: transparent;
border: unset;
margin: 6px;
}
/* accountsettings container banner */
.accountProfileCard-lbN7n- *:not(foreignObject) > .banner-1YaD3N {
-webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat;
}
/* accountsettings preview banner */
.profileBannerPreview-3mLIdO *:not(foreignObject) > .banner-3D8GgT {
-webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat;
}
.questionMark-3V9mGJ svg { /* accountsettings questionmark new */
filter: drop-shadow(1px 1px var(--textshadow));
}
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg { /* accountsettings removeavatar */
color: var(--header-secondary);
}
#app-mount .avatarUploader-AF-hm- .removeButton-3B_Vmg:hover {
color: var(--text-muted);
}
#app-mount .userSettingsSecurity-3C5Hg5 .codeCheckbox-12-XEX {
color: var(--text-normal);
}
#app-mount .background-3d_SjE { /* accountsettings container */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .fieldList-in8WkP { /* accountsettings settings */
background-color: transparent;
}
.colorSwatch-3g4qA8 { /* profilesettings colorswatch */
display: flex;
justify-content: center;
align-items: center;
}
.colorSwatch-3g4qA8 > [role="radio"] {
display: flex;
flex-direction: column;
align-items: center;
}
.colorSwatch-3g4qA8 > .dropperIconButton-2shYII {
width: 69px;
margin: auto;
}
.accountList-305sx3 { /* connections container */
background-color: rgba(var(--transparencycolor), .4);
}
.accountBtn-1YkMgV .accountBtnInner-3XK70s { /* connections connectioninner */
background-color: rgba(var(--transparencycolor), .2);
}
.accountBtn-1YkMgV .accountBtnInner-3XK70s:hover {
background-color: rgb(var(--accentcolor));
}
.connection-107AGH { /* connections connection */
background-color: rgba(var(--transparencycolor), .3);
}
.connectionHeader-2rV1ze { /* connections connection header */
background-color: rgba(var(--transparencycolor), .2);
}
.guildHeader-3nh5RK { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .5);
}
.guildSubscriptionSlots-JPXXvN { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .3);
}
.cardWrapper-CyvwQv { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor), .2);
}
.cardWrapper-CyvwQv:hover {
background-color: rgba(var(--transparencycolor), .4);
}
.cardWrapper-CyvwQv .card-2gdrYL, /* boostsettings suggestioncard inner */
.cardWrapper-CyvwQv .card-2gdrYL:hover {
background-color: transparent;
}
#app-mount .gemIndicatorContainer-PqApbX { /* boostsettings suggestioncard circle */
background-color: transparent;
}
#app-mount .summaryInfo-3hcuop { /* boostsettings past transactions summary */
color: var(--header-primary);
}
#app-mount .payment-2bOh4k { /* boostsettings past transactions payment */
background-color: transparent;
color: var(--header-secondary);
}
#app-mount .hoverablePayment-lE1s4t:hover {
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .paymentHeader-2o7Phd { /* boostsettings past transactions header */
color: var(--header-primary);
border-color: var(--background-modifier-accent);
}
#app-mount .expandedInfo-1W31i3 { /* boostsettings past transactions expandedinfo */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .paymentText-BPrx01 { /* boostsettings past transactions paymenttext */
color: var(--header-secondary);
}
#app-mount .giftIcon-U9wStf { /* boostsettings past transactions gifticon */
color: var(--header-primary);
}
#app-mount .paymentPane-ut5qKZ { /* boostsettings past transactions */
background-color: rgba(var(--transparencycolor), .3);
color: var(--header-primary);
}
#app-mount .paginator-1eqD2g { /* boostsettings past transactions paginator */
background: rgba(var(--transparencycolor), .3);
color: var(--text-muted);
}
#app-mount .bottomDivider-ZmTm-j { /* boostsettings past transactions divider */
border-bottom-color: rgba(var(--transparencycolor), .3);
}
#app-mount .tab-2hobIk { /* boostsettings past transactions tab */
color: var(--text-muted);
}
#app-mount .externalRowHeader-LT6-4N { /* boostsettings past transactions extenal row */
color: var(--header-secondary);
}
.emptyStateImage-2qGUMK { /* giftinventory no gifts */
opacity: 0.6;
}
#app-mount .codeRedemptionRedirect-2hYMSQ { /* payment coderedem */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
color: var(--header-primary);
}
.membershipDialogHouse1-R8jb0l { /* hypesquad membershipdialogs */
background-color: rgba(156, 132, 239, .8);
}
.membershipDialogHouse2-2W27iJ {
background-color: rgba(244, 123, 103, .8);
}
.membershipDialogHouse3-1E5AN4 {
background-color: rgba(69, 221, 192, .8);
}
.videoWrapper-1_H3B3 {
background-color: rgba(var(--transparencycolor), .4);
}
.container-3NTP7o { /* voicesettings voicebarcontainer */
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg);
}
.notches-2w7UZJ {
background: transparent !important;
}
#app-mount .progress-1S-TDF { /* voicesettings voicebar */
background-color: rgba(var(--transparencycolor), .3);
}
.icon-1fWS75[src="/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg"],
.icon-1fWS75[src="/assets/c28317e203e00b2d7390d5ece2399228.svg"] {
-webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat;
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
.icon-1fWS75[src="/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png"],
.icon-1fWS75[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] {
-webkit-mask: url(https://discord.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat;
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
.userSettingsVoice-1_dzjw .media-engine-video { /* voicesettings video */
background: transparent;
}
#app-mount .userSettingsVoice-1_dzjw .previewOverlay-2reuWf {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
}
.option-1QI4c9 { /* overlay option */
background-color: rgba(var(--transparencycolor), .4);
}
.option-1QI4c9:hover,
.option-1QI4c9.selected-18Wszc {
box-shadow: 0 2px 0 rgba(var(--transparencycolor), .3);
}
.disabled-35mc5w {
color: rgba(var(--transparencycolor), .4);
}
#app-mount .row-3nMNOy { /* hotkeys row */
box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
}
#app-mount .card-2ART2V::before { /* settingscard backdrop */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
}
#app-mount .button-1yVL_7 { /* 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);
}
#app-mount .button-1yVL_7:hover {
background-color: rgba(var(--transparencycolor), .7);
}
#app-mount .game-2f2vPC { /* games card */
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
}
#app-mount .gameNameInput-2wbDJ9:focus,
#app-mount .gameNameInput-2wbDJ9:hover {
background-color: rgba(var(--transparencycolor), .3);
border-color: rgba(var(--transparencycolor), .1);
}
#app-mount .gameName-zbZetm { /* games gamename */
color: var(--header-primary);
}
#app-mount .lastPlayed-1jum9A, /* games lastplayed */
#app-mount .overlayStatusText-In0YrK { /* games overlaystatustext */
color: var(--text-muted);
}
#app-mount .overlayToggleIconOn-21NN2N .fill-297bdf { /* games overlaystatusicon */
fill: var(--text-muted);
}
#app-mount .nowPlayingAdd-3I4RbE { /* games descriptionhint */
color: var(--header-secondary);
}
#app-mount .nowPlaying-3UpuKc .gameName-zbZetm {
color: #fff;
}
#app-mount .nowPlaying-3UpuKc .lastPlayed-1jum9A,
#app-mount .nowPlaying-3UpuKc .overlayStatusText-In0YrK {
color: #b4e1cd;
}
#app-mount .nowPlaying-3UpuKc .overlayToggleIconOff-ps4gGp .fill-297bdf,
#app-mount .nowPlaying-3UpuKc .overlayToggleIconOn-21NN2N .fill-297bdf {
fill: #b4e1cd;
}
#app-mount .notDetected-M3Ghh2 { /* games nogame */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .notDetected-M3Ghh2 .lastPlayed-1jum9A {
color: var(--header-secondary);
}
#app-mount .addGamePopout-2SKNIV { /* games add game popout */
background-color: transparent;
}
.addGamePopout-2SKNIV::before,
.addGamePopout-2SKNIV::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.addGamePopout-2SKNIV::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.addGamePopout-2SKNIV::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.15));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .addGamePopout-2SKNIV .cancelButton-1_3Ix7 {
color: var(--header-primary);
}
.preview-rua1rr { /* appearance preview */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .2);
}
#app-mount .item-3eFBNF { /* languagesettings row */
border-radius: 5px;
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
}
.item-3eFBNF:hover {
background-color: rgba(var(--transparencycolor), .2);
}
.item-3eFBNF.selected-2DeaDa {
background-color: rgba(var(--transparencycolor), .4);
}
/* ~~~~ 12. GUILDSETTINGS ~~~~ */
.container-20TyK0 { /* settings confirmnotice */
position: relative;
backdrop-filter: blur(var(--backgroundblur));
}
.container-20TyK0[style*="background-color: rgba(248, 249, 249"],
.container-20TyK0[style*="background-color: rgba(32, 34, 37"] {
background-color: rgba(var(--transparencycolor), .7) !important;
}
.container-20TyK0[style*="background-color: rgba(248, 249, 249"] .message-3C6JQ1,
.container-20TyK0[style*="background-color: rgba(32, 34, 37"] .message-3C6JQ1 {
color: var(--header-primary) !important;
}
.container-20TyK0[style*="background-color: rgba(248, 249, 249"] .resetButton-jFzA0U span[style],
.container-20TyK0[style*="background-color: rgba(32, 34, 37"] .resetButton-jFzA0U span[style] {
color: var(--header-primary) !important;
}
.container-20TyK0::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
pointer-events: none;
z-index: -1;
}
.roles-34RIpY { /* rolesettings intro roles */
z-index: 2;
}
.profileCard-1j58Ju { /* rolesettings intro profile */
position: relative;
z-index: 1;
}
.profileCard-1j58Ju::before,
.profileCard-1j58Ju::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.profileCard-1j58Ju::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.profileCard-1j58Ju::after {
backdrop-filter: blur(var(--popoutblur));
}
.sidebar-3K3Z4C { /* rolesettings sidebar */
background-color: rgba(var(--transparencycolor), .1);
border: none;
}
.container-3EtAkD { /* rolesettings everyone role */
background-color: rgba(var(--transparencycolor), .2);
}
.container-3EtAkD:hover {
background-color: rgba(var(--transparencycolor), .4);
}
img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addrolebutton */
-webkit-mask: url(https://discord.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg);
background: currentColor;
object-position: -999999px -999999px;
}
.settingCard-xZSDjS { /* rolesettings setting card */
background-color: rgba(var(--transparencycolor), .2);
}
.settingCard-xZSDjS.active-3EK-ed { /* rolesettings setting card active */
background-color: rgba(var(--transparencycolor), .3);
}
.cardContent-1-5hym { /* rolesettings setting card header */
background-color: rgba(var(--transparencycolor), .2);
}
.cardFolder-3H4uH4 { /* rolesettings setting card body */
background-color: transparent;
}
.group-LWHoGI { /* rolesettings permissions group */
border-color: rgb(var(--transparencycolor), .4);
}
.item-4m-12I { /* rolesettings permissions item */
background: rgb(var(--transparencycolor), .2);
}
.item-4m-12I:hover {
background: rgb(var(--transparencycolor), .4);
}
.passthrough--fbdFR.selected-3jieYB { /* rolesettings permissions passthrough selected */
background: rgb(var(--accentcolor));
}
.icon-2DGsye { /* rolesettings everyone role icon */
background-color: rgba(var(--transparencycolor), .4);
}
.titleContainer-3fPic2, /* rolesettings roles list header */
.header-JUTO-g { /* rolesettings perms list header */
background-color: transparent;
}
.titleElevated-eN3exl,
.stickyHeaderElevated-dNSSrJ {
box-shadow: none;
}
.header-JUTO-g::before,
.header-JUTO-g::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.header-JUTO-g::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
.header-JUTO-g::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha)));
backdrop-filter: blur(var(--backgroundblur));
}
.roleDot-2a4Pv7 { /* rolesettings role dot */
border: none;
}
.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) { /* rolesettings role row */
background-color: rgba(var(--transparencycolor), .2);
}
.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY {
background-color: rgba(var(--transparencycolor), .2);
}
.roleRow-3LoHQ6:hover:not(.roleRowDisableHover-2TXfy-) .circleButton-33AIyY:hover {
background-color: rgb(var(--accentcolor));
}
.roleRow-3LoHQ6:before,
.roleRow-3LoHQ6:last-child:after {
background-color: var(--background-modifier-accent);
}
.memberRow-1FhJgR:hover { /* rolesettings member row */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .colorPickerSwatch-RTUGRR.noColor-1Oln62 { /* rolesettings colorswatch nocolor */
border-color: rgba(var(--textbrightest), .3);
}
#app-mount .colorPickerSwatch-RTUGRR.noColor-1Oln62 .colorPickerDropperFg-Lureab {
fill: var(--header-primary);
}
#app-mount .colorPickerSwatch-RTUGRR.noColor-1Oln62 polyline {
stroke: var(--header-primary);
}
.previewContainer-1xQAsw { /* rolesettings preview */
border: none;
}
.messageContainer-3a6gLR { /* rolesettings preview message */
background-color: rgba(var(--transparencycolor), .2);
}
.theme-light .messageContainer-3a6gLR {
display: none;
}
.addMemberRow-KVhQFf.selectedRow-1SAgVL { /* rolesettings add member row */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .emojiAliasInput-1y-NBz .emojiInput-1aLNse { /* emojisettings nameinput */
background-color: rgba(var(--transparencycolor), .1);
}
#app-mount .auditLog-1NVAY0 { /* auditlogs logitem */
border-color: rgba(var(--transparencycolor), .1);
color: var(--text-muted);
}
#app-mount .headerClickable-zGQJz3, /* auditlogs loginner */
#app-mount .headerDefault-1e6yjj {
background-color: rgba(var(--transparencycolor), .2);
color: var(--header-secondary);
}
#app-mount .headerExpanded-1-zwDr {
background-color: rgba(var(--transparencycolor), .3);
color: var(--header-secondary);
}
#app-mount .divider-M3saWq { /* auditlogs loginnerdivider */
background-color: var(--background-modifier-accent);
}
#app-mount .changeDetails-1kMZqI { /* auditlogs logdetails */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .userHook-3R3zjr { /* auditlogs userhook */
color: var(--header-primary);
}
#app-mount .auditLog-1NVAY0 strong { /* auditlogs targets */
color: var(--header-primary);
}
#app-mount .timestamp-147bcs { /* auditlogs timestamp */
color: var(--text-muted);
}
#app-mount .expandForeground-1nZ4VR { /* auditlogs expandarrow */
stroke: var(--header-secondary);
}
.themeOverrideLight-bdYR2N.icon-2PiQ65, /* auditlogs logicon */
.themeOverrideDark-3-xxHI.icon-2PiQ65,
#app-mount .icon-2PiQ65 {
background: none !important;
}
.icon-2PiQ65::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--header-primary);
}
.icon-2PiQ65.applicationCommand-3YMgNf::before {
-webkit-mask: url(https://discord.com/assets/561a626f671b8fd8f0c2e85c97df9b04.svg);
}
.icon-2PiQ65.autoModerationBlockMessage-97cbNX::before {
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg);
}
.icon-2PiQ65.autoModerationRule-2pc9PC::before {
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg);
}
.icon-2PiQ65.targetAll-21RPfg::before {
-webkit-mask: url(https://discord.com/assets/22fd0ab3562af24ea964465bb65531aa.svg);
}
.icon-2PiQ65.targetBan-qwvck2::before {
-webkit-mask: url(https://discord.com/assets/fd541825b6853aaae233ad9d83e05a18.svg);
}
.icon-2PiQ65.targetChannel-1NWbC5::before {
-webkit-mask: url(https://discord.com/assets/528ae525a9823affbcd2a35bd20573b0.svg);
}
.icon-2PiQ65.targetEmoji-2T6Ze4::before {
-webkit-mask: url(https://discord.com/assets/858ab2bdee17ca226df85e23263bcf3a.svg);
}
.icon-2PiQ65.targetGuild-pvPVWS::before {
-webkit-mask: url(https://discord.com/assets/448b698d906ab4d93b609282595a1c9d.svg);
}
.icon-2PiQ65.targetGuildHome-3LSyOg::before {
-webkit-mask: url(https://discord.com/assets/eeaa7c1199e8f4cdb46de98c9b924edf.svg);
}
.icon-2PiQ65.targetGuildScheduledEvent-330pb3::before {
-webkit-mask: url(https://discord.com/assets/7093e58edcd5202a129a6e4fbf427c6d.svg);
}
.icon-2PiQ65.targetIntegration-j5Mnwy::before {
-webkit-mask: url(https://discord.com/assets/993b5f52b8bd8d1c1c34cac05015c331.svg);
}
.icon-2PiQ65.targetInvite-2hFskc::before {
-webkit-mask: url(https://discord.com/assets/d0dc8a4c8ea55b119c5c2cccf69b031f.svg);
}
.icon-2PiQ65.targetMember-2pI3Cu::before {
-webkit-mask: url(https://discord.com/assets/e2c0846875f889524e3d60e7d25afa55.svg);
}
.icon-2PiQ65.targetMemberRole-jNaX-k::before {
-webkit-mask: url(https://discord.com/assets/00124e254d0d86c37f6d02ec0c5b1e02.svg);
}
.icon-2PiQ65.targetMessage-WgF9Dt::before {
-webkit-mask: url(https://discord.com/assets/aa9f9c29b51e414f0476d4388031aaf4.svg);
}
.icon-2PiQ65.targetPermission-2fNNaU::before {
-webkit-mask: url(https://discord.com/assets/35de2007bfe0db9821881321d8b7c1fe.svg);
}
.icon-2PiQ65.targetRole-24Nm1S::before {
-webkit-mask: url(https://discord.com/assets/9aa6e9df74888ec09885bb08341800be.svg);
}
.icon-2PiQ65.targetStageInstance-2ljqjY::before {
-webkit-mask: url(https://discord.com/assets/dfad85fc7c072498298077f68cf006ca.svg);
}
.icon-2PiQ65.targetSticker-2BoYB9::before {
-webkit-mask: url(https://discord.com/assets/da5f0aa4b5ccf0165b4220ba9929ea59.svg);
}
.icon-2PiQ65.targetVanityUrl-1KGkGd::before {
-webkit-mask: url(https://discord.com/assets/bef4eebd4f9e00aabbfa7de1949c8565.svg);
}
.icon-2PiQ65.targetWebhook-3gzYYG::before {
-webkit-mask: url(https://discord.com/assets/210ac667f45d13bc52020744f008b1ed.svg);
}
.icon-2PiQ65.targetWidget-3g4NqJ::before {
-webkit-mask: url(https://discord.com/assets/03f717eddad9ac74a1900254625657cf.svg);
}
.icon-2PiQ65.thread-P4cm8D::before {
-webkit-mask: url(https://discord.com/assets/c254ffdde9bc5c90c5ec5d9e11dbf382.svg);
}
#app-mount .card-o7rAq- { /* integrationsettings card */
border-color: rgba(var(--transparencycolor), .1)
}
#app-mount .card-3IImnr { /* integrationsettings webhook card */
border-color: rgba(var(--transparencycolor), .1)
}
#app-mount .card-1o0mns { /* integrationsettings apps card */
border-color: rgba(var(--transparencycolor), .1)
}
#app-mount .card-11DMwv { /* integrationsettings follows card */
border-color: rgba(var(--transparencycolor), .1)
}
.iconWrapper-lS1uig { /* integrationsettings icon */
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .footerImage-4UrEF0 {
background-image: url(https://discord.com/assets/36d0e0bb009fa362c2533003c0af67b5.svg);
opacity: 0.6;
}
.guildDetails-2p1NmK { /* communitysettings intro details */
background-color: rgba(var(--transparencycolor), .4);
}
.featureCard-1RR4Tl { /* communitysettings intro featurecard */
background-color: rgba(var(--transparencycolor), .3);
}
.featureIcon-3p1TC_ { /* communitysettings intro featureicon */
background-color: rgba(var(--transparencycolor), .3);
}
.checklistContainer-mFJZEJ { /* communitysettings intro checklist */
background-color: rgba(var(--transparencycolor), .3);
}
.checklistHeader-1KWcEY { /* communitysettings intro checklist header */
background-color: rgba(var(--transparencycolor), .3);
}
.upsellContainer-L9xv7w { /* communitysettings general upsellcontainer */
background-color: rgba(var(--transparencycolor), .2);
}
.upsellFooter-ZYsio_ { /* communitysettings general upsellfooter */
background-color: rgba(var(--transparencycolor), .2);
}
.developerPortalCtaWrapper-2XNafh { /* communitysettings analytics info */
background-color: rgba(var(--transparencycolor), .3);
}
.analyticsCard-2fnrVG { /* communitysettings analytics card */
background-color: rgba(var(--transparencycolor), .3);
}
.backgroundAccent-2YeFtZ { /* communitysettings analytics error */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .card-3_CqkU { /* communitysettings discovery card */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .iconMask-30Tvqs { /* communitysettings discovery icon */
background-color: rgba(var(--transparencycolor), .2);
}
.perkArt-1SGWbA { /* communitysettings discovery perk */
background-color: rgba(var(--transparencycolor), .4);
}
.container-2w0lh0 { /* communitysettings discovery checklist */
background-color: rgba(var(--transparencycolor), .3);
}
.header-2Y0-A- { /* communitysettings discovery checklist header */
background-color: rgba(var(--transparencycolor), .3);
}
.exampleContainer-2O-nVK, /* communitysettings rules example */
.exampleContainer-25sB-A { /* communitysettings welcome example */
background: transparent;
position: relative;
}
.exampleContainer-2O-nVK > *,
.exampleContainer-25sB-A > * {
z-index: 1;
}
.exampleContainer-2O-nVK::after,
.exampleContainer-25sB-A::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(var(--transparencycolor), .5);
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/discord_window_placeholder.svg) 0 0/cover no-repeat;
}
#app-mount .exampleModal-1lRfuE, /* communitysettings rules examplemodal */
#app-mount .exampleModal-2X2Vf8 { /* communitysettings welcome examplemodal */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
border-radius: 5px;
}
.exampleModal-1lRfuE > *,
.exampleModal-2X2Vf8 > * {
z-index: 1;
}
.exampleModal-1lRfuE::before,
.exampleModal-2X2Vf8::before,
.exampleModal-1lRfuE::after,
.exampleModal-2X2Vf8::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
}
.exampleModal-1lRfuE::before,
.exampleModal-2X2Vf8::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.exampleModal-1lRfuE::after,
.exampleModal-2X2Vf8::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
.guildSidebar-pjuGkm { /* communitysettings rules example sidebar */
background-color: rgba(var(--transparencycolor), .4);
margin-right: 0 !important;
}
.content-pHpkq8 { /* communitysettings rules example inner */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .footer-11k_3m { /* communitysettings rules example footer */
background: transparent;
}
.exampleTextSingleLine-3bwqy5 { /* communitysettings rules example line */
background-color: rgba(var(--textbrightest), .3);
}
.enableContainer-1J91Aq { /* communitysettings rules enablecontainer */
background-color: rgba(var(--transparencycolor), .3);
}
.icon-1_mnkD { /* communitysettings rules category icon */
background-color: rgba(var(--transparencycolor), .2);
}
.settingsFormItem-25zW3t { /* communitysettings rules form */
background-color: rgba(var(--transparencycolor), .2);
}
.getStartedWrapper-2mNX-j { /* communitysettings rules getstarted */
background-color: rgba(var(--transparencycolor), .2);
}
.exampleRule-3gJ39X { /* communitysettings rules example rule */
background-color: rgba(var(--transparencycolor), .4);
}
.rulesTextAreaInput-asSkdy { /* communitysettings rules edit rule */
border-color: rgba(var(--transparencycolor), .3);
}
.rulesTextAreaInput-asSkdy:hover:not(:focus) {
border-color: rgb(var(--transparencycolor));
}
.editCircle-2uL_D3 { /* communitysettings rules editcirle */
background-color: rgba(var(--transparencycolor), .4);
}
.editButton-2SLR4j { /* communitysettings rules editbutton */
background-color: rgba(var(--transparencycolor), .4);
}
.editButton-2SLR4j:hover {
background-color: rgba(var(--transparencycolor), .6);
}
.formFieldWrapper-2LV3S6,
.settingsFormFieldWrapper-U99c9i { /* communitysettings rules form field */
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .2);
}
.editCircle-ityklj { /* communitysettings welcome editcirle */
background-color: rgba(var(--transparencycolor), .4);
}
.optionContainer-1FtykV { /* communitysettings welcome exampleoption */
background-color: rgba(var(--transparencycolor), .3);
}
.enableContainer-6E-puu { /* communitysettings welcome previewheader */
background-color: rgba(var(--transparencycolor), .4);
}
.previewContainer-1SS3uO { /* communitysettings welcome previewcontainer */
background-color: rgba(var(--transparencycolor), .2);
}
.welcomeChannel-1rFrIO { /* communitysettings welcome welcomechannel */
background-color: rgba(var(--transparencycolor), .4);
}
.channelIcon-1eKmlw { /* communitysettings welcome channelicon s */
background-color: rgba(var(--transparencycolor), .4);
}
.descriptionBox-1EKQKL { /* templatesettings descriptionbox */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .tierHeaderLocked-30MLlO { /* boostsettings tierheaderlocked */
background-color: rgba(var(--transparencycolor), .4);
color: var(--header-secondary);
}
#app-mount .tierHeaderUnlocked-1OpOLf { /* boostsettings tierheaderunlocked */
background-color: rgba(var(--transparencycolor), .5);
}
#app-mount .tierCloseClose-T256RA { /* boostsettings tiercloseclose */
color: var(--header-primary);
}
#app-mount .tierBody-1d3UiS { /* boostsettings tierbody */
background-color: rgba(var(--transparencycolor), .3);
color: var(--header-secondary);
}
#app-mount .tierInProgress-1vFUnw { /* boostsettings tiermilestone */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .background-3xJH_4 { /* boostsettings tierbar (settings) */
color: rgba(var(--transparencycolor), .3);
}
#app-mount .member-1q7VfX { /* membersettings membercard */
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
}
#app-mount .member-1q7VfX .name-8yzEIY { /* membersettings membercardname */
color: var(--header-primary);
}
#app-mount .member-1q7VfX .tag-1YGWN9 { /* membersettings membercardtag */
color: var(--text-muted);
}
#app-mount .member-1q7VfX .roleWrapper-1Hde_V { /* membersettings rolewrapper */
color: rgba(var(--textbrightest),.8);
}
#app-mount .actionButton-1YKTU0 { /* membersettings addrolebutton */
border-color: var(--header-secondary);
color: var(--header-secondary);
}
#app-mount .member-1q7VfX .overflowIconFg-QMRRFI { /* membersettings 3-dot icon */
fill: var(--header-primary);
}
#app-mount .member-1q7VfX .ownerHelpIcon-3ItaBx { /* membersettings help icon */
color: var(--header-primary);
}
#app-mount .overflowRolesPopout-1Puiuq, /* membersettings roleoverflow popout */
#app-mount .overflowRolesPopoutArrow-2R7g3K {
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .2), 0 2px 10px 0 rgba(var(--transparencycolor), .2);
border: none;
border-radius: 3px;
overflow: hidden;
}
.overflowRolesPopout-1Puiuq::before,
.overflowRolesPopoutArrow-2R7g3K::before,
.overflowRolesPopout-1Puiuq::after,
.overflowRolesPopoutArrow-2R7g3K::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.overflowRolesPopout-1Puiuq::before,
.overflowRolesPopoutArrow-2R7g3K::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.overflowRolesPopout-1Puiuq::after,
.overflowRolesPopoutArrow-2R7g3K::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
backdrop-filter: blur(var(--popoutblur));
}
.overflowRolesPopoutHeaderIcon-2LIuSc path {
fill: var(--header-secondary);
}
.overflowRolesPopoutHeaderText-3HyHGv {
color: var(--header-secondary);
}
#app-mount .inviteSettingsInviteRow-1rZeIM { /* invitesettings invitecard */
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
}
#app-mount .bannedUser-1IalTM { /* bansettings bancard */
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
}
#app-mount .bannedUser-1IalTM .username-1b3MVI { /* invitesettings username */
color: var(--header-primary);
}
#app-mount .bannedUserModal-3RJCOV .reasonHeader-2etdjy { /* invitesettings banmodalreasonheader */
color: var(--text-normal);
}
#app-mount .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO,
#app-mount .bannedUserModal-3RJCOV .reason-YbfGC6, /* invitesettings banmodalreason */
#app-mount .bannedUserModal-3RJCOV .userDiscrim-1D2NlF { /* invitesettings discriminator */
color: var(--text-muted);
}
/* ~~~~ 13. MODALS ~~~~ */
.layer-fP3xEz:nth-child(1),
.withLayer-2VVmpp:nth-child(1) {
z-index: 1002;
}
.layer-fP3xEz:nth-child(2),
.withLayer-2VVmpp:nth-child(2) {
z-index: 1003;
}
.layer-fP3xEz:nth-child(3),
.withLayer-2VVmpp:nth-child(3) {
z-index: 1004;
}
.layer-fP3xEz:nth-child(4),
.withLayer-2VVmpp:nth-child(4) {
z-index: 1005;
}
.layer-fP3xEz:nth-child(5),
.withLayer-2VVmpp:nth-child(5) {
z-index: 1006;
}
.layer-fP3xEz:nth-child(6),
.withLayer-2VVmpp:nth-child(6) {
z-index: 1007;
}
.layer-fP3xEz:nth-child(7),
.withLayer-2VVmpp:nth-child(7) {
z-index: 1008;
}
.layer-fP3xEz:nth-child(8),
.withLayer-2VVmpp:nth-child(8) {
z-index: 1009;
}
.layer-fP3xEz:nth-child(9),
.withLayer-2VVmpp:nth-child(9) {
z-index: 1010;
}
.layer-2BGhQ8 {
z-index: 1011;
}
#app-mount .root-1CAIjD, /* modal container (foldersettings) */
#app-mount .modal-2RrUKJ { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
border-radius: 5px;
}
#app-mount .rootWithShadow-2hdL2J {
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
.root-1CAIjD > *,
.modal-2RrUKJ > * {
z-index: 1;
}
.root-1CAIjD::before,
.modal-2RrUKJ::before,
.root-1CAIjD::after,
.modal-2RrUKJ::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.root-1CAIjD::before,
.modal-2RrUKJ::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.root-1CAIjD::after,
.modal-2RrUKJ::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
.root-1CAIjD .modal-2RrUKJ::before,
.modal-3Crloo::before,
.root-1CAIjD .modal-2RrUKJ::after,
.modal-3Crloo::after {
display: none;
}
#app-mount .zoomedCarouselModalRoot-beLNhM {
background: transparent !important;
}
.header-1zd7se > .wrapper-1HSdhi:first-child {
flex: 1 0 auto;
}
#app-mount .separator-2lLxgC {
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3);
}
#app-mount .modalTextContainer-1FUO2W { /* modal text file */
background-color: rgba(var(--transparencycolor), .5);
border: none;
}
#app-mount .footer-IubaaS,
#app-mount .footer-1Ip3Sd { /* modal footer */
background-color: rgba(var(--transparencycolor), .2);
z-index: 0;
}
#app-mount .footerSeparator-3U8YsT {
box-shadow: none;
}
#app-mount .footer-3Zgy_M { /* modal footer info */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .close-1mLglB { /* modal closebutton */
z-index: 2;
}
.tabBarContainer-sCZC4w { /* modal tabbarcontainer */
border-top-color: rgba(var(--transparencycolor), .3);
}
#app-mount .modal-6GHvdM .tabBarContainer-sCZC4w {
background: rgba(var(--transparencycolor), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1);
}
#app-mount .separator-3TK_-B {
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor),.3), 0 1px 2px 0 rgba(var(--transparencycolor),.3);
}
#app-mount .divider-3APUjw {
border-color: var(--background-modifier-accent);
}
#app-mount .subHeader-2z6h5Z {
color: var(--header-secondary);
}
#app-mount .sectionBody-7I2eAN,
#app-mount .subHeader-1mr1LG {
color: var(--header-secondary);
}
#app-mount .message-1F58Gs {
color: var(--header-secondary);
}
#app-mount .secondaryButton-197mr8 {
color: var(--header-primary);
}
#app-mount .imageUpgrade-moI_hv {
background-image: url(https://discord.com/assets/81ded87ebac6f9d55e8624a3e5167c8f.svg);
}
#app-mount .imageCancel-2x4k_k {
background: url(https://discord.com/assets/03863b539aec443327ca2ffc51a89dac.svg);
}
#app-mount .imageUnclaimed-5nJyYs {
background-image: url(https://discord.com/assets/3b65c741e596bc0979f7ba0c42de6fff.svg);
opacity: .5;
}
#app-mount .imageUnverified-2NLnW6 {
background-image: url(https://discord.com/assets/e260177e5165e6789e30b9592df75424.svg);
opacity: .5;
}
#app-mount .divider-MRAL1L {
border-color: var(--background-modifier-accent);
}
#app-mount .backButtonColor-5k5ViL {
color: var(--header-primary);
}
#app-mount .checkboxLabel-NbUiJx {
color: var(--header-secondary);
}
/* ---- 13.1. USERMODAL ----- */
#app-mount .root-8LYsGj { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
overflow: hidden;
}
.root-8LYsGj::before,
.root-8LYsGj::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.root-8LYsGj::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.root-8LYsGj::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .root-8LYsGj .topSection-13QKHs { /* modal topsection */
background-color: rgba(var(--transparencycolor), .2);
}
.root-8LYsGj *:not(foreignObject) > .banner-1YaD3N { /* modal banner */
-webkit-mask: url('data:image/svg+xml; utf8, ') bottom left no-repeat;
}
.root-8LYsGj .avatar-3QF_VA { /* modal avatar */
background-color: transparent;
border-color: transparent;
box-sizing: content-box;
}
#app-mount .body-1Ukv50 { /* modal body */
background-color: transparent;
}
.listRow-2nO1T6:hover {
background-color: rgba(var(--transparencycolor), .2);
}
.emptyIcon-uKVxYR { /* body emptypic */
opacity: .5;
}
.profileColors-2AgAV4 .mask-1y0tyc circle {
fill: transparent;
}
/* ---- 13.2. GUILDADD/CREATION ----- */
.container-x8Y1ix, /* create modal item */
.guildRow-3fJnG6 { /* hub modal item */
background-color: rgb(var(--transparencycolor), .2);
border: none;
}
.container-x8Y1ix:hover,
.guildRow-3fJnG6:hover {
background-color: rgb(var(--transparencycolor), .4);
}
.text-PdAsFQ, /* create modal text */
.guildName-3RzJ_H { /* hub modal text */
color: var(--header-secondary);
}
.container-x8Y1ix:hover .text-PdAsFQ,
.guildRow-3fJnG6:hover .guildName-3RzJ_H {
color: var(--header-primary);
}
.arrow-2yY1Tm, /* create modal arrow */
.guildName-3RzJ_H ~ img { /* hub modal arrow */
object-position: -999999px -999999px;
-webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat;
background: var(--header-secondary);
}
.container-x8Y1ix:hover .arrow-2yY1Tm,
.guildRow-3fJnG6:hover .guildName-3RzJ_H ~ img {
background: var(--header-primary);
}
.input-m1-Y7Q { /* modal invite input */
background: transparent;
}
.inputInner-1Z3Tui { /* modal invite input inner */
border: 1px solid var(--deprecated-text-input-border);
}
/* ---- 13.3. REGIONSELECTMODAL ---- */
#app-mount .regionSelectModal-12e-57 { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
overflow: hidden;
}
.regionSelectModal-12e-57::before,
.regionSelectModal-12e-57::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.regionSelectModal-12e-57::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.regionSelectModal-12e-57::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .regionSelect-3lf4eE.regionSelectLoading-34I21m {
border: 1px solid var(--header-secondary);
}
#app-mount .regionSelect-3lf4eE button {
border: 1px solid var(--header-secondary);
}
#app-mount .regionSelect-3lf4eE .regionSelectInner-24f4Ce {
border: 1px solid var(--header-secondary);
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
color: var(--text-muted);
}
#app-mount .regionSelectName-2-2FWh {
color: var(--text-muted);
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover .regionSelectName-2-2FWh {
color: var(--text-normal);
}
#app-mount .regionSelect-3lf4eE:hover button {
color: var(--header-primary);
}
#app-mount .container-1s4HBn.hover-2AGf5p {
border-color: var(--deprecated-text-input-border-hover);
}
#app-mount .flag-16iIBd.vip-3pFIN8::after {
border-color: rgba(var(--transparencycolor), .5);
}
/* ---- 13.4. UPLOADMODAL ---- */
#app-mount .uploadModal-2ie9O_ { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
border-radius: 10px;
}
.uploadModal-2ie9O_::before,
.uploadModal-2ie9O_::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 10px;
pointer-events: none;
z-index: -1;
}
.uploadModal-2ie9O_::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.uploadModal-2ie9O_::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 {
width: unset;
}
.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .title-3ChJ_v,
.uploadModalIn-2w48Zf .uploadDropModal-13Kd20 .inner-rBP-MS .instructions-272j2A {
text-shadow: 1px 1px var(--textshadow);
}
.uploadModal-2ie9O_ .inner-zqa7da { /* modal channeltextarea */
background-color: rgba(var(--transparencycolor), .3);
}
.uploadModal-2ie9O_ .footer-VCsJQY { /* modal footer */
background-color: rgba(var(--transparencycolor), .2);
box-shadow: none;
}
.uploadModal-2ie9O_ .inner-rBP-MS .file-163EuR .icon-HW4tZ-.image-2ssF8k {
box-shadow: 0 2px 8px rgba(var(--transparencycolor), .4);
}
/* ---- 13.5. KEYBOARDSHORTCUTSMODAL ---- */
#app-mount .keyboardShortcutsModal-2CRmCm { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
overflow: hidden;
}
.keyboardShortcutsModal-2CRmCm::before,
.keyboardShortcutsModal-2CRmCm::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.keyboardShortcutsModal-2CRmCm::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.keyboardShortcutsModal-2CRmCm::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .modalTitle-2skSKy { /* modal title */
color: var(--header-primary);
}
#app-mount .modalSubtitle-2lx7qk { /* modal subtitle */
border-color: var(--background-modifier-accent);
color: var(--text-normal);
}
#app-mount .keyboardShortcutList-3VFAYS .keybindGroup-39HP2U .keybindDescription-oXh6w_ {
color: var(--header-secondary);
}
#app-mount .keybindShortcut-3zF1P9 {
color: var(--header-primary);
}
#app-mount .keybindShortcut-3zF1P9 span {
background-color: var(--text-muted);
border: 1px solid rgba(0, 0, 0, .4);
box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .4);
color: var(--header-primary);
}
#app-mount .keybindShortcut-3zF1P9 span:active {
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
border: 1px solid rgb(0, 0, 0);
color: var(--header-secondary);
}
#app-mount .keybindShortcut-3zF1P9 span .bindArrow-EmK4SC g {
fill: var(--header-primary);
}
#app-mount .keybindShortcut-3zF1P9 span:active .bindArrow-EmK4SC g {
fill: var(--header-secondary);
}
#app-mount .keybindShortcutTipsSelect-2FpxFp:last-of-type::before {
background-color: var(--interactive-muted);
}
#app-mount .tabButton-1hJ4oW {
background-color: var(--text-muted);
border: 1px solid rgb(0, 0, 0, .4);
border-radius: 4px;
box-shadow: inset 0 -4px 0 rgb(0, 0, 0, .4);
color: var(--header-primary);
}
#app-mount .tabButton-1hJ4oW rect[fill="#4F545C"],
#app-mount .tabButton-1hJ4oW path[fill="#36393F"] {
display: none;
}
/* ---- 13.6. QUICKSWITCHER ---- */
#app-mount .quickswitcher-pKcM9U { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
overflow: hidden;
flex: 1 1 auto;
}
.quickswitcher-pKcM9U::before,
.quickswitcher-pKcM9U::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.quickswitcher-pKcM9U::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.quickswitcher-pKcM9U::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
.root-1CAIjD .quickswitcher-pKcM9U::before,
.root-1CAIjD .quickswitcher-pKcM9U::after {
display: none;
}
.scroller-2qwVWY {
background-color: transparent;
}
#app-mount .input-3r5zZY { /* modal input */
background-color: rgba(var(--transparencycolor), .4);
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
#app-mount .resultFocused-3aIoYe, /* modal resultfocused */
#app-mount .result-u66Ywh[aria-selected=true] { /* modal resultselected */
background-color: rgba(var(--transparencycolor), .2);
}
/* ---- 13.7. INVITEMODAL/GROUPCREATE ---- */
#app-mount .contentWrapper-3oy4Xo { /* modal guildinvitemodal */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
overflow: hidden;
}
.contentWrapper-3oy4Xo::before,
.contentWrapper-3oy4Xo::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.contentWrapper-3oy4Xo::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.contentWrapper-3oy4Xo::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .friendSelected-3cwmD7, /* modal groupdmrow */
#app-mount .inviteRow-3vmB7i:hover { /* modal guildrow */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .friend-8ZraY7, /* modal groupdmrow */
#app-mount .inviteRowName-3H4s_c { /* modal username */
color: var(--header-secondary);
}
#app-mount .friendSelected-3cwmD7,
#app-mount .inviteRow-3vmB7i:hover .inviteRowName-3H4s_c {
color: var(--header-primary);
}
#app-mount .checkBoxLabel-16BK2g,
#app-mount .footerText-2QLGHU,
#app-mount .subTitle-3TUjmF,
#app-mount .subtitle-3v29zT,
#app-mount .subText-1CcYgq {
color: var(--header-secondary);
}
.tag-15zcD_ { /* modal added user */
background-color: rgb(var(--accentcolor));
color: #fff;
text-shadow: 1px 1px var(--textshadow);
}
.pill-qMtBTq {
background-color: rgba(var(--transparencycolor), .5);
}
/* ---- 13.8. LOGINSCREEN ---- */
#app-mount .wrapper-25sY58 { /* login wrapper */
background: transparent;
}
.wrapper-25sY58::before, /* login winbuttonshadow */
.wrapper-25sY58 .rightSplit-24Bqk0, /* login background */
.wrapper-25sY58 .canvas-2dBZRV { /* login movingshadow */
display: none;
}
#app-mount .authBox-1HR6Ha { /* login modal body */
background-color: transparent;
box-shadow: none;
color: var(--text-muted);
position: relative;
overflow: hidden;
}
#app-mount .authBox-1HR6Ha.authBoxExpanded-AN2aH1 { /* 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);
}
#app-mount .navRow-dG-XX8 { /* modal modal footer */
background-color: rgba(var(--transparencycolor), .2);
}
/* ---- 13.9. TERMACCEPTMODAL ---- */
#app-mount .modal-DRZfgq { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
overflow: hidden;
}
.modal-DRZfgq::before,
.modal-DRZfgq::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.modal-DRZfgq::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.modal-DRZfgq::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
[style*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"], /* modal image */
[src*="/assets/a13cfdd7220132fff399a76c3ed64519.svg"] {
filter: brightness(85%) invert(100%);
opacity: 0.7;
}
#app-mount .ack-3sCuAV { /* modal acklabel */
color: var(--header-secondary);
}
#app-mount .buttonContainer-28osRq { /* modal footer */
background-color: rgba(var(--transparencycolor), .2);
box-shadow: none;
}
/* ---- 13.10. DOWNLOADAPPMODAL ---- */
#app-mount .downloadApps-14IgKV { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
overflow: hidden;
}
.downloadApps-14IgKV::before,
.downloadApps-14IgKV::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.downloadApps-14IgKV::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.downloadApps-14IgKV::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
.downloadApps-14IgKV .header-1lOVWt {
color: var(--text-normal);
}
.downloadApps-14IgKV .footer-2TRYcZ {
color: var(--text-muted);
}
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu {
border-color: var(--header-secondary);
}
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu p {
color: var(--header-secondary);
}
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu .downloadButton-2XskEc {
background-color: var(--header-secondary);
}
.downloadApps-14IgKV .platforms-15zUsJ .platform-1ZMvDu.active-1j5w_A .downloadButton-2XskEc {
text-shadow: 1px 1px var(--textshadow);
}
/* ---- 13.11. GUILDBOOSTMODAL ---- */
#app-mount .perksModal-CLcR1c { /* modal wrapper */
background-color: transparent;
}
.carouselContainer-2-vIZS { /* modal scrollercontainer */
-webkit-mask: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 60px, rgba(0,0,0,1) calc(100vw - 60px), rgba(0,0,0,0) 100vw);
}
.carouselGradientEdge-2W94ou { /* modal scrollergradient */
display: none;
}
#app-mount .subscriberCount-3iRh_w { /* modal subcount */
color: var(--header-secondary);
}
#app-mount .subscriberCount-3iRh_w strong {
color: var(--text-normal);
}
#app-mount .moreSubscribers-2FZuij { /* modal suboverflow */
background-color: rgba(var(--transparencycolor), .3);
color: var(--header-primary)
}
#app-mount .subscribersPopout-3lkZNO { /* subpopout container */
background-color: transparent;
box-shadow: 0 2px 10px rgba(var(--transparencycolor), .2);
overflow: hidden;
}
.subscribersPopout-3lkZNO::before,
.subscribersPopout-3lkZNO::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.subscribersPopout-3lkZNO::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.subscribersPopout-3lkZNO::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .subscribersPopoutUser-3Az2Dc { /* subpopout users */
color: var(--header-secondary);
}
#app-mount .ctaBar-Nhk8yY { /* current boost stats container */
position: relative;
background-color: rgba(var(--transparencycolor), .4);
background-image: none;
}
#app-mount .ctaBar-Nhk8yY::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgb(var(--accentcolor));
-webkit-mask: url(https://discord.com/assets/94ff6fdc535b6ecb7b1bc54f2dd56a10.svg);
}
.guildIcon-3raYf3 { /* current boost stats guild icon */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .perk-2WeBWW { /* modal perkcard */
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .headerLogo-2M4f14 {
color: var(--header-primary);
}
#app-mount .tierHeaderLocked-3ItHYn { /* modal tierheaderlocked */
background-color: rgba(var(--transparencycolor), .4);
color: var(--text-muted);
}
#app-mount .tierLock-1uBqZ0 { /* modal tierlock */
color: var(--interactive-muted);
}
#app-mount .tierHeaderUnlocked-1IvR2R { /* modal tierheaderunlocked */
background-color: rgba(var(--transparencycolor), .5);
}
#app-mount .tierBody-3ju-rc { /* modal tierbody */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .tierMarkerBackground-G8FoN4 { /* modal tiermilestone */
background: transparent;
}
#app-mount .tierMarkerInProgress-2Tdxjz {
background: rgba(var(--transparencycolor), .3) !important;
}
#app-mount .selectedTier-24Xj0k .tierMarker-Vw1C95 {
box-shadow: 0 4px 8px rgba(var(--transparencycolor), .24);
}
#app-mount .tierMarkerLabelText-1wk8KK:not(.isAccomplished-2NcqRT):hover {
background: rgba(var(--transparencycolor), .3);
}
#app-mount .barBackground-unEPDT { /* modal tierbar */
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(var(--transparencycolor), .3) 3%, rgba(var(--transparencycolor), .3) 30.2%, rgba(0,0,0,0) 30.2%, rgba(0,0,0,0) 36.2%, rgba(var(--transparencycolor), .3) 36.2%, rgba(var(--transparencycolor), .3) 63.5%, rgba(0,0,0,0) 63.5%, rgba(0,0,0,0) 69.5%, rgba(var(--transparencycolor), .3) 69.5%, rgba(var(--transparencycolor), .3) 96.7%, rgba(0,0,0,0) 96.7%, rgba(0,0,0,0) 100%);
}
.barSecondary-VouwoY {
background-color: rgb(var(--accentcolor));
}
.wrapper-3nSjSv .heading-4znNKq { /* modal boostaddwrapper header */
text-shadow: 1px 1px var(--textshadow);
}
.tier-1EY-yj { /* modal boostaddwrapper tier */
background-color: rgb(var(--transparencycolor), .3);
}
#app-mount .giftIcon-2kmx1K { /* modal gifticon */
color: var(--header-secondary);
margin: 0 18px;
}
#app-mount .button-f2h6uQ .giftIcon-2kmx1K {
color: currentColor;
}
#app-mount .badgeIconWithoutSubscribers-1hjTfX {
color: var(--text-muted);
}
#app-mount .tierPill-1yRO48 {
background: rgba(var(--transparencycolor), .3);
color: var(--header-primary);
}
#app-mount .tierPillStar-34rvoJ {
color: var(--header-primary);
}
#app-mount .tierPillGem-3zcO2T {
color: var(--interactive-muted);
}
#app-mount .tierPill-3gJ0eN {
background: rgba(var(--transparencycolor), .3);
color: var(--header-primary);
}
#app-mount .perk-19D_HN {
background: rgba(var(--transparencycolor), .2);
}
.header-1F6gxU { /* prebuy popout header */
background: rgba(var(--transparencycolor), .3);
padding-bottom: 10px;
margin-bottom: 10px;
}
#app-mount .iconWrapper-2_MXbk { /* prebuy popout amount icon wrapper */
background: rgba(var(--transparencycolor), .3);
}
.icon-2TbMdT:hover { /* prebuy popout amount icon */
background: rgb(var(--accentcolor));
}
.upsellFooter-6EgwMe { /* prebuy popout footer details */
background: rgba(var(--transparencycolor), .3);
}
.perksList-1vtwXn { /* prebuy popout perkslist */
background: rgba(var(--transparencycolor), .3);
}
#app-mount .selectGuild-1Ygl76:hover {
background-color: rgba(var(--transparencycolor), .3);
}
/* ---- 13.12. REACTIONSMODAL ---- */
#app-mount .scroller-2GkvCq { /* modal sidebar */
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .reactors-1VXca7 { /* modal list */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .reactionDefault-1Sjj1f:hover { /* modal reaction */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .reactionSelected-1aMb2K {
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .remove-19AQn_ { /* modal remove */
color: var(--interactive-normal);
}
#app-mount .remove-19AQn_:hover {
background-color: rgba(var(--transparencycolor), .4);
color: var(--interactive-hover);
}
#app-mount .discriminator-1DCM-o { /* modal discriminator */
color: var(--text-muted);
}
/* ---- 13.13. GUILDWELCOMEMODAL ---- */
.optionContainer-yOpaLq { /* modal option */
background-color: rgba(var(--transparencycolor), .2);
}
.optionContainer-yOpaLq:hover {
background-color: rgba(var(--transparencycolor), .4);
}
/* ---- 13.14. GUILDRULESMODAL ---- */
.guildSidebar-UHnQqs { /* modal sidebar */
background-color: rgba(var(--transparencycolor), .4);
}
.modal-2TOYtq { /* modal inner */
background-color: rgba(var(--transparencycolor), .2);
}
/* ---- 13.15. GUILDFEEDBACKMODAL ---- */
.root-cw9rWQ { /* modal items */
background-color: transparent;
border-radius: 0;
}
.option-1O-Hwt { /* modal item */
background-color: rgb(var(--transparencycolor), .2);
border: none;
border-radius: 8px;
margin-bottom: 8px;
}
.option-1O-Hwt:hover {
background-color: rgb(var(--transparencycolor), .4);
}
/* ---- 13.16. SCREENSHAREMODAL ---- */
#app-mount .sourceThumbnail-3n4cjJ { /* 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);
}
.card-1SdQ2- {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .4);
}
#app-mount .item-2OyinQ {
border-color: rgba(var(--transparencycolor), .4);
}
.selectorButton-3sW6Qm:not(.selectorButtonSelected-3Z0WNU) {
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .userListOverflow-2GkVmP {
background: rgba(var(--transparencycolor), .5);
}
/* ---- 13.17. PHONEVERIFICATIONMODAL ---- */
.phoneField-3NAPDv {
background-color: rgba(var(--transparencycolor), .2);
}
.phoneField-3NAPDv .inputField-1iYysB {
background-color: transparent;
}
.phoneFieldPopout-3O-1C3 {
position: absolute !important;
}
/* ---- 13.18. NOTIFICATIONSMODAL ---- */
#app-mount .channelName-IPB6B3 {
color: var(--header-primary);
}
#app-mount .guildName-1kreI8,
#app-mount .override-1sK4r0,
#app-mount .overrideHighlight-3f-yyO {
color: var(--header-secondary);
}
#app-mount .override-1sK4r0:hover {
background-color: rgba(var(--backgroundtertiary),.1);
}
#app-mount .overrideHighlight-3f-yyO,
#app-mount .overrideHighlight-3f-yyO:hover {
background-color: rgba(var(--backgroundtertiary),.3);
}
#app-mount .checkboxContainer-1NbL2v::before {
background-color: rgba(var(--backgroundtertiary),.6);
}
#app-mount .overridePlaceholder-1nDEsX {
border: 1px dashed var(--background-floating);
}
/* ---- 13.19. DISCOVERYENTRYMODAL ---- */
.checkboxWrapper-2fDzaA.row-31nALW {
background-color: rgba(var(--transparencycolor),.2);
}
.checkboxWrapper-2fDzaA.row-31nALW:hover:not(.checked-22NTbO) {
background-color: rgba(var(--transparencycolor),.4);
}
.checkboxWrapper-2fDzaA.row-31nALW.checked-22NTbO {
background-color: rgb(var(--accentcolor));
}
.checkboxWrapper-2fDzaA.row-31nALW.checked-22NTbO .colorStandard-21JIj7 {
color: var(--header-primary);
}
/* ---- 13.20. NITROFEATUREMODAL ---- */
#app-mount .cardImageBackground-1zqQ8d {
background: #000;
opacity: 0.5;
}
#app-mount .cardInfo-62VDSb {
background: rgba(var(--transparencycolor),.4);
}
/* ---- 13.21. DIRECTORYMODAL ---- */
#app-mount .directoryModal-YJsOMv { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
overflow: hidden;
}
.directoryModal-YJsOMv::before,
.directoryModal-YJsOMv::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.directoryModal-YJsOMv::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.directoryModal-YJsOMv::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 13.22. ACTIVITYSHAREMODAL ---- */
.shelfTopBackground-R55ED9 {
z-index: 2;
}
.scrollTierBackgroundUpsell-2oh_9T {
background: rgba(var(--accentcolor), .1);
}
/* ~~~~ 14. POPOUTS ~~~~ */
.layer-2aCOJ3:nth-child(1) {
z-index: 1002;
}
.layer-2aCOJ3:nth-child(2) {
z-index: 1003;
}
.layer-2aCOJ3:nth-child(3) {
z-index: 1004;
}
.layer-2aCOJ3:nth-child(4) {
z-index: 1005;
}
.layer-2aCOJ3:nth-child(5) {
z-index: 1006;
}
.layer-2aCOJ3:nth-child(6) {
z-index: 1007;
}
.layer-2aCOJ3:nth-child(7) {
z-index: 1008;
}
.layer-2aCOJ3:nth-child(8) {
z-index: 1009;
}
.layer-2aCOJ3:nth-child(9) {
z-index: 1010;
}
#app-mount .loadingPopout-1feYe_, /* loading popout */
#app-mount .container-18GwIk, /* browser popout */
#app-mount .themedPopout-1TrfdI { /* themed popout */
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);
color: var(--header-primary);
position: relative;
}
.loadingPopout-1feYe_::before,
.container-18GwIk::before,
.themedPopout-1TrfdI::before,
.loadingPopout-1feYe_::after,
.container-18GwIk::after,
.themedPopout-1TrfdI::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.loadingPopout-1feYe_::before,
.container-18GwIk::before,
.themedPopout-1TrfdI::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.loadingPopout-1feYe_::after,
.container-18GwIk::after,
.themedPopout-1TrfdI::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
.selected-22ukbQ, /* popout combobox selected */
.selected-22ukbQ:hover {
background-color: rgb(var(--accentcolor));
color: #fff;
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .divider-MRAL1L { /* popout divider */
border-color: var(--background-modifier-accent);
}
/* ---- 14.1. CONTEXTMENU ---- */
.menu-2TXYjN, /* contextmenu fixed */
.submenu-3ycVEH { /* contextmenu submenu */
background: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
.menu-2TXYjN::before,
.submenu-3ycVEH::before,
.menu-2TXYjN::after,
.submenu-3ycVEH::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 4px;
pointer-events: none;
z-index: -1;
}
.menu-2TXYjN::before,
.submenu-3ycVEH::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.menu-2TXYjN::after,
.submenu-3ycVEH::after {
background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3));
backdrop-filter: blur(var(--popoutblur));
}
.submenu-3ycVEH {
position: relative;
}
.container-3AL15u { /* contextmenu searchbar */
background-color: rgba(var(--transparencycolor), .2);
}
.item-5ApiZt.colorDefault-2_rLdz.focused-3LIdPu,
.item-5ApiZt.colorDefault-2_rLdz:hover:not(.hideInteraction-1vQrZJ) {
background-color: rgba(var(--accentcolor), .2) !important;
}
.item-5ApiZt.colorDanger-3umuSx.focused-3LIdPu,
.item-5ApiZt.colorDanger-3umuSx:hover:not(.hideInteraction-1vQrZJ) {
background-color: rgba(var(--dangercolor), .2) !important;
}
.item-5ApiZt.colorSuccess-1ZVGh2.focused-3LIdPu,
.item-5ApiZt.colorSuccess-1ZVGh2:hover:not(.hideInteraction-1vQrZJ) {
background-color: rgba(var(--successcolor), .2) !important;
}
.item-5ApiZt.colorBrand-26tvUE.focused-3LIdPu,
.item-5ApiZt.colorBrand-26tvUE:hover:not(.hideInteraction-1vQrZJ),
.item-5ApiZt.colorDefault-2_rLdz.focused-3LIdPu[id="user-settings-cog-Subscriptions"],
.item-5ApiZt.colorDefault-2_rLdz:hover:not(.hideInteraction-1vQrZJ)[id="user-settings-cog-Subscriptions"],
.item-5ApiZt.colorDefault-2_rLdz.focused-3LIdPu[id="user-settings-cog-Discord_Nitro"],
.item-5ApiZt.colorDefault-2_rLdz:hover:not(.hideInteraction-1vQrZJ)[id="user-settings-cog-Discord_Nitro"] {
background-color: rgba(var(--accentcolor), .2) !important;
}
.item-5ApiZt.colorPremium-2N9Y8_.focused-3LIdPu,
.item-5ApiZt.colorPremium-2N9Y8_:hover:not(.hideInteraction-1vQrZJ),
.item-5ApiZt.colorDefault-2_rLdz.focused-3LIdPu[id="user-settings-cog-Nitro_Server_Boost"],
.item-5ApiZt.colorDefault-2_rLdz:hover:not(.hideInteraction-1vQrZJ)[id="user-settings-cog-Nitro_Server_Boost"],
.item-5ApiZt.colorDefault-2_rLdz.focused-3LIdPu[id="guild-context-guild-settings--GUILD_PREMIUM"],
.item-5ApiZt.colorDefault-2_rLdz:hover:not(.hideInteraction-1vQrZJ)[id="guild-context-guild-settings--GUILD_PREMIUM"] {
background-color: rgba(var(--accentcolor2), .2) !important;
}
.item-5ApiZt.colorPremiumGradient-38tGFG.focused-3LIdPu,
.item-5ApiZt.colorPremiumGradient-38tGFG:hover:not(.hideInteraction-1vQrZJ) {
background: linear-gradient(90deg, rgba(var(--accentcolor2), .2), rgba(var(--accentcolor), .2)) !important;
}
#app-mount .item-5ApiZt .checkbox-397WsK { /* contextmenu checkbox */
color: rgb(var(--accentcolor));
}
#app-mount .item-5ApiZt.colorDanger-3umuSx .checkbox-397WsK {
color: rgb(var(--dangercolor));
}
#app-mount .item-5ApiZt.colorSuccess-1ZVGh2 .checkbox-397WsK {
color: rgb(var(--successcolor));
}
#app-mount .item-5ApiZt.colorPremium-2N9Y8_ .checkbox-397WsK {
color: rgb(var(--accentcolor2));
}
#app-mount .item-5ApiZt .check-3-73a4 { /* contextmenu checkmark */
color: #fff;
stroke: var(--textshadow);
}
.button-1zW0-r { /* contextmenu quick reaction button */
background-color: rgba(var(--transparencycolor), .3);
}
.button-1zW0-r:hover {
background-color: rgb(var(--accentcolor));
}
/* ---- 14.2. USERPOPOUT ---- */
.userPopoutOuter-1OHwPL { /* popout container */
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
.userProfileOuterUnthemed-11rPfA { /* popout container */
background: transparent;
}
.userProfileOuterUnthemed-11rPfA::before,
.userProfileOuterUnthemed-11rPfA::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.userProfileOuterUnthemed-11rPfA::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.userProfileOuterUnthemed-11rPfA::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
.accountProfilePopoutWrapper-3GskID .overlayBackground-2aa7wt {
display: block !important;
}
.profileColors-2AgAV4 { /* popout profilecolors */
--profile-body-background-color: rgba(0,0,0,.4) !important;
--profile-body-divider-color: var(--background-modifier-accent) !important;
--profile-body-divider-opacity: 1 !important;
}
#app-mount .userProfileOuterThemed-2BgJCM ::-webkit-scrollbar-thumb {
background-color: var(--profile-gradient-secondary-color) !important;
}
.userProfileInnerThemed-3dLhGM::after {
content: "";
position: absolute;
display: block;
background: var(--profile-gradient-primary-color);
top: 4px;
right: 4px;
left: 4px;
height: 60px;
z-index: 1;
}
.userProfileInnerThemed-3dLhGM::before {
z-index: 2;
}
.userProfileInnerThemed-3dLhGM > * {
z-index: 3;
}
.userProfileInnerThemedWithBanner-25XGmz::after {
height: 120px;
}
.userProfileInner-1ngKnf { /* popout inner */
border-radius: 4px;
}
.userPopoutOuter-1OHwPL .wrapper-3Un6-K, /* popout avatar */
.userPopoutOuter-1OHwPL .avatarWrapper { /* popout status everywhere */
background-color: transparent;
border-color: transparent;
box-sizing: content-box;
}
.root-jbEB5E { /* body roles */
max-height: 100px;
overflow-x: hidden;
overflow-y: scroll;
}
#app-mount .root-jbEB5E::-webkit-scrollbar {
width: 4px;
}
#app-mount .role-2TIOKu { /* body role */
border-color: rgba(var(--textbrighter), .6);
border-radius: 5px;
padding: 0 5px;
position: relative;
}
#app-mount .role-2TIOKu[style*="border-color: rgba(185, 187, 190, .6)"] {
border-color: rgba(var(--textbrighter), .6) !important;
}
#app-mount .rolePillBorder-RiRiuN:not(.actionButton-1YKTU0) {
border-width: 0;
}
#app-mount .role-2TIOKu .roleName-2ZJJYR { /* body rolename */
position: relative;
color: rgb(var(--textbrightest));
height: 20px;
line-height: 20px;
margin: 0;
font-weight: normal;
z-index: 1000;
pointer-events: none;
}
#app-mount .role-2TIOKu .roleRemoveButton-17oXnT {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#app-mount .role-2TIOKu .roleCircle-3TFUOr { /* body rolecircle */
position: absolute;
background-color: rgb(var(--textbrighter));
border-radius: 3px;
opacity: 0.3;
height: 100%;
width: 100%;
margin: 0;
left: 0;
top: 0;
}
#app-mount .role-2TIOKu .roleCircle-3TFUOr[style*="background-color: rgb(185, 187, 190)"] {
background-color: rgb(var(--textbrighter)) !important;
}
#app-mount .role-2TIOKu .roleCircle-3TFUOr:not(:only-child):hover {
opacity: 1;
z-index: 2000;
cursor: pointer;
}
#app-mount .role-2TIOKu .roleRemoveIcon-387wKV {
z-index: 2001;
pointer-events: none;
}
#app-mount .role-2TIOKu .roleIcon-29epUq {
z-index: 1;
}
.textarea-_59yqs:focus { /* body note */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .wumpusTooltip-15kPrN {
background-color: rgb(var(--accentcolor));
color: #fff;
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .wumpusTooltip-15kPrN::after {
border-color: transparent rgb(var(--accentcolor)) transparent transparent;
}
/* ---- 14.3. EMOJIPICKER ---- */
.contentWrapper-3vHNP2, /* picker expression wrapper */
.emojiPicker-6YCk8a, /* picker inner */
.diversitySelectorOptions-3DhNYs { /* picker diversityselector */
background: transparent;
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
border: none;
overflow: hidden;
}
.contentWrapper-3vHNP2::before,
.emojiPicker-6YCk8a::before,
.diversitySelectorOptions-3DhNYs::before,
.contentWrapper-3vHNP2::after,
.emojiPicker-6YCk8a::after,
.diversitySelectorOptions-3DhNYs::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.contentWrapper-3vHNP2::before,
.emojiPicker-6YCk8a::before,
.diversitySelectorOptions-3DhNYs::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.contentWrapper-3vHNP2::after,
.emojiPicker-6YCk8a::after,
.diversitySelectorOptions-3DhNYs::after {
background: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
.diversitySelectorOptions-3DhNYs::before,
.diversitySelectorOptions-3DhNYs::after {
border-radius: 5px;
}
.emojiPickerInExpressionPicker-2nOwH8 .emojiPicker-6YCk8a {
box-shadow: unset;
}
.emojiPickerInExpressionPicker-2nOwH8 .emojiPicker-6YCk8a::after,
.emojiPickerInExpressionPicker-2nOwH8 .emojiPicker-6YCk8a::before {
display: none;
}
.diversityEmojiItem-2bgZKv:hover { /* picker diversityemoji */
background-color: rgb(var(--accentcolor));
}
.navButtonActive-1EqC5l { /* picker navbuttonactive */
background-color: rgb(var(--accentcolor));
color: #fff;
text-shadow: 1px 1px var(--textshadow);
}
.wrapper-22rqw6 { /* picker sidebar */
background-color: rgba(var(--transparencycolor), .2);
}
.guildIcon-2SUGiq { /* picker guildicon */
background-color: rgba(var(--transparencycolor), .2);
}
.categoryItemDefaultCategory-3haEDq:first-child,
.categoryItemDefaultCategory-3haEDq:first-child + .categoryItemDefaultCategory-3haEDq,
.stickerCategoryRecent-1WVWrj {
margin-bottom: 8px;
}
.categoryItemDefaultCategory-3haEDq:hover, /* picker categoryitem */
.stickerCategory-2f6iSo:hover, /* picker stickercategoryitem */
.stickerCategoryShopWrapper-3EnJdQ:hover .stickerCategoryShop-d5zC3B {
background-color: rgba(var(--transparencycolor), .3);
}
.categoryItemDefaultCategorySelected-2YeRUu, /* picker categoryitem selected */
.categoryItemDefaultCategorySelected-2YeRUu:hover,
.stickerCategorySelected-2uaMAG, /* picker stickercategoryitem selected */
.stickerCategorySelected-2uaMAG:hover {
background-color: rgb(var(--accentcolor));
}
.categoryItemDefaultCategorySelected-2YeRUu svg, /* picker categoryitem selected */
.categoryItemDefaultCategorySelected-2YeRUu:hover svg,
.stickerCategorySelected-2uaMAG svg, /* picker stickercategoryitem selected */
.stickerCategorySelected-2uaMAG:hover svg {
filter: drop-shadow(1px 1px var(--textshadow));
}
.unicodeShortcut-3N8oDe, /* picker unicodeemojis shortcut */
.stickerCategoryShopWrapper-3EnJdQ { /* picker unicodeemojis shortcut */
background-color: transparent;
border: none;
overflow: hidden;
z-index: 100;
}
.unicodeShortcut-3N8oDe::before,
.stickerCategoryShopWrapper-3EnJdQ::before,
.unicodeShortcut-3N8oDe::after,
.stickerCategoryShopWrapper-3EnJdQ::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.unicodeShortcut-3N8oDe::before,
.stickerCategoryShopWrapper-3EnJdQ::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.unicodeShortcut-3N8oDe::after,
.stickerCategoryShopWrapper-3EnJdQ::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35));
backdrop-filter: blur(var(--popoutblur));
}
.inspector-DFKXwB { /* picker emojiinfowrapper */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .wrapper-1NNaWG { /* picker categoryheader */
background: transparent;
position: static;
}
#app-mount .imageLoading-2uloYN { /* picker emoji loading */
background: rgba(var(--transparencycolor), .3);
border-radius: 10px;
}
.emojiItem-277VFM.emojiItemSelected-2Lg50V { /* picker emoji selected */
background-color: rgb(var(--accentcolor));
}
.emojiItemDisabled-3VVnwp { /* picker emoji disabled */
filter: none;
cursor: no-drop;
}
.emojiItemDisabled-3VVnwp > * {
filter: grayscale(1);
}
.shape-2kfO2v { /* picker sticker loading */
background-color: rgba(var(--transparencycolor), .2);
}
.feature-1nRVr5 { /* picker sticker feature */
background: transparent;
}
.stickerInspected-mwnU6w .stickerBackground-2XECKi { /* picker sticker focused */
background-color: rgb(var(--accentcolor));
}
.viewAllBackground-3Bn1vh { /* picker sticker view all */
background-color: rgba(var(--transparencycolor), .2);
}
.viewAll-1MwRpl:hover .viewAllBackground-3Bn1vh,
.viewAllInspected-25Y7ds .viewAllBackground-3Bn1vh {
background-color: rgba(var(--transparencycolor), .4);
}
.premiumPromo-1eKAIB { /* picker premium warning */
background-color: transparent;
opacity: 1;
}
.premiumPromo-1eKAIB::before,
.premiumPromo-1eKAIB::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
opacity: 0.9;
pointer-events: none;
z-index: -1;
}
.premiumPromo-1eKAIB::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.premiumPromo-1eKAIB::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.29));
backdrop-filter: blur(var(--popoutblur));
}
.premiumPromoClose-Nuntxy {
-webkit-mask: url(https://discord.com/assets/f815a774c2b98d3109293a4e2afb733c.svg) 50% 50% no-repeat;
background: var(--interactive-normal);
}
.premiumPromoClose-Nuntxy:hover {
background: var(--interactive-hover);
}
.premiumPromoClose-Nuntxy:active {
background: var(--interactive-active);
}
#app-mount .categoryItemDefaultCategorySelected-2YeRUu .categoryIcon-2cYeku,
#app-mount .categoryItemDefaultCategorySelected-2YeRUu:hover .categoryIcon-2cYeku {
color: var(--interactive-active);
}
#app-mount .focused-16Owih, /* gifpicker result */
#app-mount .result-pzZrwj:hover {
box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor), .3);
}
#app-mount .placeholder-T1Tuu8 {
background: rgba(var(--textdarkest),.6);
}
#app-mount .endContainer-22e-US::after {
background-image: url(https://discord.com/assets/be5f088125f778701a7e4fad471a45da.svg);
opacity: 0.6;
}
#app-mount .endText-3Ps2ZN {
color: var(--header-secondary);
}
#app-mount .emptyHintCard-2A7Tng {
background-color: rgba(var(--transparencycolor), .2);
color: var(--header-secondary);
}
#app-mount .backButton-bSKWLe { /* gifpicker backbutton */
color: var(--interactive-normal);
}
#app-mount .backButton-bSKWLe:hover {
color: var(--interactive-hover);
}
#app-mount .backButton-bSKWLe:active {
color: var(--interactive-active);
}
/* ---- 14.4. PINS/MENTIONS ---- */
.messagesPopoutWrap-3zryHW, /* popout wrapper */
.container-2ebMPP { /* popout wrapper (inbox) */
background-color: transparent;
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
border: none;
overflow: hidden;
}
.messagesPopoutWrap-3zryHW > *,
.container-2ebMPP > * {
z-index: 1000;
}
.messagesPopoutWrap-3zryHW::before,
.container-2ebMPP::before,
.messagesPopoutWrap-3zryHW::after,
.container-2ebMPP::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.messagesPopoutWrap-3zryHW::before,
.container-2ebMPP::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.messagesPopoutWrap-3zryHW::after,
.container-2ebMPP::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .messagesPopout-eVzQcI { /* popout innerwrap */
background-color: transparent;
}
.themedPopout-1TrfdI .header-2Kf7Yu {
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .1);
}
.header-1w9Q93 { /* popout header */
background-color: rgba(var(--transparencycolor), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2);
}
.themedPopout-1TrfdI .footer-1K57q_ {
background-color: rgba(var(--transparencycolor), .1);
}
.footer-5ji8u1 { /* popout footer */
background-color: rgba(var(--transparencycolor), .2);
}
.messageGroupWrapper-1jf_7C {
background-color: transparent;
border: none;
overflow: visible;
padding: 11px 10px 10px 10px;
}
.messageGroupWrapper-1jf_7C + .messageGroupWrapper-1jf_7C::before {
content: "";
border-top: 1px solid var(--background-modifier-accent);
position: absolute;
top: -3px;
left: 0;
width: 100%;
}
.messageGroupWrapper-1jf_7C .contentCozy-3XX413 {
overflow: hidden;
}
.actionButtons-2mNSAB { /* popout actionbuttonscontainer */
top: 4px;
right: 14px;
}
.jumpButton-1V_1FA, /* popout jumpbutton (mentions) */
.jumpButton-1ZwI_j { /* popout jumpbutton (pins) */
background-color: rgba(var(--transparencycolor), .4);
}
.jumpButton-1V_1FA:hover,
.jumpButton-1ZwI_j:hover {
background-color: rgb(var(--accentcolor));
}
.jumpButton-1V_1FA + .jumpButton-1V_1FA,
.jumpButton-1ZwI_j + .jumpButton-1ZwI_j {
margin-left: 2px;
}
.messageGroupWrapper-1jf_7C:hover .actionButtons-2mNSAB .closeButton-17RIVZ {
opacity: 1;
}
.hasMoreButton-1MELpI { /* popout hasmorebutton */
background-color: rgba(var(--transparencycolor), .2);
border: none;
}
.image-t6rLT3 { /* popout emptyimage */
opacity: 0.6;
}
/* popout active tab */
#app-mount .header-145e10 .tabBar-1qdMr5 .tab-TRrPC8.active-1grPyy {
background-color: rgb(var(--accentcolor));
}
.secondary-2bzKEX, /* popout header button */
.tertiary-1e-lAP, /* popout message button */
.collapseButton-3V3Cqh { /* popout collapse button */
background-color: rgba(var(--transparencycolor), .2);
}
.secondary-2bzKEX:hover,
.tertiary-1e-lAP:hover,
.collapseButton-3V3Cqh:hover {
background-color: rgba(var(--transparencycolor), .4);
}
.collapseButton-3V3Cqh {
position: static;
margin-left: 12px;
border-radius: 32px;
box-sizing: border-box;
cursor: pointer;
flex-shrink: 0;
height: 32px;
min-height: 32px;
width: 32px;
min-width: 32px;
padding: 8px;
transform: unset !important;
}
.collapseButton-3V3Cqh.collapsed-b6uSCG svg {
transform: rotate(-90deg);
}
.channelHeader-DFRX8q { /* popout channelheader */
background-color: rgba(var(--transparencycolor), .4);
padding-right: 16px;
border-radius: 5px 5px 0 0;
position: static;
}
.channelHeader-DFRX8q:only-child {
border-radius: 0;
}
.messageContainer-3VTXBC, /* popout messagecontainer */
.messages-23can0 { /* popout messagecontainer (inbox) */
background-color: rgba(var(--transparencycolor), .2);
border-radius: 0;
}
.messageContainer-3VTXBC:last-child,
.messages-23can0:last-child {
border-radius: 0 0 5px 5px;
}
.tutorial-Nb3Zz5 { /* popout tutorial (inbox) */
background-color: rgba(var(--transparencycolor), .4);
}
.tutorialIcon-25VF3Q { /* popout tutorial (inbox) */
background-color: rgba(var(--transparencycolor), .4);
}
/* ---- 14.5. SEARCHPOPOUT ---- */
#app-mount .container-2McqkF { /* popout wrapper */
background-color: transparent;
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
border: none;
overflow: hidden;
position: relative;
}
.container-2McqkF::before,
.container-2McqkF::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.container-2McqkF::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.container-2McqkF::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .queryContainer-ZunrLZ {
border-bottom-color: var(--background-modifier-accent);
color: var(--header-secondary);
}
#app-mount .queryContainer-ZunrLZ strong {
color: var(--header-primary);
}
#app-mount .focused-2FU0YH {
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .resultsGroup-1BPR25::before {
border-top-color: var(--background-modifier-accent);
}
#app-mount .resultsGroup-1BPR25 .header-3A13BX,
#app-mount .resultsGroup-1BPR25 .plusIcon-2V7coV,
#app-mount .resultsGroup-1BPR25 .searchClearHistory-2Be-92,
#app-mount .resultsGroup-1BPR25 .searchLearnMore-7__o_n a {
color: var(--text-normal);
}
#app-mount .resultsGroup-1BPR25 .header-3A13BX,
#app-mount .resultsGroup-1BPR25 .plusIcon-2V7coV {
color: var(--text-normal);
}
#app-mount .option-ayUoaq::after {
display: none;
}
#app-mount .option-ayUoaq:hover,
#app-mount .option-ayUoaq[aria-selected=true],
#app-mount .option-ayUoaq.selected-rZcOL- {
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .option-ayUoaq:hover::before,
#app-mount .option-ayUoaq[aria-selected=true]::before,
#app-mount .option-ayUoaq.selected-rZcOL-::before {
background-color: rgb(var(--accentcolor));
border-radius: 3px;
width: 34px;
}
#app-mount .option-ayUoaq:hover .plusIcon-2V7coV,
#app-mount .option-ayUoaq[aria-selected=true] .plusIcon-2V7coV,
#app-mount .option-ayUoaq.selected-rZcOL- .plusIcon-2V7coV {
color: white;
opacity: 1;
}
#app-mount .option-ayUoaq .answer-2fBfuP,
#app-mount .option-ayUoaq .nonText-3_4gtu,
#app-mount .option-ayUoaq strong {
color: var(--text-normal);
}
#app-mount .option-ayUoaq .filter-5YbOzJ {
color: var(--text-muted);
}
#app-mount .option-ayUoaq.user-23VtPS .displayedNick-2dDbfG {
color: var(--text-normal);
}
#app-mount .option-ayUoaq.user-23VtPS .displayUsername-14aOpK {
color: var(--interactive-muted);
}
#app-mount .searchOption-351dTI .filter-5YbOzJ {
color: var(--text-normal);
}
#app-mount .searchOption-351dTI .answer-2fBfuP {
color: var(--text-muted);
}
#app-mount .searchResultChannelCategory-3cL8uG,
#app-mount .searchResultChannelIcon-1Il1Qo {
color: var(--text-muted);
}
#app-mount .calendarPicker-sDhzdi .react-datepicker {
background: transparent;
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__day:not(.react-datepicker__day--outside-month) {
border-color: rgba(var(--transparencycolor), .5);
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__day--outside-month {
background: rgba(var(--transparencycolor), .5);
border-color: transparent;
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__header,
#app-mount .calendarPicker-sDhzdi .react-datepicker__month-container,
#app-mount .calendarPicker-sDhzdi .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
background: rgba(var(--transparencycolor), .2);
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__header {
padding-bottom: 5px;
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation {
background: transparent;
border-color: rgba(var(--textbrightest), .5);
top: 30px;
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-mask: url(https://discord.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat;
background-color: rgb(var(--textbrightest));
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation--previous {
left: 30px;
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__navigation--next {
right: 30px;
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__current-month {
border-color: transparent;
padding: 10px 0;
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__current-month,
#app-mount .calendarPicker-sDhzdi .react-datepicker__day-name,
#app-mount .calendarPicker-sDhzdi .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
#app-mount .calendarPicker-sDhzdi .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
#app-mount .calendarPicker-sDhzdi .datePickerHint-17MnA8 .hint-3D5yHh,
#app-mount .calendarPicker-sDhzdi .datePickerHint-17MnA8 .hintValue-1x-flY {
color: var(--header-primary);
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
color: var(--header-secondary);
}
#app-mount .calendarPicker-sDhzdi .react-datepicker__day--outside-month {
color: var(--text-muted);
cursor: no-drop;
}
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 {
margin: 0;
padding: 20px;
display: flex;
justify-content: center;
border-top-color: var(--background-modifier-accent);
}
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hint-3D5yHh {
color: var(--text-normal);
}
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY {
color: var(--header-primary);
}
#app-mount .datePicker-70cO23 .datePickerHint-17MnA8 .hintValue-1x-flY:hover {
text-shadow: 1px 1px var(--textshadow);
}
/* ---- 14.6. COLORPICKER ---- */
#app-mount .customColorPicker-C_jddW { /* popout wrapper */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
border: none;
border-radius: 3px;
overflow: hidden;
}
.customColorPicker-C_jddW::before,
.customColorPicker-C_jddW::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.customColorPicker-C_jddW::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.customColorPicker-C_jddW::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.35));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 14.7. ADDROLE ---- */
#app-mount .container-2O1UgZ, /* popout userpopout */
#app-mount .container-1S70rv { /* popout channelsettings */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
border: none;
border-radius: 3px;
overflow: hidden;
width: 300px;
}
.container-2O1UgZ::before,
.container-2O1UgZ::after,
.container-1S70rv::before,
.container-1S70rv::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.container-2O1UgZ::before,
.container-1S70rv::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.container-2O1UgZ::after,
.container-1S70rv::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
backdrop-filter: blur(var(--popoutblur));
}
.focused-qp-W9B,
.item-1BCeuB:hover:not(.disabled-Mmpvl7),
.row-1Ib2uD.selected-1IWCoj .rowInner-3uonq8,
.row-1Ib2uD:hover .rowInner-3uonq8 {
background: rgba(var(--transparencycolor), .4);
}
#app-mount .container-1S70rv .header-3i_Csh {
background: rgba(var(--transparencycolor), .2);
}
#app-mount .container-1S70rv .input-2lpFVz {
color: var(--header-primary);
}
#app-mount .container-1S70rv .sectionTag-28mLyE {
background: transparent;
}
.autocompleteShadow-2nfsSy,
.autocompleteArrowWrapper-Kr4DnW,
.autocompleteHeaderBackground-3u7TwO {
display: none;
}
/* ---- 14.8. EVERYONEMENTION ---- */
#app-mount .everyonePopout-nEbJY3 { /* popout wrapper */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.everyonePopout-nEbJY3::before,
.everyonePopout-nEbJY3::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.everyonePopout-nEbJY3::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.everyonePopout-nEbJY3::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .header-3_S6dz {
color: var(--header-primary);
}
#app-mount .body-2iXqIL {
color: var(--header-secondary);
}
#app-mount .body-2iXqIL .animation-3GofIz {
opacity: .5;
}
#app-mount .buttonHint-2OxJB8 {
color: var(--text-muted);
}
#app-mount .buttonHint-2OxJB8 strong {
color: var(--header-secondary);
}
#app-mount .footer-2aTx0s {
background-color: rgba(var(--transparencycolor), .2);
color: var(--text-muted);
}
#app-mount .footer-2aTx0s strong {
color: var(--header-secondary);
}
/* ---- 14.9. CHANNELFOLLOW ---- */
#app-mount .header-13P3fr {
background: rgba(var(--transparencycolor), .3);
}
#app-mount .separator-3gy7tq {
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor), .3), 0 1px 2px 0 rgba(var(--transparencycolor), .3);
}
.channelContainer-3YAhb_ {
background-color: rgba(var(--transparencycolor), .3);
}
.channel-k2TVLQ {
background-color: rgba(var(--transparencycolor), .3);
}
.channelContainer-3YAhb_ .channel-k2TVLQ {
background-color: transparent;
}
/* ---- 14.10. CHANNELFOLLOWINFO ---- */
#app-mount .guildPopout-G6M0fK { /* popout wrapper */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.guildPopout-G6M0fK::before,
.guildPopout-G6M0fK::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.guildPopout-G6M0fK::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.guildPopout-G6M0fK::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.1));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 14.11. EMOJIINFO ---- */
#app-mount .popoutContainer-2wbmiM { /* popout wrapper */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.popoutContainer-2wbmiM::before,
.popoutContainer-2wbmiM::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.popoutContainer-2wbmiM::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.popoutContainer-2wbmiM::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
.emojiSection-3QtaWO { /* popout emojisection */
background-color: transparent;
}
.guildSection-2Zyzy8 { /* popout emojisection */
background-color: rgba(var(--transparencycolor), .2);
}
.loading-1lSwpg { /* popout loading placeholder */
background: rgba(var(--transparencycolor), .3);
}
/* ---- 14.12. STREAMPREVIEW ---- */
#app-mount .streamPreview-3qoMP4 { /* popout wrapper */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.streamPreview-3qoMP4::before,
.streamPreview-3qoMP4::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.streamPreview-3qoMP4::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.streamPreview-3qoMP4::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .previewContainer-21fFBz { /* popout preview */
background-color: rgba(var(--transparencycolor), .2);
}
/* ---- 14.13. STREAMINFO ---- */
#app-mount .container-8Futzw { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
overflow: visible !important;
}
.container-8Futzw::before,
.container-8Futzw::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.container-8Futzw::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.container-8Futzw::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */
#app-mount .popout-AVsFMl { /* popout wrapper */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.popout-AVsFMl::before,
.popout-AVsFMl::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.popout-AVsFMl::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.popout-AVsFMl::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 14.15. RTCSTATUSPOPOUT ---- */
#app-mount .container-1ILvLB { /* RTCpopout */
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);
color: var(--header-primary);
position: relative;
width: 260px;
}
.container-1ILvLB::before,
.container-1ILvLB::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.container-1ILvLB::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.container-1ILvLB::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .container-1ILvLB .header-2C89wJ {
background-color: rgba(var(--transparencycolor), .2);
color: var(--header-primary);
}
#app-mount .container-1ILvLB canvas {
background-color: rgb(var(--transparencycolor));
padding: 5px;
border-radius: 5px;
}
#app-mount .container-1ILvLB section {
background-color: transparent;
}
#app-mount .container-1ILvLB section p {
color: var(--header-primary);
}
#app-mount .container-1ILvLB section strong {
color: var(--header-primary);
}
#app-mount .debugButton-OTfjlB {
color: var(--header-secondary);
}
#app-mount .krispLogo-aWHaan {
-webkit-mask: url(https://discord.com/assets/c28317e203e00b2d7390d5ece2399228.svg) center/contain no-repeat;
background-color: var(--header-primary);
}
/* ---- 14.16. PHONE-/EMAILVALIDATION ---- */
#app-mount .input-3NIgDw {
background-color: rgba(var(--transparencycolor), .2);
color: var(--header-primary);
}
#app-mount .phoneFieldPopout-h7c9mt .countryName-3dA1Xv {
color: var(--header-secondary);
}
#app-mount .phoneFieldPopout-h7c9mt .countryCode-2RFA3i {
color: var(--header-primary);
}
#app-mount .activityInviteEducationArrow-1Avyhe {
-webkit-mask: url(https://discord.com/assets/ba018cf9baa19824316dc4c2beb080a4.svg) center/contain no-repeat;
background: var(--header-primary);
}
#app-mount .emailVerificationModal-D8InhA .title-3Z7qoP {
color: var(--header-primary);
}
#app-mount .emailVerificationModal-D8InhA .body-2WAVf7 {
color: var(--text-muted);
}
#app-mount .verification-2oQUwN .image-cLINxN {
background-image: url(https://discord.com/assets/c290235278e128e94ae5ac37e58c5cbb.svg);
opacity: .5;
}
#app-mount .verification-2oQUwN .title-rdZnFE {
color: var(--header-primary);
}
#app-mount .verification-2oQUwN .body-2IbMjQ,
#app-mount .verification-2oQUwN .footer-3YDDp6 {
color: var(--header-secondary);
}
#app-mount .verificationBlock-xhj3fR {
background-color: rgba(var(--transparencycolor), .1);
border: 1px solid rgba(var(--transparencycolor), .3);
}
#app-mount .verificationBlock-xhj3fR:hover {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgb(var(--transparencycolor));
}
#app-mount .verificationBlock-xhj3fR .image-cLINxN.email-1Zyyoj {
background-image: url(https://discord.com/assets/cefc9c14adce616059f519c581331b32.svg);
opacity: .5;
}
#app-mount .verificationBlock-xhj3fR .image-cLINxN.phone-2wue_- {
background-image: url(https://discord.com/assets/ca452f5271ebcc7132db59f60a2a9cfe.svg);
opacity: .5;
}
#app-mount .verificationBlock-xhj3fR .body-2IbMjQ {
color: var(--header-secondary);
}
/* ---- 14.17. QUICKSELECTPOPOUT ---- */
#app-mount .quickSelectPopout-2F0PXw, /* quickselect */
#app-mount .popoutList-10IFAa { /* listpopout */
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);
color: var(--header-primary);
position: relative;
}
.quickSelectPopout-2F0PXw::before,
.popoutList-10IFAa::before,
.quickSelectPopout-2F0PXw::after,
.popoutList-10IFAa::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.quickSelectPopout-2F0PXw::before,
.popoutList-10IFAa::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.quickSelectPopout-2F0PXw::after,
.popoutList-10IFAa::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .selectableItem-3-fmiM {
color: var(--header-primary);
}
#app-mount .selectableItem-3-fmiM:hover {
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .quickSelectPopoutOption-2E2UmS:hover {
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .quickSelectPopoutOption-2E2UmS.selected-2xg679 {
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .popoutListEmpty-3MWXtE {
color: var(--header-primary);
}
#app-mount .quickSelectArrow-1dOOHb {
-webkit-mask: url(https://discord.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat;
background: var(--interactive-normal);
}
/* ---- 14.18. WARNINGPOPOUT ---- */
#app-mount .contentWarningPopout-WKdbDG { /* popout */
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);
position: relative;
}
.contentWarningPopout-WKdbDG::before,
.contentWarningPopout-WKdbDG::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.contentWarningPopout-WKdbDG::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.contentWarningPopout-WKdbDG::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .body-2rDNbs {
color: var(--header-secondary);
}
#app-mount .header-DRA95Q {
color: var(--header-primary);
}
/* ---- 14.19. ACTIVETHREADLISTPOPOUT ---- */
#app-mount .popout-TdhJ6Z { /* popout */
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);
position: relative;
}
.popout-TdhJ6Z::before,
.popout-TdhJ6Z::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.popout-TdhJ6Z::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.popout-TdhJ6Z::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 14.20. ROLEMEMBERSPOPOUT ---- */
#app-mount .rolePopout-27VCjW { /* popout */
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);
position: relative;
}
.rolePopout-27VCjW::before,
.rolePopout-27VCjW::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.rolePopout-27VCjW::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.rolePopout-27VCjW::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 14.21. FORUMFILTERPOPOUT ---- */
#app-mount .container-3kfp0r { /* popout */
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);
position: relative;
}
.container-3kfp0r::before,
.container-3kfp0r::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.container-3kfp0r::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.container-3kfp0r::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 14.22. ACTIVITYSHAREPOPOUT ---- */
#app-mount .container-1jQZ2U { /* popout */
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);
position: relative;
}
.container-1jQZ2U::before,
.container-1jQZ2U::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.container-1jQZ2U::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.container-1jQZ2U::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 14.23. SOUNDBOARD ---- */
#app-mount .picker-20lcBA { /* popout */
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);
position: relative;
}
.picker-20lcBA::before,
.picker-20lcBA::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.picker-20lcBA::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.picker-20lcBA::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 14.24. SERVERSURVEY ---- */
.main-243VC2 .prompt-R8SyL4 {
background: rgba(var(--transparencycolor), .3);
}
.main-243VC2 .prompt-R8SyL4 .sizeMedium-2oH5mg {
width: unset;
}
.optionButtonWrapper-2lbogO:hover,
.optionButtonWrapper-2lbogO.selected-KQBgNS {
border-color: rgb(var(--accentcolor));
}
/* ~~~~ 15. GENERAL ~~~~ */
.highlight {
background: rgba(var(--accentcolor), .3);
}
.clickable-28SzVr:hover .layout-1qmrhw {
background-color: rgba(var(--transparencycolor), .2);
}
.clickable-28SzVr:active .layout-1qmrhw {
background: rgb(var(--accentcolor));
}
.clickable-28SzVr:active .layout-1qmrhw,
.selected-1-Z6gm .layout-1qmrhw,
.selected-1-Z6gm:hover .layout-1qmrhw,
.selected-1-Z6gm:active .layout-1qmrhw {
background-color: rgb(var(--accentcolor));
text-shadow: 1px 1px var(--textshadow);
}
.clickable-28SzVr .icon-2iCk7Q {
color: inherit;
}
.clickable-28SzVr:active .layout-1qmrhw svg:not(.svg-2azL_l),
.clickable-28SzVr.selected-1-Z6gm .layout-1qmrhw svg:not(.svg-2azL_l) {
filter: drop-shadow(1px 1px var(--textshadow));
}
.clickable-28SzVr:active .premiumIcon-2IFPOX,
.clickable-28SzVr.selected-1-Z6gm .premiumIcon-2IFPOX {
color: var(--header-primary) !important;
}
#app-mount .elevationLow-26BbEG, #app-mount .elevationLow-3aiJPL, .lightElevationLow-1QzqDT, .darkElevationLow-2LO4eN {
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3);
}
#app-mount .elevationHigh-3KUiqj, #app-mount .elevationHigh-28Pty4, .lightElevationHigh-3gER0h, .darkElevationHigh-1BaD2i {
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
#app-mount .elevationBorderLow-3_3rXL, #app-mount .elevationBorderLow-2_BGCd, .lightElevationBorderLow-2Ysl3H, .darkElevationBorderLow-34oHrM {
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 1px 5px 0 rgba(var(--transparencycolor), .3);
}
#app-mount .elevationBorderHigh-3drnJX, #app-mount .elevationBorderHigh-1s5JCj, .lightElevationBorderHigh-3wutCI, .darkElevationBorderHigh-8ZYNYM {
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
#app-mount .breadcrumbWrapper-3rpYiO { /* breadcrumbs wrapper */
color: rgba(var(--textbrightest),.3);
}
#app-mount .activeBreadcrumb-2xVic0 { /* breadcrumbs active */
color: rgba(var(--textbrightest),.6);
}
/* ---- 15.1. TEXT ---- */
.description-1u9Qui {
color: var(--header-secondary);
}
#app-mount h1.title-338goq,
#app-mount h2.title-338goq {
color: var(--header-primary);
}
#app-mount h3.title-338goq {
color: var(--text-normal);
}
#app-mount h4.title-338goq,
#app-mount h5.title-338goq,
#app-mount h6.title-338goq {
color: var(--header-secondary);
}
#app-mount .text-27cdrj,
#app-mount .title-2CL_z0 {
color: var(--text-muted);
}
#app-mount .title-338goq {
color: var(--header-secondary);
}
#app-mount .markdown-19oyJN {
color: var(--text-normal);
}
#app-mount .markdown-19oyJN th {
background-color: var(--background-tertiary);
border-color: var(--interactive-muted);
color: var(--header-primary);
}
#app-mount .markdown-19oyJN td {
border-color: var(--interactive-muted);
}
#app-mount .markdown-19oyJN tr {
border-color: var(--interactive-muted);
color: var(--header-secondary);
}
#app-mount .markdown-19oyJN tr:nth-child(2n) {
background-color: var(--background-secondary);
}
#app-mount .markdown-19oyJN .blockquote-2mppuN {
border-left-color: var(--interactive-muted);
}
#app-mount .markdown-19oyJN code {
background-color: var(--background-secondary);
}
#app-mount .markdown-19oyJN .codeInline-1RFl81 {
color: var(--text-normal);
}
/* ---- 15.2. BUTTONS ---- */
.btn-115Sr0.btnPrimary-7AVO-X,
.lookFilled-1H2Jvj.hoverBrand-20zQAE.hasHover-3y7IPU:hover,
.lookFilled-1H2Jvj.hoverBrandNew-3CWLfn.hasHover-3y7IPU:hover,
.lookFilled-1H2Jvj.colorBrand-2M3O3N:not(.buttonColor-3bP3fX):not([style*="background-color"]),
.lookFilled-1H2Jvj.colorBrandNew-abZT3v:not(.buttonColor-3bP3fX):not([style*="background-color"]) {
text-shadow: 1px 1px var(--textshadow);
}
.lookFilled-1H2Jvj.hoverBrand-20zQAE.hasHover-3y7IPU:hover svg,
.lookFilled-1H2Jvj.hoverBrandNew-3CWLfn.hasHover-3y7IPU:hover svg,
.lookFilled-1H2Jvj.colorBrand-2M3O3N:not(.buttonColor-3bP3fX):not([style*="background-color"]) svg,
.lookFilled-1H2Jvj.colorBrandNew-abZT3v:not(.buttonColor-3bP3fX):not([style*="background-color"]) svg {
filter: drop-shadow(1px 1px var(--textshadow));
}
#app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz .spinnerItem-3Y5NsU {
background-color: rgb(var(--textdarkest));
}
#app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz .spinnerItem-3Y5NsU,
#app-mount .lookLink-13iF2K.colorPrimary-2-Lusz .spinnerItem-3Y5NsU {
background-color: rgb(var(--textdarkest));
}
#app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:hover,
#app-mount .lookFilled-1H2Jvj.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover {
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:active,
#app-mount .lookFilled-1H2Jvj.hoverPrimary-3dWXRY.hasHover-3y7IPU:active {
background-color: rgba(var(--transparencycolor), .6);
}
#app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz,
#app-mount .lookFilled-1H2Jvj.colorPrimary-2-Lusz:disabled {
background-color: rgba(var(--transparencycolor), .2);
color: #FFF;
}
#app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:hover,
#app-mount .lookInverted-2GrLaB.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover {
background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
#app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:active,
#app-mount .lookInverted-2GrLaB.hoverPrimary-3dWXRY.hasHover-3y7IPU:active {
background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
}
#app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz,
#app-mount .lookInverted-2GrLaB.colorPrimary-2-Lusz:disabled {
background-color: #FFF;
color: rgba(var(--textdarkest));
}
#app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:hover,
#app-mount .lookOutlined-3RTC7c.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover {
background-color: rgba(var(--textdarkest), .05);
border-color: rgba(var(--textdarkest), .6);
}
#app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:active,
#app-mount .lookOutlined-3RTC7c.hoverPrimary-3dWXRY.hasHover-3y7IPU:active {
background-color: rgba(var(--textdarkest), .1);
border-color: rgb(var(--textdarkest));
}
#app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz,
#app-mount .lookOutlined-3RTC7c.colorPrimary-2-Lusz:disabled {
border-color: rgba(var(--textdarkest), .1);
color: rgb(var(--textdarkest));
}
#app-mount .lookLink-13iF2K.colorPrimary-2-Lusz {
color: rgb(var(--textdarkest));
}
#app-mount .lookLink-13iF2K.colorPrimary-2-Lusz:hover .contents-3NembX,
#app-mount .lookLink-13iF2K.hoverPrimary-3dWXRY.hasHover-3y7IPU:hover .contents-3NembX {
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--textdarkest)) 0, rgb(var(--textdarkest)) 2px, transparent 0);
color: rgb(var(--textdarkest));
}
#app-mount .borderPrimary-1ygM7_ {
border-color: rgb(var(--textdarkest)) !important;
}
#app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU {
background-color: rgba(var(--textbrightest),.1);
}
#app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU,
#app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU,
#app-mount .lookLink-13iF2K.colorTransparent-2SBJ8- .spinnerItem-3Y5NsU {
background-color: rgb(var(--textbrightest));
}
#app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:hover,
#app-mount .lookFilled-1H2Jvj.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover {
background-color: rgba(var(--textbrightest),.05);
}
#app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:active,
#app-mount .lookFilled-1H2Jvj.hoverTransparent-2WkMPh.hasHover-3y7IPU:active {
background-color: rgba(var(--textbrightest),.01);
}
#app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-,
#app-mount .lookFilled-1H2Jvj.colorTransparent-2SBJ8-:disabled {
background-color: rgba(var(--textbrightest),.1);
color: rgb(var(--textbrightest));
}
#app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:hover,
#app-mount .lookInverted-2GrLaB.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover {
background-color: rgba(var(--textbrightest),.05);
}
#app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:active,
#app-mount .lookInverted-2GrLaB.hoverTransparent-2WkMPh.hasHover-3y7IPU:active {
background-color: rgba(var(--textbrightest),.1);
}
#app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-,
#app-mount .lookInverted-2GrLaB.colorTransparent-2SBJ8-:disabled {
background-color: rgb(var(--textbrightest));
color: rgba(var(--textbrightest),.1);
}
#app-mount .lookOutlined-3RTC7c.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover {
background-color: rgba(var(--textbrighter),.1);
border-color: rgb(var(--textbrightest));
}
#app-mount .lookOutlined-3RTC7c.hoverTransparent-2WkMPh.hasHover-3y7IPU:active {
background-color: rgba(var(--textbrightest),.1);
border-color: rgb(var(--textbrightest));
}
#app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-,
#app-mount .lookOutlined-3RTC7c.colorTransparent-2SBJ8-:disabled {
background-color: transparent;
color: rgb(var(--textbright));
}
#app-mount .lookLink-13iF2K.colorTransparent-2SBJ8- {
color: rgb(var(--textbright));
}
#app-mount .lookLink-13iF2K.colorTransparent-2SBJ8-:hover .contents-3NembX,
#app-mount .lookLink-13iF2K.hoverTransparent-2WkMPh.hasHover-3y7IPU:hover .contents-3NembX {
background-image: linear-gradient(0deg, transparent,transparent 1px,rgb(var(--textbrighter)) 0,rgb(var(--textbrighter)) 2px,transparent 0);
color: rgb(var(--textbright));
}
#app-mount .borderTransparent-2adzs- {
border-color: rgb(var(--textbrightest)) !important;
}
/* ---- 15.3. INPUTS ---- */
.input-3O04eu { /* valueinput bordered */
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
}
.input-3O04eu:hover:not(:focus) {
border-color: rgb(var(--transparencycolor));
}
.textInput-3g8y92 { /* textinput */
background-color: rgba(var(--transparencycolor), .1);
}
.textInput-3g8y92 .input-3O04eu {
background: transparent;
}
#app-mount .prefixInput-w72mM6 {
background-color: rgba(0,0,0,.1);
border-color: rgba(0,0,0,.3);
}
#app-mount .prefixInput-w72mM6:hover {
border-color: rgba(0,0,0,.6);
}
#app-mount .prefixInputInput-yS14_1 {
color: var(--header-primary);
}
#app-mount .prefixInputInput-yS14_1::-webkit-input-placeholder,
#app-mount .prefixInputInput-yS14_1::-moz-placeholder,
#app-mount .prefixInputInput-yS14_1:-ms-input-placeholder,
#app-mount .prefixInputInput-yS14_1::placeholder {
color: var(--text-muted);
}
#app-mount .prefixInputPrefix-20KCc9 {
color: var(--text-muted);
}
#app-mount .maxLength-IdVNmX {
color: var(--text-muted);
}
#app-mount .copyInput-3AbKWB {
background-color: var(--deprecated-text-input-bg);
}
#app-mount .copyInputDefault-3jiMHw {
border-color: var(--deprecated-text-input-border);
}
#app-mount .hiddenMessage-3QNvPt,
#app-mount .inputDefault-1AaKiD {
color: var(--header-primary);
}
#app-mount .hiddenMessage-3QNvPt::placeholder,
#app-mount .inputDefault-1AaKiD::placeholder {
color: rgba(var(--textbrightest),.3);
}
.container-1QtPKm { /* checkboxswitch */
background-color: rgba(var(--transparencycolor), .3) !important;
}
.container-1QtPKm rect[fill] {
fill: var(--header-primary) !important;
}
.container-1QtPKm path[fill] {
fill: rgb(var(--transparencycolor)) !important;
}
#app-mount .item-1TA5qI { /* radiogroup container */
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .item-1TA5qI:hover {
background-color: rgba(var(--transparencycolor), .4);
}
#app-mount .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD {
background: rgb(var(--accentcolor));
}
#app-mount .item-1TA5qI[aria-checked=true] .radioBar-1XgZqD .radioIconForeground-3wH3aU {
color: var(--header-primary);
}
#app-mount .item-1TA5qI .radioBar-1XgZqD[style*="--radio-bar-accent-color"] {
background: var(--radio-bar-accent-color);
border: unset;
color: var(--header-primary);
}
#app-mount .item-1TA5qI[aria-checked=false]:hover .radioBar-1XgZqD[style*="--radio-bar-accent-color"] {
background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, .2), rgba(255, 255, 255, .2));
}
#app-mount .checkboxContainer-1NbL2v::before { /* checkbox container */
background-color: rgba(var(--textdarker), .3);
}
#app-mount .checkboxMute-1erNeD::before {
background-color: rgba(var(--transparencycolor), .2);
}
#app-mount .checkbox-1LuCGM { /* checkbox inner */
border-color: rgb(var(--textdark));
}
#app-mount .checkbox-1LuCGM.checked-22NTbO { /* checkbox checked */
background-color: rgb(var(--textbrightest));
border-color: rgb(var(--textbrightest));
}
#app-mount .checkbox-1LuCGM.checked-22NTbO.round-2IkBht { /* checkbox roundchecked */
background-color: rgb(var(--accentcolor)) !important;
border-color: rgb(var(--accentcolor)) !important;
}
#app-mount .checkbox-1LuCGM.checked-22NTbO.round-2IkBht svg {
filter: drop-shadow(1px 1px var(--textshadow));
}
#app-mount .checkbox-1LuCGM.checked-22NTbO.round-2IkBht path[fill] {
fill: #fff;
}
#app-mount .bar-2H7Q9u { /* slider backgroundbar */
background-color: rgba(var(--transparencycolor), .3);
}
.grabber-3R-Rx9 { /* 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);
}
#app-mount .markValue-21gAVC { /* slider markvalue */
color: var(--text-muted);
}
#app-mount .defaultValue-1-QxQ0 .markValue-21gAVC {
color: #43b581;
}
#app-mount .markDash-1ATsxA {
background: transparent;
color: rgba(var(--transparencycolor), .3);
}
#app-mount .defaultValue-1-QxQ0 .markDash-1ATsxA {
color: #43b581;
}
#app-mount .markDash-1ATsxA::before,
#app-mount .markDash-1ATsxA::after {
content: "";
position: absolute;
background: currentColor;
height: 8px;
width: 2px;
}
#app-mount .markDash-1ATsxA::before {
top: 14px;
}
#app-mount .markDash-1ATsxA::after {
top: 30px;
}
#app-mount .bubble-3we2di { /* slider bubble */
background-color: rgb(var(--accentcolor));
color: #fff;
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .bubble-3we2di::before {
border-top-color: rgb(var(--accentcolor));
}
#app-mount .container-30qY7E { /* hotkeyinput container */
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
}
#app-mount .editIcon-e7sZ3b { /* hotkeyinput editicon */
-webkit-mask: url(https://discord.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg) center/cover no-repeat;
background: var(--header-primary);
}
#app-mount .container-1_EVMa .button-ZJ9ZzX {
background-color: rgba(var(--transparencycolor),.3) !important;
color: var(--header-primary) !important;
}
#app-mount .container-1_EVMa.recording-3ny5_E .button-ZJ9ZzX {
background-color: rgba(var(--dangercolor),.1) !important;
color: rgb(var(--dangercolor)) !important;
}
.select-1YfRS9 [class*="css-"][class*="-container"] { /* select container */
background-color: transparent;
}
.lookFilled-Zz0IcO.select-Zz0IcO,
.select-1YfRS9 [class*="css-"][class*="-control"] {
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
color: var(--text-normal);
}
.lookFilled-Zz0IcO.select-Zz0IcO:hover {
border-color: rgb(var(--transparencycolor));
}
.lookFilled-Zz0IcO.select-Zz0IcO:hover.open-1FRZsK,
.lookFilled-Zz0IcO.open-1FRZsK {
border-color: rgb(var(--transparencycolor)) rgb(var(--transparencycolor)) rgba(var(--transparencycolor), .3);
}
.lookFilled-Zz0IcO.select-Zz0IcO .searchInput-3pIoTy {
background: transparent;
}
.select-1YfRS9 [class*="css-"][class*="-control"]:hover,
.select-1YfRS9 [class*="css-"][class*="-control"]:not(:last-child) {
border-color: var(--deprecated-text-input-border-hover);
}
.select-1YfRS9.languageSelector-1hjSyO [class*="css-"][class*="-control"] {
background-color: rgba(var(--transparencycolor), .3);
}
.select-1YfRS9 [class*="css-"][class*="-singleValue"],
.select-1YfRS9 [class*="css-"][class*="-placeholder"],
.select-1YfRS9 [class*="css-"][class*="-indicatorContainer"] {
color: var(--text-normal);
}
.option-Uc12mm,
#app-mount .optionNormal-12VR9V,
.css-1gfjib6-option,
.css-1yz4bi9-option,
.css-ru8b0x-option,
.css-1yz4bi9-option {
background-color: rgba(var(--transparencycolor), .1);
color: var(--interactive-normal);
}
.option-Uc12mm:hover,
#app-mount .optionNormal-12VR9V:hover,
.css-pkcurw-option,
.css-rzbxvl-option,
.css-1qxn4c5-option,
.css-rzbxvl-option {
background-color: rgba(var(--transparencycolor), .3);
color: var(--interactive-hover);
}
.option-Uc12mm[aria-selected=true]:not(.option-Uc12mm.multi-2vPqc4),
#app-mount .optionActive-KkAdqq,
.css-1gxgi19-option,
.css-1ba14n5-option,
.css-6qzljd-option,
.css-1ba14n5-option {
background-color: rgba(var(--transparencycolor), .5);
color: var(--interactive-active);
}
.role-3ulsK-:hover {
background-color: rgba(var(--transparencycolor), .2);
}
.popout-15UxD6::-webkit-scrollbar {
display: none;
}
.popout-15UxD6,
.container-3LUQwT,
.select-1YfRS9 > [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);
overflow: hidden;
}
.popout-15UxD6.scrollerBase-1Pkza4 > .option-Uc12mm {
position: relative;
}
.popout-15UxD6::before,
.popout-15UxD6.scrollerBase-1Pkza4 > .option-Uc12mm::before,
.popout-15UxD6.scrollerBase-1Pkza4 .content-2a4AW9::before,
.container-3LUQwT::before,
.select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before,
.popout-15UxD6::after,
.popout-15UxD6.scrollerBase-1Pkza4 > .option-Uc12mm::after,
.popout-15UxD6.scrollerBase-1Pkza4 .content-2a4AW9::after,
.container-3LUQwT::after,
.select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.popout-15UxD6::before,
.popout-15UxD6.scrollerBase-1Pkza4 > .option-Uc12mm::before,
.popout-15UxD6.scrollerBase-1Pkza4 .content-2a4AW9::before,
.container-3LUQwT::before,
.select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.popout-15UxD6::after,
.popout-15UxD6.scrollerBase-1Pkza4 > .option-Uc12mm::after,
.popout-15UxD6.scrollerBase-1Pkza4 .content-2a4AW9::after,
.container-3LUQwT::after,
.select-1YfRS9 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
.popout-15UxD6.scrollerBase-1Pkza4::before,
.popout-15UxD6.scrollerBase-1Pkza4::after {
display: none;
}
/* ---- 15.4. SEARCHBARS ---- */
.container-1SX9VC, /* searchbar inner */
.container-2oNtJn {
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .searchBox-pyIJJj .searchBoxInput-P0mWHW::placeholder {
color: var(--text-muted);
}
#app-mount .searchIcon-34RNw9 {
color: var(--text-muted);
}
#app-mount .filterLabel-3-eQ3i {
color: var(--header-secondary);
}
#app-mount .searchBox-pyIJJj {
background-color: rgba(var(--transparencycolor), .3);
box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor), .2);
}
/* ---- 15.5. TAGS ---- */
.botTagRegular-kpctgU:not([style]) { /* bottag regular */
text-shadow: 1px 1px var(--textshadow);
}
.botTagRegular-kpctgU:not([style]) svg {
filter: drop-shadow(1px 1px var(--textshadow));
}
.base-3IDx3L[style*="var(--bdfdb-blurple)"], /* numberbadge */
.base-3IDx3L[style*="background-color: rgb(88, 101, 242)"],
.base-3IDx3L[style*="background-color: rgb(114, 137, 218)"] {
text-shadow: 1px 1px var(--textshadow);
}
.iconBadge-2wi9r4 { /* iconbadge */
background-color: rgba(var(--transparencycolor), .3);
}
/* ---- 15.6. ICONS ---- */
.emptySearchImage-1qOMLW, /* empty search */
.image-20MDYu { /* no peoples/webhooks/etc. */
opacity: 0.6;
}
#app-mount .gameIcon-1mDo1J { /* activity icon */
background-color: rgba(var(--textbrightest), .1);
color: var(--header-primary);
}
#app-mount .invalidPoop--w1123 { /* erroricon invalidpoop */
background-color: rgba(var(--transparencycolor), .3);
opacity: 0.7;
}
#app-mount .guildIconExpired-2BFmZC { /* erroricon expiredguild */
background-color: rgba(var(--transparencycolor), .3);
opacity: 0.7;
}
/* ---- 15.7. SCROLLBARS ---- */
::-webkit-scrollbar,
#app-mount ::-webkit-scrollbar {
width: 8px;
height: 8px;
}
#app-mount .scroller-3vODG7::-webkit-scrollbar {
width: 6px;
height: 6px;
}
#app-mount .scroller-Pcwd3e::-webkit-scrollbar,
#app-mount .scrollbar-3vVt8d::-webkit-scrollbar,
#app-mount .scroller-2PSBSf::-webkit-scrollbar {
width: 4px;
height: 4px;
}
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece,
#app-mount ::-webkit-scrollbar,
#app-mount ::-webkit-scrollbar-track,
#app-mount ::-webkit-scrollbar-track-piece {
border-color: transparent !important;
background: transparent !important;
}
::-webkit-scrollbar-thumb,
#app-mount ::-webkit-scrollbar-thumb {
border-radius: 10px;
border: none;
background-color: rgb(var(--accentcolor)) !important;
}
.none-1rXy4P::-webkit-scrollbar-corner,
.none-1rXy4P::-webkit-scrollbar-thumb,
.none-1rXy4P::-webkit-scrollbar-track,
.none-1rXy4P::-webkit-scrollbar {
display: none;
}
/* ---- 15.8. NOTIFICATIONBAR ---- */
.base-2jDfDU .notice-2HEN-u powercord-announcement {
border-radius: 0;
}
#app-mount .notice-2FJMB4 {
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor), .3);
}
#app-mount .notice-12Koq- {
background-color: rgba(var(--transparencycolor), .6);
}
.noticeBrand-3nQBC_ {
text-shadow: 1px 1px var(--textshadow);
}
.noticeBrand-3nQBC_ .button-1MICoQ {
box-shadow: 1px 1px var(--textshadow);
text-shadow: 1px 1px var(--textshadow);
}
/* ---- 15.9. TOOLTIPS ---- */
.headerText-1e7ZU0,
.bodyText-3yi6Dj {
color: #fff;
}
#app-mount .tooltip-16UpTB,
#app-mount .tooltip-1_vJJI,
#app-mount .tooltip-14MtrL {
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor), .3);
color: #fff;
}
#app-mount .tooltipPointer-1KkjI2,
#app-mount .tooltipPointer-1awMxk {
border-right-color: rgb(var(--accentcolor));
}
#app-mount .guildNameText-74xXQn {
color: #fff;
}
#app-mount .muteText-1DPH3L {
color: #bbb;
}
#app-mount .tooltip-16UpTB,
#app-mount .tooltip-1_vJJI,
#app-mount .tooltipPrimary-2466a2,
#app-mount .tooltipGrey-1nKbfD,
#app-mount .tooltipBlack-3X399X {
background-color: rgb(var(--accentcolor));
color: #fff;
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .tooltipPrimary-2466a2 .note-e4Jh6_,
#app-mount .tooltipGrey-1nKbfD .note-e4Jh6_,
#app-mount .tooltipBlack-3X399X .note-e4Jh6_ {
color: #bbb;
}
#app-mount .tooltipPrimary-2466a2 a,
#app-mount .tooltipGrey-1nKbfD a,
#app-mount .tooltipBlack-3X399X a {
filter: brightness(50%);
}
#app-mount .tooltipPrimary-2466a2 .tooltipPointer-sMBQqe,
#app-mount .tooltipGrey-1nKbfD .tooltipPointer-sMBQqe,
#app-mount .tooltipBlack-3X399X .tooltipPointer-sMBQqe {
border-top-color: rgb(var(--accentcolor));
}
.emptyUser-2FDCJv {
background: rgba(var(--transparencycolor), .5);
}
.moreUsers-_v6T-L {
background: rgba(var(--transparencycolor), .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);
color: #fff;
text-shadow: 1px 1px var(--textshadow);
}
html .bd-toast.icon {
background-image: none !important;
}
html .bd-toast.icon::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff !important;
-webkit-mask: url('data:image/svg+xml; utf8, ') center/cover no-repeat;
}
html .bd-toast.toast-danger.icon::before,
html .bd-toast.toast-error.icon::before {
-webkit-mask: url('data:image/svg+xml; utf8, ') 6px 50%/20px 20px no-repeat;
}
html .bd-toast.toast-info.icon::before {
-webkit-mask: url('data:image/svg+xml; utf8, ') 6px 50%/20px 20px no-repeat;
}
html .bd-toast.toast-success.icon::before {
-webkit-mask: url('data:image/svg+xml; utf8, ') 6px 50%/20px 20px no-repeat;
}
html .bd-toast.toast-warning.icon::before,
html .bd-toast.toast-warn.icon::before {
-webkit-mask: url('data:image/svg+xml; utf8, ') 6px 50%/20px 20px no-repeat;
}
#app-mount .fav {
background: var(--interactive-active);
width: 16px;
height: 16px;
padding: 0;
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star_empty.svg) center/contain no-repeat;
}
#app-mount .fav:hover,
#app-mount .fav.active {
background: #faa61a;
}
#app-mount .fav.active {
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/fav_star.svg) center/contain no-repeat;
}
#app-mount .bd-tab-item:hover {
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .bd-tab-item.selected {
background-color: rgb(var(--accentcolor));
color: #fff;
text-shadow: 1px 1px var(--textshadow);
}
#app-mount .bd-server-card { /* pubslayer guildcard */
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .bd-server-icon { /* pubslayer guildicon */
background-color: rgba(var(--transparencycolor), .2);
border-color: transparent;
}
#app-mount .bd-server-card:hover,
#app-mount .bd-server-icon:hover {
background-color: rgba(var(--transparencycolor), .4);
}
.bd-switch-body { /* bd switch */
--switch-color: rgb(var(--transparencycolor));
background-color: rgba(var(--transparencycolor), .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-sizing: border-box;
padding: 6px 8px;
margin-left: -9px;
}
.bd-select .bd-select-options::before,
.bd-select .bd-select-options::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 4px;
pointer-events: none;
z-index: -1;
}
.bd-select .bd-select-options::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.bd-select .bd-select-options::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.3));
backdrop-filter: blur(var(--popoutblur));
}
.bd-select .bd-select-option { /* bd select popout option */
display: flex;
align-items: center;
min-height: 32px;
border-radius: 2px;
box-sizing: border-box;
color: var(--interactive-normal);
font-size: 14px;
font-weight: 500;
line-height: 18px;
margin-top: 2px;
margin-bottom: 2px;
padding: 0 8px;
}
.bd-select .bd-select-option:hover {
background-color: rgba(var(--transparencycolor), .2);
color: var(--interactive-hover);
}
.bd-select .bd-select-option.selected {
background-color: rgba(var(--transparencycolor), .3);
color: var(--interactive-active);
}
.bd-pfbtn { /* addonlist folder button */
text-shadow: 1px 1px var(--textshadow);
}
.bd-server-tag { /* addonlist public list tag */
text-shadow: 1px 1px var(--textshadow);
}
.bd-error-modal-content {
padding: 0 10px 16px 10px;
}
#app-mount .bd-addon-error {
background-color: rgba(var(--transparencycolor), 0.2);
border-color: rgba(var(--transparencycolor), 0.2);
}
#app-mount .bd-addon-error.expanded,
#app-mount .bd-addon-error:hover {
background-color: rgba(var(--transparencycolor), 0.3);
}
.bd-addon-views .bd-view-button:hover {
background-color: rgba(var(--transparencycolor), .3);
}
.bd-button {
filter: drop-shadow(1px 1px var(--textshadow));
}
.bd-button.bd-button-danger {
filter: unset;
}
.floating-window.resizable { /* customcss editor detached */
background: rgb(var(--transparencycolor));
}
html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
background: rgb(var(--accentcolor));
}
/* ~~~~ 17. POWERCORDSUPPORT ~~~~ */
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);
overflow: hidden;
}
html .powercord-toast::before,
html .powercord-toast::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
html .powercord-toast::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
html .powercord-toast::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
html .powercord-toast .header {
background-color: rgba(var(--transparencycolor), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .2);
color: var(--header-primary);
}
html .powercord-toast .contents .inner {
background-color: rgba(var(--transparencycolor), .2);
border: none;
color: var(--header-secondary);
}
/* ~~~~ 18. PLUGINSUPPORT ~~~~ */
/* ---- 18.1. BDFDB ---- */
html .colorDefault-XdNdIp .bg-8df5St {
background: transparent;
opacity: 1;
}
html .colorDefault-XdNdIp .bg-8df5St::before,
html .colorDefault-XdNdIp .bg-8df5St::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
html .colorDefault-XdNdIp .bg-8df5St::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
html .colorDefault-XdNdIp .bg-8df5St::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.25));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 18.2. DATEVIEWER ---- */
#app-mount #dv-mount {
background: transparent;
z-index: 1;
}
#app-mount #dv-mount::before,
#app-mount #dv-mount::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
#app-mount #dv-mount::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
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));
}
#app-mount #dv-main {
border-top-color: rgba(var(--transparencycolor), .2);
color: var(--header-primary);
}
#app-mount #dv-main .dv-date {
color: var(--header-secondary);
opacity: 1;
}
/* ---- 18.3. MEMBERCOUNT ---- */
#app-mount #MemberCount {
background-color: transparent;
width: calc(100% - 8px);
margin: 0;
line-height: 0;
height: 30px;
}
#MemberCount::before,
#MemberCount::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
#MemberCount::before {
background: var(--background) var(--backgroundposition)/var(--backgroundsize);
background-attachment: fixed;
}
#MemberCount::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + var(--memberlisttransparency) * 0.85));
backdrop-filter: blur(var(--backgroundblur));
}
/* ---- 18.4. LINENUMBERS ---- */
.hljs ol li {
border-left-color: var(--background-modifier-accent);
}
.hljs ol li::before {
color: rgb(var(--textdarker));
}
/* ---- 18.5. PERMISSIONVIEWER ---- */
html #permissions-modal-wrapper { /* modal wrapper */
z-index: 1001;
}
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);
position: relative;
overflow: hidden;
}
html #permissions-modal-wrapper #permissions-modal::before,
html #permissions-modal-wrapper #permissions-modal::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
html #permissions-modal-wrapper #permissions-modal::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
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));
}
html #permissions-modal-wrapper .header {
background-color: rgba(var(--transparencycolor), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor), .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);
}
html #permissions-modal-wrapper .role-side {
background-color: rgba(var(--transparencycolor), .1);
}
html #permissions-modal-wrapper .role-item {
color: var(--text-normal);
}
html #permissions-modal-wrapper .role-item:hover {
background-color: rgba(var(--transparencycolor), .1);
}
html #permissions-modal-wrapper .role-item.selected {
background-color: rgba(var(--transparencycolor), .2);
}
html #permissions-modal-wrapper .perm-side {
background-color: transparent;
}
html #permissions-modal-wrapper .perm-item {
box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
}
html #permissions-modal-wrapper .perm-name {
color: var(--header-secondary);
}
/* ---- 18.6. DIRECTDOWNLOAD ---- */
#files_directDownload .file {
background-color: rgba(var(--transparencycolor), .4);
border-color: rgba(var(--accentcolor), .2);
border-radius: 6px 6px 0 0;
}
#files_directDownload .file svg {
fill: var(--interactive-active);
opacity: 0.5;
}
#files_directDownload .file svg:hover {
opacity: 1;
}
#files_directDownload .file span {
color: var(--header-primary);
}
#files_directDownload .file .progress-bar {
background-color: rgb(var(--accentcolor));
}
/* ---- 18.7. BETTERFORMATINGREDUX ---- */
.innerDisabled-2mc-iF ~ .bf-toolbar {
display: none;
}
.bf-arrow {
-webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat;
background: var(--interactive-active) !important;
}
.bf-toolbar {
background: transparent;
overflow: hidden;
transform: none;
top: -50px;
}
.bf-toolbar::after {
content: "";
display: block;
position: absolute;
width: 100%;
height: calc(100% - 15px);
pointer-events: none;
left: 0px;
top: 5px;
background-color: rgba(var(--transparencycolor), .5);
border-radius: 3px;
transform: translate(0, 55px);
transition: all 200ms ease;
z-index: 200;
}
.bf-toolbar.bf-visible::after,
.bf-toolbar.bf-hover:hover::after {
transform: translate(0, 0);
transition: all 200ms cubic-bezier(0,0,0,1);
}
.bf-toolbar::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
filter: blur(var(--popoutblur));
z-index: 100;
}
.theme-brand .bf-toolbar::after {
background: rgb(var(--accentcolor)) linear-gradient(rgba(var(--transparencycolor), .2), rgba(var(--transparencycolor), .2)) !important;
}
.theme-brand .bf-toolbar::before {
display: none;
}
.bf-toolbar > * {
z-index: 300;
}
.bf-toolbar .format {
color: var(--text-normal);
}
.bf-toolbar .format:hover {
background-color: rgb(var(--accentcolor));
color: #fff;
}
/* ---- 18.8 CHANNELHISTORY ---- */
.channelHistoryButtons {
top: 4px;
left: 310px;
}
/* ---- 18.9 CHANNELTABS ---- */
html #channelTabs-container {
background: rgba(var(--transparencycolor), calc(var(--guildchanneltransparency) * 2));
}
html #channelTabs-settingsMenu,
html .channelTabs-tabNav > div,
html .channelTabs-tab,
html .channelTabs-fav {
cursor: pointer;
}
html .channelTabs-tab:not(.channelTabs-selected):hover,
html .channelTabs-fav:hover {
background: rgba(var(--transparencycolor), 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));
}
html #channelTabs-settingsMenu:hover [fill]:not([fill="none"]),
html .channelTabs-tabContainer .channelTabs-tabNav > div:hover [fill]:not([fill="none"]),
html .channelTabs-tabContainer .channelTabs-newTab:hover [fill]:not([fill="none"]) {
fill: var(--header-primary);
}
html .channelTabs-tabContainer .channelTabs-tabNav > .channelTabs-tabNavClose:hover {
background: rgb(var(--dangercolor));
}
/* ---- 18.10 TYPINGINDICATOR ---- */
html .typingindicator-guild,
html .typingindicator-dms,
html .typingindicator-folder {
background: rgb(var(--transparencycolor), .2);
border: 4px solid rgb(var(--transparencycolor), .2);
box-shadow: unset;
right: 8px;
bottom: -5px;
padding: 2px 0;
}
/* ---- 18.11 BADGESEVERYWHERE ---- */
.inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) {
background: #fff;
}
.badgesChat-f_cbR8 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4),
.badgesList-Aw_p52 .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4),
.badgesSettings-ychoGn .inner-dA0J42:not(.colored-1armap) .badge-7CsdQq:not(.indicator-cY1-b4) {
background: var(--header-secondary);
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeStaff-3BXdTO {
-webkit-mask: url(https://discord.com/assets/7cfd90c8062139e4804a1fa59f564731.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgePartner-j6Lwhr {
-webkit-mask: url(https://discord.com/assets/a0e288a458c48dfcf548dadc277e42e6.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypesquad-12E2P6 {
-webkit-mask: url(https://discord.com/assets/3a050fcc884255231b99b7033c776070.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1-3rBtjf {
-webkit-mask: url(https://discord.com/assets/1115767aed344e96a27a12e97718c171.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2-2oU04B {
-webkit-mask: url(https://discord.com/assets/d3478c6bd5cee0fc600e55935ddc81aa.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3-1DoJkv {
-webkit-mask: url(https://discord.com/assets/2a085ed9c86f3613935a6a8667ba8b89.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse1Winner-3wCl80 {
-webkit-mask: url(https://discord.com/assets/75f75c3142b8d44ea7052c2bcb9a9043.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse2Winner-AS5bXe {
-webkit-mask: url(https://discord.com/assets/d4a8fe68fc5f40c8a778f858881a7b84.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeHypeSquadOnlineHouse3Winner-2CwwQi {
-webkit-mask: url(https://discord.com/assets/5dc48a7859a00e7d95ad8382156aab84.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeEarlySupporter-2ng_jL {
-webkit-mask: url(https://discord.com/assets/ce15562552e3d70c56d5408cfeed2ffd.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgePremium-1KDZYC {
-webkit-mask: url(https://discord.com/assets/379d2b3171722ef8be494231234da5d1.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeVerifiedDeveloper-195KfD {
-webkit-mask: url(https://discord.com/assets/785d81fdbedd133e213da693aba98774.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel1-dbEzVz {
-webkit-mask: url(https://discord.com/assets/df26f079738a4dcd07cbce6eb3c957f1.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileBadgeBugHunterLevel2-3TUciC {
-webkit-mask: url(https://discord.com/assets/16def052b03d75dac0ed9234c5d6a880.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl1-3oI9tx {
-webkit-mask: url(https://discord.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl2-r6nJHT {
-webkit-mask: url(https://discord.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl3-38s3Dj {
-webkit-mask: url(https://discord.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl4-2NXrsI {
-webkit-mask: url(https://discord.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl5-3XIa2K {
-webkit-mask: url(https://discord.com/assets/a99def5f819c077e5e5061cab741b7e6.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl6-3e3sxW {
-webkit-mask: url(https://discord.com/assets/2cfb317f3db3963d8ded9a97ee967bac.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl7-1dVhQT {
-webkit-mask: url(https://discord.com/assets/278736f579d810b11ddf308cb598b19e.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl8-1kXdFr {
-webkit-mask: url(https://discord.com/assets/38e40f25802a0fdf480d9b855a37a2f3.svg) center/contain no-repeat;
}
.inner-dA0J42:not(.colored-1armap) .profileGuildSubscriberlvl9-1d6zav {
-webkit-mask: url(https://discord.com/assets/cfbc2d8ceacfacf07850f986c8165195.svg) center/contain no-repeat;
}
/* ---- 18.12 CHANNELDMS ---- */
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
background-color: rgba(var(--transparencycolor), var(--memberlisttransparency));
}
/* ~~~~ 19. UPDATENOTICE ~~~~ */
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg::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;
color: var(--header-primary) !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
height: 36px !important;
line-height: 36px !important;
opacity: 1 !important;
padding-left: 4px !important;
padding-right: 28px !important;
position: relative !important;
text-align: center !important;
visibility: unset !important;
white-space: pre !important;
top: 0 !important;
left: 0 !important;
bottom: unset !important;
right: unset !important;
max-width: unset !important;
min-width: unset !important;
max-height: unset !important;
min-height: unset !important;
transform: unset !important;
animation: unset !important;
z-index: 101 !important;
pointer-events: none !important;
}
/* ~~~~ 20. WATERMARK ~~~~ */
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB {
display: block !important;
position: absolute !important;
max-width: unset !important;
min-width: unset !important;
width: 55px !important;
max-height: unset !important;
min-height: unset !important;
height: 16px !important;
margin: 0 !important;
padding: 3px 9px 3px !important;
top: 0 !important;
left: 0 !important;
bottom: unset !important;
right: unset !important;
opacity: 1 !important;
visibility: visible !important;
transform: unset !important;
animation: unset !important;
}
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB[style*="display: none"] {
display: none !important;
}
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB > * {
display: none !important;
}
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::before {
content: "" !important;
background: rgb(125,125,125) !important;
-webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important;
width: 55px !important;
height: 19px !important;
display: inline !important;
position: absolute !important;
top: unset !important;
left: unset !important;
bottom: unset !important;
right: unset !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
visibility: visible !important;
transform: unset !important;
animation: unset !important;
}
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr > div.wordmark-2u86JB::after {
content: "" !important;
background: rgb(125,125,125) !important;
-webkit-mask: url('data:image/svg+xml; utf8, ') center/contain no-repeat !important;
width: 242px !important;
height: 19px !important;
display: inline !important;
position: absolute !important;
top: unset !important;
left: 64px !important;
bottom: unset !important;
right: unset !important;
opacity: 0.1 !important;
padding: 0 !important;
margin: 0 !important;
visibility: visible !important;
transform: unset !important;
animation: unset !important;
transition: opacity .15s ease !important;
}
html:only-child > head + body div.typeWindows-2-g3UY.titleBar-1it3bQ.horizontalReverse-2QssvL.flex-3BkGQD.directionRowReverse-HZatnx.justifyStart-2Mwniq.alignStretch-Uwowzr:hover > div.wordmark-2u86JB::after {
opacity: 1 !important;
}
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j::after {
content: url('data:image/svg+xml; utf8, ') !important;
display: inline !important;
position: absolute !important;
left: unset !important;
bottom: 7px !important;
top: unset !important;
right: 15px !important;
opacity: 0.3 !important;
padding: 0 !important;
margin: 0 !important;
visibility: visible !important;
transform: unset !important;
animation: unset !important;
pointer-events: none !important;
z-index: -1 !important;
}
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb {
position: relative !important;
}
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb::after {
content: "BasicBackground by" !important;
font-size: 12px !important;
color: var(--text-muted) !important;
cursor: pointer !important;
display: inline !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
cursor: text !important;
visibility: visible !important;
position: relative !important;
top: unset !important;
left: unset !important;
bottom: unset !important;
right: unset !important;
transform: unset !important;
animation: unset !important;
}
html:only-child > head + body div.app-3xd6d0 > div.app-2CXKsg > div.layers-OrUESM.layers-1YQhyW > div.layer-86YKbF.baseLayer-W6S8cY + div.layer-86YKbF > div.standardSidebarView-E9Pc3j > div.sidebarRegion-1VBisG > div.sidebarRegionScroller-FXiQOh.thin-RnSY0a.scrollerBase-1Pkza4.fade-27X6bG > nav.sidebar-nqHbhN > div.side-1lrxIh > div.info-3pQQBb::before {
content: "DevilBro" !important;
font-size: 12px !important;
font-weight: 600 !important;
color: rgb(var(--accentcolor)) !important;
display: inline !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
visibility: visible !important;
position: absolute !important;
top: unset !important;
left: 117px !important;
bottom: 8px !important;
right: unset !important;
transform: unset !important;
animation: unset !important;
}