@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;
--guildchanneltransparency: 0.15;
--chatinputtransparency: 0.0;
--memberlisttransparency: 0.0;
--accentcolor: 190,78,180;
--font: "gg sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
--textshadow: transparent;
--settingsicons: 1;
--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;
--transparencycolor_v: var(--transparencycolor_s, var(--transparencycolor));
--transparencyalpha_v: var(--transparencyalpha_s, var(--transparencyalpha));
--messagetransparency_v: var(--messagetransparency_s, var(--messagetransparency));
--guildchanneltransparency_v: var(--guildchanneltransparency_s, var(--guildchanneltransparency));
--chatinputtransparency_v: var(--chatinputtransparency_s, var(--chatinputtransparency));
--memberlisttransparency_v: var(--memberlisttransparency_s, var(--memberlisttransparency));
--accentcolor_v: var(--accentcolor_s, var(--accentcolor));
--font_v: var(--font_s, var(--font));
--textshadow_v: var(--textshadow_s, var(--textshadow));
--settingsicons_v: var(--settingsicons_s, var(--settingsicons));
--background_v: var(--background_s, var(--background));
--backgroundposition_v: var(--backgroundposition_s, var(--backgroundposition));
--backgroundsize_v: var(--backgroundsize_s, var(--backgroundsize));
--backgroundblur_v: var(--backgroundblur_s, var(--backgroundblur));
--popout_v: var(--popout_s, var(--popout));
--popoutposition_v: var(--popoutposition_s, var(--popoutposition));
--popoutsize_v: var(--popoutsize_s, var(--popoutsize));
--popoutblur_v: var(--popoutblur_s, var(--popoutblur));
--backdrop_v: var(--backdrop_s, var(--backdrop));
--backdropposition_v: var(--backdropposition_s, var(--backdropposition));
--backdropsize_v: var(--backdropsize_s, var(--backdropsize));
--backdropblur_v: var(--backdropblur_s, var(--backdropblur));
--textbrightest_v: var(--textbrightest_s, var(--textbrightest));
--textbrighter_v: var(--textbrighter_s, var(--textbrighter));
--textbright_v: var(--textbright_s, var(--textbright));
--textdark_v: var(--textdark_s, var(--textdark));
--textdarker_v: var(--textdarker_s, var(--textdarker));
--textdarkest_v: var(--textdarkest_s, var(--textdarkest));
--usechatbubbles: calc(var(--messagetransparency_v) / (var(--messagetransparency_v) + 0.00000000000000000000001));
--accentcolor2: var(--accentcolor_v);
--mentioncolor: var(--accentcolor_v);
--linkcolor: var(--accentcolor_v);
--successcolor: 59,165,92;
--warningcolor: 250,166,26;
--dangercolor: 237,66,69;
}
.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_v));
--header-secondary: rgb(var(--textbright_v));
--text-normal: rgb(var(--textbrighter_v));
--text-muted: rgb(var(--textdarker_v));
--channels-default: rgb(var(--textdark_v));
--channel-icon: rgb(var(--textdark_v));
--interactive-normal: rgb(var(--textbright_v));
--interactive-hover: rgb(var(--textbrighter_v));
--interactive-active: rgb(var(--textbrightest_v));
--interactive-muted: rgb(var(--textdarkest_v));
--logo-primary: rgb(var(--textbrightest_v));
--modal-background: rgba(var(--transparencycolor_v), .2);
--modal-footer-background: rgba(var(--transparencycolor_v), .2);
--home-background: transparent;
--background-accent: rgba(var(--transparencycolor_v), .1);
--background-primary: rgba(var(--transparencycolor_v), .2);
--background-secondary: rgba(var(--transparencycolor_v), .3);
--background-secondary-alt: rgba(var(--transparencycolor_v), .35);
--background-tertiary: rgba(var(--transparencycolor_v), .4);
--background-floating: rgba(var(--transparencycolor_v), .5);
--background-mobile-primary: rgba(var(--transparencycolor_v), .2);
--background-mobile-secondary: rgba(var(--transparencycolor_v), .3);
--background-modifier-accent: rgba(var(--textbrightest_v),.1);
--background-message-automod: rgba(var(--dangercolor),.05);
--background-message-automod-hover: rgba(var(--dangercolor),.1);
--channeltextarea-background: rgba(var(--transparencycolor_v), .3);
--input-background: rgba(var(--transparencycolor_v), .1);
--elevation-low: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
--elevation-high: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
--font-primary: var(--font_v) !important;
--font-display: var(--font_v) !important;
}
html {
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. UPLOADMODAL
4. KEYBOARDSHORTCUTSMODAL
5. QUICKSWITCHER
6. INVITEMODAL/GROUPCREATE
7. LOGINSCREEN
8. DOWNLOADAPPMODAL
9. GUILDBOOSTMODAL
10. REACTIONSMODAL
11. GUILDWELCOMEMODAL
12. GUILDRULESMODAL
13. GUILDFEEDBACKMODAL
14. SCREENSHAREMODAL
15. PHONEVERIFICATIONMODAL
16. NOTIFICATIONSMODAL
17. PODIUMSTARTMODAL
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. IMAGES
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. CHANNELDMS
19. UPDATENOTICE
20. WATERMARK
*/
/* ~~~~ 1. TRANSPARENCY ~~~~ */
body, /* body */
#app-mount .app_b1f720, /* app container */
#app-mount .app_de4237, /* app inner */
#app-mount .loading__30066, /* app i18n loading */
#app-mount .wrapper__246a1, /* app errorscreen */
#app-mount .bg__12180, /* app background */
#app-mount .layer__2efaa, /* layer container */
#app-mount .container_b2ce9c, /* layer container */
#app-mount .container__590e2, /* channels inner */
#app-mount .privateChannels__93473, /* dmchannels */
#app-mount .directoryContainer_d3edd9, /* server app directory */
#app-mount .panels__58331 > *, /* account/voice inner */
#app-mount .chat__52833, /* chat container */
#app-mount .chatContent__5dca8, /* chat channel */
#app-mount .container_b181b6, /* chat forums */
#app-mount .container__10dc7, /* chat search */
#app-mount .container__7590f, /* chat search inner */
#app-mount .container_def45c, /* chat thread sidebar */
#app-mount .wrapper_b8c724, /* chat messages loading */
#app-mount .noChannel__7bbff, /* nochannel */
#app-mount .members__9f47b, /* members */
#app-mount .members__9f47b > div, /* members content */
#app-mount .content_c21a16, /* unavailable */
#app-mount .container__5c7e7, /* peoples */
#app-mount .container__0a6a9, /* peoples activity list */
#app-mount .applicationStore_fc7d76, /* nitro */
#app-mount .shop_b31ed2, /* shop */
#app-mount .containerSidenav__2623a, /* family control */
#app-mount .pageWrapper_fef757, /* guilddiscovery */
#app-mount .pageContainer__1e84a, /* unihub */
#app-mount .scrollerBase_dc3aa9, /* scroller */
#app-mount .standardSidebarView__1129a, /* settings */
#app-mount .contentRegion__0bec1 { /* settings content */
background: transparent;
}
#app-mount .scroller__00e7e { /* peoples activity scroller */
border: none;
}
#app-mount .sidebarRegion__60457, /* settings sidebar */
#app-mount .sidebar__0OpfR { /* sidebarlist sidebar */
background-color: rgba(var(--transparencycolor_v), calc(0.2 * (var(--transparencyalpha_v) / (var(--transparencyalpha_v) + 0.00000000000000000000001))));
}
#app-mount { /* app-mount */
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
}
#app-mount .wrapper_a7e7a8 { /* guilds container */
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 2));
}
#app-mount .sidebar_ded4b5 { /* channels container */
background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
}
#app-mount .panels__58331 { /* account/voice container */
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) / 1.5));
}
#app-mount .container__11d72.themed_b152d4 { /* channelheader container */
background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
}
#app-mount .chatHeaderBar__3e137 { /* channelheader sub header */
background-color: rgba(var(--transparencycolor_v), var(--guildchanneltransparency_v));
}
#app-mount .membersWrap__90226 { /* members container */
background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
}
#app-mount .nowPlayingColumn_f5023f { /* peoples now playing */
background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
}
#app-mount .image_dabcb8 { /* app errorscreen image */
background-image: url(https://discord.com/assets/72eaa596042042be6259.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_v) var(--backgroundposition_v)/var(--backgroundsize_v);
}
body::after {
backdrop-filter: blur(var(--backgroundblur_v));
}
.layer__2efaa {
z-index: 1000;
}
.container__4bde3::before,
.layer__2efaa ~ .layer__2efaa::before,
.root__6d24f::before,
.container__4bde3::after,
.layer__2efaa ~ .layer__2efaa::after,
.root__6d24f::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: -1;
}
.container__4bde3::before,
.layer__2efaa ~ .layer__2efaa::before,
.root__6d24f::before {
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.container__4bde3::after,
.layer__2efaa ~ .layer__2efaa::after,
.root__6d24f::after {
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
backdrop-filter: blur(var(--backgroundblur_v));
}
.uploadArea__13687,
.backdrop__3ff7b,
.backdrop__7e89b {
background: transparent !important;
opacity: 1 !important;
animation: none !important;
}
.uploadArea__13687::before,
.backdrop__3ff7b::before,
.backdrop__7e89b::before,
.uploadArea__13687::after,
.backdrop__3ff7b::after,
.backdrop__7e89b::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: -2;
}
.uploadArea__13687::before,
.backdrop__3ff7b::before,
.backdrop__7e89b::before {
background: var(--backdrop_v) var(--backdropposition_v)/var(--backdropsize_v);
background-attachment: fixed;
}
.uploadArea__13687::after,
.backdrop__3ff7b::after,
.backdrop__7e89b::after {
backdrop-filter: blur(var(--backdropblur_v));
}
.withLayer__1fe9d {
z-index: -1;
}
/* ~~~~ 3. TITLEBAR ~~~~ */
.titleBar__01af6 {
z-index: 5001;
}
.titleBar__01af6::after {
content: "";
pointer-events: none;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
background-color: rgba(var(--transparencycolor_v), calc(0.1 + var(--guildchanneltransparency_v) * 2));
}
.titleBar__01af6:not(.typeMacOS__496b0)::after {
height: 22px;
}
.titleBar__01af6.typeMacOS__496b0::after {
height: 28px;
width: calc(100% - 4px);
margin: 2px;
border-radius: 5px;
}
.titleBar__01af6.typeMacOS__496b0,
.titleBar__01af6.typeMacOS__496b0 .macButtons__7b1bc {
width: 72px;
}
.titleBar__01af6.typeMacOS__496b0.typeMacOSWithFrame_db4a7d .macButtons__7b1bc {
margin-top: 0;
margin-right: 0;
}
.platform-osx .wrapper_a7e7a8 {
margin-top: 0;
padding-top: 32px;
}
.platform-osx .standardSidebarView__1129a::before {
left: 72px;
}
.winButtonMinMax__72f36:hover {
background-color: rgba(var(--transparencycolor_v), .2);
}
/* ~~~~ 4. GUILDLIST ~~~~ */
#app-mount .childWrapper__01b9c { /* homebutton/acronym innerwrap */
background-color: rgba(var(--transparencycolor_v), .3);
color: var(--text-normal);
font-weight: 500;
}
#app-mount .wrapper_d281dd:hover .childWrapper__01b9c,
#app-mount .wrapper_d281dd.selected_f5ec8e .childWrapper__01b9c {
background-color: var(--brand-experiment);
text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .wrapper_d281dd rect[fill] {
fill: rgba(var(--transparencycolor_v), .3);
}
#app-mount .noIcon__06e39 { /* acronym minicontainer */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .circleIconButton_d8df29 { /* guildadd/discovery innerwrap */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .circleIconButton_d8df29.selected__5250e {
background-color: var(--green-360);
}
#app-mount .guildIconUnavailable_db5297, /* guilderror miniicon */
#app-mount .guildsError__0aa84 { /* guilderror innerwrap */
background-color: rgba(var(--dangercolor)),.3);
}
#app-mount .dragInner_a23293 { /* dragplaceholder */
background-color: rgba(var(--transparencycolor_v), .3);
}
.wrapper_ed1dea { /* folder outerwrap */
margin-bottom: 8px;
}
#app-mount .folder__17546 { /* folder iconwrap */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .folder__17546.hover__043de {
background-color: rgba(var(--transparencycolor_v), .4);
}
#.expandedFolderBackground__1bec6 { /* folder background */
background-color: rgba(var(--transparencycolor_v), .2);
border-radius: 15px 15px 24px 24px;
top: 0;
bottom: 0;
margin-bottom: 8px;
transition: border-radius 3s ease, background-color 1s ease;
}
.expandedFolderBackground__1bec6.hover__043de {
background-color: rgba(var(--transparencycolor_v), .4);
}
.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] { /* folder guildwrap */
margin-bottom: -8px;
}
.wrapper_a7e7a8 .wrapper_ed1dea [role="group"] .listItem_fa7b36:last-child {
margin-bottom: 0;
}
.bar_edc096 { /* guild/channelbar inner */
box-shadow: 0 2px 6px rgba(var(--transparencycolor_v), .24);
}
.bar_edc096:not(.mention__1afd3) {
background-color: transparent;
overflow: hidden;
}
.bar_edc096:not(.mention__1afd3)::before,
.bar_edc096:not(.mention__1afd3)::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.bar_edc096:not(.mention__1afd3)::before {
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.bar_edc096:not(.mention__1afd3)::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
backdrop-filter: blur(var(--backgroundblur_v));
}
.sidebar_ded4b5 .bar_edc096:not(.mention__1afd3)::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 0.85 + 0.1));
}
.wrapper_a7e7a8 .bar_edc096:not(.mention__1afd3)::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--guildchanneltransparency_v) * 1.9 + 0.1));
}
/* ~~~~ 5. CHANNELLIST ~~~~ */
#app-mount .sidebar_ded4b5 { /* channels container */
border-radius: 0;
}
/* ---- 5.1. GUILDHEADER ---- */
.container__7c79d .animatedContainer__341f6 { /* banner wrap */
background: none;
box-shadow: none;
}
.bannerImage__39c51 { /* banner image */
-webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
}
.bannerImage__39c51::before {
display: none;
}
.header__104ca, /* header inner */
.searchBar_e4ea2a { /* header searchbar */
box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
}
.searchBar_e4ea2a .searchBarComponent__22760 { /* header searchbarinner */
background-color: rgba(var(--transparencycolor_v), .2);
}
.clickable__2d589:not(.hasBanner_e78601) .header__104ca:hover,
.selected__0b1ad:not(.hasBanner_e78601) .header__104ca {
background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 5.2. CHANNELS ---- */
.wrapper__7bcde:hover .link__95dc0 { /* channel content */
background-color: rgba(var(--transparencycolor_v), .2);
}
.wrapper__7bcde:hover .link__95dc0 [style*="color: var(--text-muted)"] {
color: var(--header-secondary) !important;
}
.modeSelected__487d6 .link__95dc0,
.modeSelected__487d6:hover .link__95dc0 {
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
}
.modeSelected__487d6 .link__95dc0 [style*="color: var(--text-muted)"],
.modeSelected__487d6:hover .link__95dc0 [style*="color: var(--text-muted)"] {
color: var(--header-secondary) !important;
}
.modeSelected__487d6 .link__95dc0 svg,
.modeSelected__487d6:hover .link__95dc0 svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
.icon_eff5d4 { /* channel icon */
color: var(--channels-default);
}
.modeMuted__0aeea .icon_eff5d4 {
color: var(--interactive-muted);
}
.modeMuted__0aeea:hover .icon_eff5d4,
.wrapper__7bcde:hover .icon_eff5d4 {
color: var(--interactive-hover);
}
.modeConnected__1c02e .icon_eff5d4,
.modeConnected__1c02e:hover .icon_eff5d4,
.modeSelected__487d6 .icon_eff5d4,
.modeSelected__487d6:hover .icon_eff5d4,
.modeUnread_f74c03 .icon_eff5d4,
.modeUnread_f74c03:hover .icon_eff5d4,
.notInteractive_a7d9fb.modeConnected__1c02e .icon_eff5d4,
.notInteractive_a7d9fb.modeSelected__487d6 .icon_eff5d4 {
color: var(--interactive-active);
}
.modeConnected__1c02e .subtitle_bba2b7, /* channel subtitle */
.modeConnected__1c02e:hover .subtitle_bba2b7,
.modeSelected__487d6 .subtitle_bba2b7,
.modeSelected__487d6:hover .subtitle_bba2b7,
.modeUnread_f74c03 .subtitle_bba2b7,
.modeUnread_f74c03:hover .subtitle_bba2b7,
.notInteractive_a7d9fb.modeConnected__1c02e .subtitle_bba2b7,
.notInteractive_a7d9fb.modeSelected__487d6 .subtitle_bba2b7 {
color: var(--interactive-normal);
}
.spine__88e6d { /* channel thread spine */
color: var(--channels-default);
}
.wrapper__5848b { /* voicechat limit */
background-color: rgba(var(--transparencycolor_v), .15);
}
.wrapper__5848b .users__65981 {
background-color: transparent;
}
.wrapper__5848b .total_c01838 {
background-color: rgba(var(--transparencycolor_v), .3);
}
.wrapper__5848b .total_c01838::after {
border-right-color: rgba(var(--transparencycolor_v), .3);
}
.listDefault__205d0 .clickable__137bc:hover .content_b60865 {
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .streamPreview__1846c {
position: relative;
background-color: transparent;
color: var(--header-secondary);
overflow: hidden;
}
.streamPreview__1846c::before,
.streamPreview__1846c::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__1846c::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.streamPreview__1846c::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .previewContainer_bb1924 {
background-color: transparent;
}
#app-mount .watchButton__0d283 {
border-color: var(--header-secondary);
color: var(--header-secondary);
}
#app-mount .watchButton__0d283:not([disabled]):hover {
border-color: var(--header-primary);
color: var(--header-primary);
}
/* ---- 5.3. DMCHANNELS ---- */
.interactive__776ee:focus-within, /* dmchannel/page inner */
.interactive__776ee:hover {
background-color: rgba(var(--transparencycolor_v), .2);
}
.selected_d94cf9,
.selected_d94cf9:focus-within,
.selected_d94cf9:hover {
background-color: rgb(var(--accentcolor_v));
color: var(--header-primary);
text-shadow: 1px 1px var(--textshadow_v);
}
.selected_d94cf9 svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
.empty__086ba { /* loadingplaceholders */
fill: rgba(var(--transparencycolor_v), .4);
}
/* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */
.panels__58331 > *, /* account/voice inner */
.panels__58331 .wrapper__0ed4a > * { /* account/voice inner */
background: none;
border: none;
}
.panels__58331 > *:not(:empty) ~ *:not(:empty) {
border-top: 1px solid rgba(var(--transparencycolor_v), .2);
}
button.button__4f306.enabled__470f0 { /* account/voice panel button */
opacity: 0.7;
}
button.button__4f306.enabled__470f0:hover {
opacity: 1;
background-color: rgb(var(--accentcolor_v));
}
.withTagAsButton_cc125f:hover,
.withTagless__98b7d:hover {
background-color: rgb(var(--accentcolor_v));
}
button.button__4f306.enabled__470f0:hover svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
.button__66e8c.buttonColor_a6eb73 {
background-color: rgba(var(--transparencycolor_v), .3);
}
.button__66e8c.buttonColor_a6eb73:hover {
background-color: rgb(var(--accentcolor_v));
}
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7,
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover {
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
}
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7 svg,
.button__66e8c.buttonColor_a6eb73.buttonActive__407a7:hover svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
/* ~~~~ 6. CHAT ~~~~ */
.chat__52833.threadSidebarOpen_fa231d { /* chat threadsidebar open */
border-radius: 0;
}
.editor_e77931 { /* chat editor */
border: none;
}
#app-mount .background_e80d5a .container__92dc8,
#app-mount .background_e80d5a .container_acafc1,
#app-mount .background_e80d5a .container_f55cad,
#app-mount .background_e80d5a .icon_f71c55,
#app-mount .background_e80d5a .containerCard__30250,
#app-mount .background_e80d5a .containerCard__30250:hover,
#app-mount .background_e80d5a .interactiveCard_d5a839,
#app-mount .background_e80d5a .emptyStateContainer__3c229,
#app-mount .background_e80d5a .card_d4f6c7,
#app-mount .container_b181b6 .mainCard__8a660,
#app-mount .container_b181b6 .sidebarCard__44447,
#app-mount .container__10dc7 .channelRow__96673 {
background-color: var(--background-secondary);
}
@media (max-width: 1300px) {
.container_acafc1,
.container_f55cad {
background: none !important;
}
}
#app-mount .background_e80d5a .containerCard__30250 {
border-color: var(--background-secondary);
}
#app-mount .background_e80d5a .container__16581:hover,
#app-mount .container_b181b6 .pill_f055c3,
#app-mount .container__10dc7 .channelRow__96673:hover {
background: var(--background-tertiary);
}
.contentPreview_b317ee { /* forum list item */
border-color: rgb(var(--transparencycolor_v));
}
#app-mount .textContentFooter__5a630 { /* forum list item footer */
background: linear-gradient(0deg, rgba(var(--transparencycolor_v), .5), rgba(var(--transparencycolor_v), .1));
}
.container__8ee50 {
border-color: var(--background-floating);
}
.divider_ffec75 { /* forum fat divider */
background: var(--background-floating);
}
#app-mount .container_c24cbd.isOpen_d88bb6 { /* forum selected post */
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .container_c24cbd.isOpen_d88bb6 .defaultColor__77578,
#app-mount .container_c24cbd.isOpen_d88bb6 [style*="color: var(--header-secondary)"] {
color: var(--header-primary) !important;
}
#app-mount .container_c24cbd.isOpen_d88bb6 .author__185be a,
#app-mount .container_c24cbd.isOpen_d88bb6 [style*="color: var(--text-muted)"] {
color: var(--header-secondary) !important;
}
/* ---- 6.1. CHANNELHEADER ---- */
.container__11d72.themed_b152d4 { /* header themedcontainer */
box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
}
.input__321f5:focus { /* header dmchannelinput */
background-color: rgba(var(--transparencycolor_v), .2);
}
.input__321f5:focus,
.outer_c57160:hover .input__321f5 {
box-shadow: inset 0 0 0 1px rgba(var(--transparencycolor_v), .2);
}
.children__32014::after { /* header topicgradient */
display: none;
}
.akaBadge__7df41 { /* header aka */
background-color: rgba(var(--transparencycolor_v), .3);
}
.searchBar_e0c60b { /* header searchbar */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .public-DraftEditorPlaceholder-root {
color: rgb(var(--textdarker_v));
}
#app-mount .public-DraftEditorPlaceholder-hasFocus {
color: var(--header-secondary);
}
#app-mount .searchFilter__118cb,
#app-mount .searchAnswer_b452e7 {
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
}
/* ---- 6.2. MESSAGES ---- */
.clickableAction_bef9b9:hover .action_c957d9, /* guidancechannel options */
.row__70f4c:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
.emptyChannelIcon__1a1ba { /* welcomemessage empty channelicon */
position: relative;
background: rgba(var(--transparencycolor_v), .4);
overflow: hidden;
}
.emptyChannelIcon__1a1ba::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: var(--header-primary);
-webkit-mask: url(https://discord.com/assets/1b60cdb56c8c081495ac.svg) center no-repeat;
}
.button_fb39e8:hover { /* welcomemessage edit channel */
background-color: rgb(var(--accentcolor_v));
color: var(--interactive-active);
text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .role__88585 { /* welcomemessage role */
background: transparent;
border-color: rgba(var(--textbrighter_v), .6);
border-radius: 5px;
height: 22px;
padding: 0 5px;
position: relative;
}
#app-mount .role__88585[style*="border-color: rgba(185, 187, 190, .6)"] {
border-color: rgba(var(--textbrighter_v), .6) !important;
}
#app-mount .role__88585 .roleColor_dc66b5 { /* 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__88585:hover .roleColor_dc66b5 {
opacity: 0.8;
}
#app-mount .role__88585 .roleColor_dc66b5[style*="background-color: rgb(185, 187, 190)"] {
background-color: var(--text-normal) !important;
}
.divider_b9338f.hasContent_fea365 { /* divider hascontent */
border-width: calc(1px * (1 - var(--usechatbubbles)));
}
.divider_b9338f.hasContent_fea365::before {
content: "";
position: absolute;
top: -0.6rem;
bottom: -0.6rem;
right: -0.2rem;
left: 0;
background: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.5));
border-radius: 5px;
pointer-events: none;
z-index: -1;
}
.content_d67847 { /* divider content */
position: absolute;
background-color: transparent;
padding: 2px 8px;
width: unset;
}
.content_d67847::before,
.content_d67847::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
opacity: calc(1 - var(--usechatbubbles));
z-index: -1;
}
.content_d67847::before {
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.content_d67847::after {
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
backdrop-filter: blur(var(--backgroundblur_v));
}
.unreadPill__715fc { /* divider unreadpill */
border-radius: calc(4px * var(--usechatbubbles)) 4px 4px calc(4px * var(--usechatbubbles));
padding-left: calc(4px * var(--usechatbubbles) + 1px * (1 - var(--usechatbubbles)));
}
.unreadPillCap__96b8d { /* divider unreadpillcap */
opacity: calc(1 - var(--usechatbubbles));
}
.hasMore_b03f46:hover {
background-color: rgba(var(--transparencycolor_v), .2);
}
.jumpToPresentBar__0ff7f { /* bar jumptopresent */
bottom: -8px;
background-color: transparent;
border-bottom: 1px solid var(--background-modifier-accent);
overflow: hidden;
opacity: 1;
}
.jumpToPresentBar__0ff7f::before,
.jumpToPresentBar__0ff7f::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.jumpToPresentBar__0ff7f::before {
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.jumpToPresentBar__0ff7f::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--backgroundblur_v));
}
.messagesWrapper_ea2b0b:has(.jumpToPresentBar__0ff7f) ~ .form__13a2c .channelTextArea__2e60f,
.messagesWrapper_ea2b0b:has(.jumpToPresentBar__0ff7f) ~ .form__13a2c .scrollableContainer__33e06 {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
/* ==== 6.2.1. MESSAGE ==== */
#app-mount .message__04d9f { /* message confirm modal */
background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: none;
}
.message__80c10, /* message container */
.messagesWrapper_ea2b0b .wrapper__09ecc, /* message upload placeholder */
.card_d4f6c7 .wrapper__09ecc, /* message home */
.wrapper__5c5cd, /* message loading */
.message_f3a9e4, /* message mention popout */
.message__41c2a, /* message inbox popout */
.message__04d9f .wrapper__09ecc, /* message settings preview */
.messageGroupCozy__2dedd, /* message pin popout */
.message_d8db25 .wrapper__09ecc { /* message searchpage */
background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v)) !important;
contain: unset;
}
.message_d8db25 .wrapper__09ecc { /* message searchpage */
background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8)) !important;
}
.message__80c10.selected_fd9051,
.mouse-mode .message__80c10:hover,
.mouse-mode.full-motion .message__80c10:hover,
.mouse-mode .wrapper__5c5cd:hover,
.mouse-mode.full-motion .wrapper__5c5cd:hover {
background-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2 * var(--usechatbubbles) + 0.3 * (1 - var(--usechatbubbles)))) !important;
}
.messageListItem__6a4fb > .message__80c10.groupStart__56db5 {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.messageListItem__6a4fb:has(+ .messageListItem__6a4fb > .message__80c10.groupStart__56db5) > .message__80c10,
.messageListItem__6a4fb:has(+ :not(.messageListItem__6a4fb)) > .message__80c10 {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.messageListItem__6a4fb > .message__80c10.groupStart__56db5:before {
top: 2px;
border-top-left-radius: 5px;
}
.messageListItem__6a4fb:has(+ .messageListItem__6a4fb > .message__80c10.groupStart__56db5) > .message__80c10:before,
.messageListItem__6a4fb:has(+ :not(.messageListItem__6a4fb)) > .message__80c10:before {
bottom: 2px;
border-bottom-left-radius: 5px;
}
.backgroundFlash_e5b9ad .message__80c10 { /* message jump flash */
position: relative;
}
.backgroundFlash_e5b9ad .message__80c10::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_e5b9ad .cozyMessage__64ce7::before {
left: calc(-80px * var(--usechatbubbles));
}
.message__80c10.ephemeral_c26b64, /* message localbot */
.message__80c10.replying_d7b6ad, /* message replying */
.message__80c10.highlighted__5f454 { /* message highlighted */
background-image: linear-gradient(rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))));
}
.message__80c10.mentioned__58017 { /* message mentioned */
background-image: linear-gradient(rgba(var(--mentioncolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--accentcolor_v), calc(0.2 * (1 - var(--usechatbubbles)))));
}
.message__80c10.automodMessage__410f7 { /* message automodMessage */
background-image: linear-gradient(rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles)))), rgba(var(--dangercolor), calc(0.2 * (1 - var(--usechatbubbles)))));
}
.message__80c10.mentioned__58017:before,
.message__80c10.ephemeral_c26b64:before,
.message__80c10.automodMessage__410f7:before,
.message__80c10.replying_d7b6ad:before,
.message__80c10.highlighted__5f454:before {
}
.message__80c10.ephemeral_c26b64::before,
.message__80c10.replying_d7b6ad::before,
.message__80c10.highlighted__5f454::before {
background-color: rgb(var(--accentcolor_v));
}
.message__80c10.mentioned__58017::before {
background-color: rgb(var(--mentioncolor));
}
.message__80c10.automodMessage__410f7::before {
background-color: rgb(var(--dangercolor));
}
.message__80c10.mentioned__58017 .contents_f41bb2 .messageContent__21e69 {
border-radius: 3px;
background-color: rgba(var(--mentioncolor), calc(0.3 * var(--usechatbubbles)));
}
#app-mount .avatar__08316, /* message container avatar */
#app-mount .avatar_eb6eba { /* message loading avatar */
position: absolute;
top: 2px;
left: calc(-70px * var(--usechatbubbles) + 16px);
}
#app-mount .messageItemBody_e13b10.hasReply_febd50 .avatar__08316,
#app-mount .repliedMessage_e2bf4a ~ * .avatar__08316 {
top: 24px;
}
#app-mount .avatarDecoration__14b3c { /* message avatar decoration */
position: absolute;
top: 2px;
left: calc(-70px * var(--usechatbubbles) + 16px - (6.6666666px * var(--decoration-to-avatar-ratio)/2));
}
#app-mount .messageItemBody_e13b10.hasReply_febd50 .avatarDecoration__14b3c,
#app-mount .repliedMessage_e2bf4a ~ * .avatarDecoration__14b3c {
top: 24px;
}
#app-mount .replyBadge__3d01e { /* message reply badge */
background-color: rgba(var(--transparencycolor_v), .5);
}
#app-mount .spine_d081ec {
width: 0px;
top: 20px;
right: calc(1px * (-32 * var(--usechatbubbles) + -25 * (1 - var(--usechatbubbles))));
left: unset;
border: none;
}
#app-mount .compact__54ecc .spine_d081ec {
right: 0;
}
#app-mount .repliedMessage_e2bf4a::before, /* message reply spine */
#app-mount .repliedMessage_e2bf4a::after,
#app-mount .spine_d081ec::before, /* message command spine */
#app-mount .spine_d081ec::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_e2bf4a::before,
#app-mount .repliedMessage_e2bf4a::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_d081ec::before,
#app-mount .spine_d081ec::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__54ecc .repliedMessage_e2bf4a::before,
#app-mount .compact__54ecc .repliedMessage_e2bf4a::after,
#app-mount .compact__54ecc .spine_d081ec::before,
#app-mount .compact__54ecc .spine_d081ec::after {
--avatar-size: 20px;
left: calc(-1 * var(--avatar-size));
}
#app-mount .repliedMessage_e2bf4a::before,
#app-mount .spine_d081ec::before {
border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles))));
}
#app-mount .repliedMessage_e2bf4a::after,
#app-mount .spine_d081ec::after {
border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles)));
}
#app-mount .compact__54ecc .repliedMessage_e2bf4a::before,
#app-mount .compact__54ecc .spine_d081ec::before {
border-color: rgba(var(--textbrighter_v), .3);
}
#app-mount .compact__54ecc .repliedMessage_e2bf4a::after,
#app-mount .compact__54ecc .spine_d081ec::after {
border-color: transparent;
}
#app-mount .cozy_f5c119.hasThread__58ee2::before, /* message thread spine */
#app-mount .cozy_f5c119.hasThread__58ee2::after,
#app-mount .compact__54ecc.hasThread__58ee2::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_f5c119.hasThread__58ee2::before {
border-color: rgba(var(--textbrighter_v), calc(0.3 * (1 - var(--usechatbubbles))));
}
#app-mount .cozy_f5c119.hasThread__58ee2::after {
border-color: rgba(var(--transparencycolor_v), calc(0.5 * var(--usechatbubbles)));
}
#app-mount .message__80c10.mentioned__58017.hasThread__58ee2::before {
background-color: transparent;
}
#app-mount .compact__54ecc.hasThread__58ee2::after {
left: calc(var(--avatar-size) + 11px);
width: calc(var(--avatar-size) - 13px);
border-color: rgba(var(--textbrighter_v), .3);
}
#app-mount .compact__54ecc.hasThread__58ee2 .contents_f41bb2::before {
border-color: rgba(var(--textbrighter_v), .3);
}
.spine_d081ec {
border-color: rgba(var(--textbrighter_v), .3);
}
.hasThread__58ee2 .spine_d081ec {
display: none;
}
.cozy_f5c119 .header__39b23::after, /* message container header */
.cozy__32560 .header_c65767::after { /* message loading header */
content: "";
position: absolute;
top: 12px;
left: -32px;
border: 10px solid transparent;
border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v));
}
.messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd .header__39b23::after {
top: 2px;
}
.message_d8db25 .wrapper__09ecc .header__39b23::after {
border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 0.8));
}
.cozy_f5c119 .timestamp_cdbd93.alt__6c563 {
left: calc(-78px * var(--usechatbubbles));
}
.cozy_f5c119 .iconContainer_dfc268 {
background-color: rgba(var(--transparencycolor_v), var(--messagetransparency_v));
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_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268 {
background-color: transparent;
}
.cozy_f5c119 .iconContainer_dfc268::after {
content: "";
position: absolute;
top: 2px;
left: 26px;
border: 10px solid transparent;
border-right: 12px solid rgba(var(--transparencycolor_v), var(--messagetransparency_v));
}
.cozy_f5c119 .blockedSystemMessage_e58a4c .iconContainer_dfc268::after {
display: none;
}
.selected_fd9051.message__80c10.cozy_f5c119 .header__39b23::after,
.mouse-mode .message__80c10.cozy_f5c119:hover .header__39b23::after,
.mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .header__39b23::after,
.mouse-mode .wrapper__5c5cd.cozy__32560:hover .header_c65767::after,
.mouse-mode.full-motion .wrapper__5c5cd.cozy__32560:hover .header_c65767::after,
.selected_fd9051.message__80c10.cozy_f5c119 .iconContainer_dfc268::after,
.mouse-mode .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after,
.mouse-mode.full-motion .message__80c10.cozy_f5c119:hover .iconContainer_dfc268::after {
border-right-color: rgba(var(--transparencycolor_v), calc(var(--messagetransparency_v) * 1.2));
}
#app-mount .mentioned__58017.cozy_f5c119 .header__39b23::after {
border-right-color: rgba(var(--mentioncolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
}
#app-mount .ephemeral_c26b64.cozy_f5c119 .header__39b23::after,
#app-mount .replying_d7b6ad.cozy_f5c119 .header__39b23::after,
#app-mount .highlighted__5f454.cozy_f5c119 .header__39b23::after {
border-right-color: rgba(var(--accentcolor_v), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
}
#app-mount .automodMessage__410f7.cozy_f5c119 .header__39b23::after {
border-right-color: rgba(var(--dangercolor), calc(var(--messagetransparency_v) * 100000000000000000000000000000));
}
.message_f3a9e4,
.message__41c2a,
.zalgo__39311 .messageContent__21e69,
.zalgo__39311.cozy_f5c119 .header__39b23,
.wrapper__5c5cd,
.cozy__32560 .header_c65767 {
overflow: visible;
}
#app-mount .cozyMessage__64ce7, /* message container cozy */
#app-mount .messagesWrapper_ea2b0b .cozy_f5c119, /* message upload placeholder cozy */
#app-mount .card_d4f6c7 .cozy_f5c119, /* message home cozy */
#app-mount .cozy__32560 { /* message loading cozy */
margin-left: calc(80px * var(--usechatbubbles));
padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles))));
}
#app-mount .wrapper__09ecc[data-list-item-id*="Uploader"] {
margin-top: 1rem;
}
#app-mount .compact__26766 { /* message loading compact */
margin-top: .0625rem;
}
#app-mount .cozy_f5c119 .header__39b23,
#app-mount .cozy_f5c119 .messageContent__21e69,
#app-mount .cozy__32560 .header_c65767 {
margin-left: 0;
padding-left: 0;
}
.messageContainer_aa7d14 .wrapper__09ecc,
.messages_f7999e .wrapper__09ecc,
.message__04d9f .wrapper__09ecc,
.messageGroupWrapper_f8c6e9 .messageGroupCozy__2dedd,
.message_d8db25 .wrapper__09ecc {
border-radius: 5px;
margin-left: calc(60px * var(--usechatbubbles));
padding-left: calc(1px * (10 * var(--usechatbubbles) + 72 * (1 - var(--usechatbubbles))));
}
.messages_f7999e .wrapper__09ecc {
border-radius: 0;
}
/* message home message */
.interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active,
.interactiveCard_d5a839:hover {
border-color: var(--background-secondary);
}
.feedItemHeader__653e4 {
border-color: var(--background-primary);
}
.interactiveCard_d5a839.selected__715e8, .interactiveCard_d5a839:active .feedItemHeader__653e4,
.interactiveCard_d5a839:hover .feedItemHeader__653e4 {
border-color: var(--background-secondary);
}
.wrapper__3d460 { /* message loading wrapper */
background: transparent;
}
.avatar_eb6eba { /* message loading avatar */
background: rgba(var(--transparencycolor_v), .4);
opacity: 1 !important;
}
.attachment__7a2d0, /* message loading attachment */
.blob__8d5bd { /* message loading blob */
background: rgb(var(--accentcolor_v));
}
.expanded_be53d7 { /* message expanded blocked */
background-color: rgba(var(--transparencycolor_v), .2);
border-radius: 5px 5px 0 5px;
margin-bottom: .5625rem;
}
#app-mount .reaction_fef95b { /* message reaction */
background-color: rgba(var(--transparencycolor_v), .3);
border: none;
}
#app-mount .reaction_fef95b:hover {
background-color: rgba(var(--transparencycolor_v), .4);
border: none;
}
#app-mount .reaction_fef95b.reactionMe__98f57 {
background-color: rgba(var(--accentcolor_v), .8);
border: none;
}
#app-mount .reaction_fef95b.reactionMe__98f57:hover {
background-color: rgb(var(--accentcolor_v));
border: none;
}
#app-mount .reaction_fef95b.reactionMe__98f57 .reactionCount_b49901 {
color: #FFF;
text-shadow: 1px 1px var(--textshadow_v);
}
.wrapper_c727b6 { /* message buttons */
position: relative;
background: transparent;
}
.wrapper_c727b6::before,
.wrapper_c727b6::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_c727b6::before {
background: var(--backgound) var(--backgoundposition)/var(--backgroundsize_v);
background-attachment: fixed;
}
.wrapper_c727b6::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--backgroundblur_v));
}
.button_d553e5:hover,
.button_d553e5.selected__63428 {
background-color: rgb(var(--accentcolor_v));
}
.bumpBox_cfd81a { /* messageelement publish box */
background-color: rgba(var(--transparencycolor_v), .4);
}
.markup_a7e664 code { /* messageelement code */
background-color: transparent;
border-color: transparent;
}
.markup_a7e664 pre { /* messageelement pre */
background-color: rgba(var(--transparencycolor_v), .4);
border-color: rgba(var(--transparencycolor_v), .1);
}
.markup_a7e664 .inline, /* messageelement inline */
.after_inlineCode__2197d,
.before_inlineCode__37e14,
.inlineCode_d702a4 {
background-color: rgba(var(--transparencycolor_v), .4);
}
.textContainer__709ff { /* messageelement plain file text */
background-color: rgba(var(--transparencycolor_v), .4);
border-color: rgba(var(--transparencycolor_v), .1);
}
.footer__06f4b { /* messageelement plain file footer */
background-color: rgba(var(--transparencycolor_v), .4);
border-color: rgba(var(--transparencycolor_v), .1);
}
.languageSelector_a1c2f3 { /* messageelement plain file popout */
background-color: transparent;
border: 1px solid rgba(var(--transparencycolor_v), .3);
border-radius: 5px;
box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3);
overflow: hidden;
}
.languageSelector_a1c2f3::before,
.languageSelector_a1c2f3::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_a1c2f3::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.languageSelector_a1c2f3::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .spoilerContent__37bfa { /* messageelement spoiler */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .spoilerContent__37bfa.hidden_f44e41 { /* messageelement hiddenspoiler */
background-color: rgba(var(--transparencycolor_v), .6);
}
.icon__8c32c[style*="/assets/7ed159b6acb6da5d9593.svg"] { /* systemmessage pinicon */
-webkit-mask: url(https://discord.com/assets/7ed159b6acb6da5d9593.svg) center/cover no-repeat;
background: var(--channels-default) !important;
}
.icon__8c32c[style*="/assets/a1d461025204711133ec.svg"] { /* systemmessage missedcall */
-webkit-mask: url(https://discord.com/assets/a1d461025204711133ec.svg) center/cover no-repeat;
background: var(--channels-default) !important;
}
.icon__8c32c[style*="/assets/7378a83d74ce97d83380.svg"] { /* systemmessage joingroupicon */
-webkit-mask: url(https://discord.com/assets/7378a83d74ce97d83380.svg) center/cover no-repeat;
background: rgb(var(--accentcolor_v)) !important;
}
.icon__8c32c[style*="/assets/9f3b9c1b6e5f77294951.svg"] { /* systemmessage recievecallicon */
-webkit-mask: url(https://discord.com/assets/9f3b9c1b6e5f77294951.svg) center/cover no-repeat;
background: rgb(var(--accentcolor_v)) !important;
}
/* ==== 6.2.2. EMBEDS ==== */
#app-mount .embedFull__8dc21 { /* embed wrapper */
background-color: rgba(var(--transparencycolor_v), .3);
border-left-color: rgb(var(--textdarkest_v));
}
#app-mount .attachment_f3cf2c { /* attachment container */
background-color: rgba(var(--transparencycolor_v), .3);
border-color: rgba(var(--transparencycolor_v), .1);
margin-left: 18px;
}
#app-mount .message__80c10 .attachment_f3cf2c {
margin-left: 0;
}
#app-mount .twitchSectionPlayButton__1b39d {
object-position: -999999px -999999px;
background: rgba(var(--transparencycolor_v), .4) url('data:image/svg+xml; utf8, ');
border-radius: 50%;
}
#app-mount .twitchSectionPlayButton__1b39d:hover {
background-color: rgba(var(--transparencycolor_v), .8);
}
#app-mount .wrapper__3a7a0 { /* attachment videowrapper */
background-color: rgba(var(--transparencycolor_v), .3);
}
/* ==== 6.2.3. NITROGIFT ==== */
#app-mount .tile_ebc93b { /* gift container */
background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: 0 0 0 rgba(var(--transparencycolor_v), .15);
}
#app-mount .tile_ebc93b:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .title__701c1 { /* gift title */
color: var(--header-primary);
}
#app-mount .description__883d4 { /* gift description */
color: var(--header-primary);
}
#app-mount .tagline__3427c { /* gift tagline */
color: var(--header-secondary);
}
/* ==== 6.2.4. INVITE ==== */
#app-mount .wrapper_efe67f { /* invite container */
background-color: rgba(var(--transparencycolor_v), .3);
border-color: rgba(var(--transparencycolor_v), .1);
}
#app-mount .guildIconImage__93ae7 { /* invite icon */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .guildIconExpired__1d51f { /* erroricon expiredguild */
background-color: rgba(var(--transparencycolor_v), .3);
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
opacity: 0.7;
}
#app-mount .guildName__060cb { /* invite name */
color: var(--header-primary);
}
#app-mount .guildDetail__0b882 { /* invite details */
color: var(--channels-default);
}
#app-mount .invite__2a93b { /* invite group invite */
background-color: rgba(var(--transparencycolor_v), .3);
border-color: rgba(var(--transparencycolor_v), .1);
}
#app-mount .artworkSpotifySessionEnded__8272a {
background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
opacity: .5;
}
#app-mount .header__8b673 {
color: rgb(var(--textdarker_v));
}
#app-mount .name_b50cd9,
#app-mount .partyStatus__6a567 {
color: var(--header-primary);
}
#app-mount .moreUsers__1d9e9 {
background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-secondary);
}
#app-mount .partyMemberEmpty__94736 {
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .helpIcon_a58947 {
background-color: var(--header-primary);
}
/* ---- 6.3. TEXTAREA ---- */
.form__13a2c {
padding-top: 0;
margin-top: 0;
}
.form__13a2c { /* textarea form */
background: rgba(var(--transparencycolor_v), var(--chatinputtransparency_v));
margin-top: 0;
padding-top: 8px;
border-top-right-radius: calc(8px * (1 - (var(--memberlisttransparency_v) / (var(--memberlisttransparency_v) + 0.00000000000000000000001))));
border-top-left-radius: calc(8px * (1 - (var(--guildchanneltransparency_v) / (var(--guildchanneltransparency_v) + 0.00000000000000000000001))));
}
.threadSidebarOpen_fa231d .form__13a2c {
border-top-right-radius: 8px;
}
.form__13a2c::before {
display: none;
}
.channelTextArea__2e60f { /* textarea channeltextarea */
background-color: transparent;
border-top-color: var(--background-modifier-accent);
}
.attachedBars_da3c74 { /* textarea reply */
background: rgba(var(--transparencycolor_v), .3);
border: none;
border-bottom: 1px solid var(--background-modifier-accent);
}
.replyBar_b64d74,
.threadSuggestionBar_b633f7 {
background: transparent;
}
.scrollableContainer__33e06 { /* textarea container */
background-color: rgba(var(--transparencycolor_v), .3);
}
.sprite__294b3 { /* textarea emojibutton */
transform: none !important;
}
.wrapper_fbbb73 { /* textarea placeholder */
background-color: rgba(var(--transparencycolor_v), .3);
color: var(--text-normal);
}
.toolbar_c7b525 { /* textarea formattoolbar */
background-color: rgb(var(--accentcolor_v));
}
.toolbar_c7b525::before {
border-top-color: rgb(var(--accentcolor_v));
}
.divider__441cb { /* textarea formattoolbar divider */
border-left-color: hsla(0, 0%,100%, .1);
}
.active__05fbc, /* textarea buttonactive */
.hover_d0ebf2:hover { /* textarea buttonhover */
background-color: hsla(0, 0%, 100%, .2);
}
.icon__5a617 { /* textarea buttonicon */
color: #fff;
opacity: .7;
}
.active__05fbc .icon__5a617,
.hover_d0ebf2:hover .icon__5a617 {
color: #fff;
opacity: 1;
}
#app-mount .optionPill_f86b98 { /* textarea command query pill */
background-color: rgba(var(--transparencycolor_v), .5);
border-radius: 5px;
}
#app-mount .optionPillKey_e84f41 { /* textarea command query pill key */
background-color: transparent;
}
/* ---- 6.4. AUTOCOMPLETEMENU ---- */
#app-mount .autocomplete_df266d { /* autocomplete container */
background-color: transparent;
overflow: hidden;
}
#app-mount .autocomplete_df266d::before,
#app-mount .autocomplete_df266d::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_df266d::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
#app-mount .autocomplete_df266d::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
.theme-brand .autocomplete_df266d {
background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important;
}
.theme-brand .autocomplete_df266d::before,
.theme-brand .autocomplete_df266d::after {
display: none;
}
#app-mount .bar__8f42e { /* autocomplete command info */
background-color: transparent;
}
#app-mount .container_e84cda::after {
box-shadow: inset 0 -7px 12px -7px rgba(var(--transparencycolor_v), .3);
}
#app-mount .header__02652 { /* autocomplete header */
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .2), 0 1px 2px 0 rgba(var(--transparencycolor_v), .2);
}
#app-mount .option__32fd1 { /* autocomplete option */
background-color: rgba(var(--transparencycolor_v), .5);
}
.clickable_f8437d[aria-selected=true] > .base__76a71, /* autocomplete rowselected */
.clickable_f8437d[aria-disabled=false] > .base__76a71:hover {
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .wrapper__4e8f1 { /* autocomplete categories */
background-color: transparent;
}
#app-mount .selected__608f1, /* autocomplete category selected */
#app-mount .selected__608f1:hover {
background-color: rgb(var(--accentcolor_v));
}
#app-mount .selected__608f1 svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
#app-mount .searchSuggestion__1a6a7:hover { /* gifpicker suggestions */
text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .placeholder__1d2a8 { /* gifpicker result placeholder */
background-color: rgba(var(--transparencycolor_v), .3);
}
/* ---- 6.5. MEMBERLIST ---- */
.member_b44d5d { /* member */
background: transparent;
}
.avatar__991e2::before { /* emptyavatar */
background-color: rgba(var(--transparencycolor_v), .3);
}
.memberGroupsPlaceholder_d0ae46, /* loadingplaceholders */
.placeholderAvatar__21e48,
.placeholderUsername__7fd2c {
background-color: rgba(var(--transparencycolor_v), .4);
}
/* ---- 6.6. SEARCHPAGE ---- */
.searchResultsWrap__9f374 { /* searchpage container */
background-color: transparent;
}
.searchHeader__19d87, /* searchpage header */
.searchHeader__19d87 ~ .container_d91be8 { /* searchpage pagination (BSP) */
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
border-radius: 0 0 0 8px;
}
.searchResult_dcd237 { /* searchpage searchresult */
background-color: rgba(var(--transparencycolor_v), .2);
}
.button_f8244b { /* searchpage jumpbutton */
background-color: rgba(var(--transparencycolor_v), .4);
}
.button_f8244b:hover {
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
}
.pageButton_bcd673:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
.activeButton__7a550 {
text-shadow: 1px 1px var(--textshadow_v);
}
/* ---- 6.7. CHAT SIDEBAR ---- */
.container_def45c { /* chat sidebar */
border-radius: 0;
}
.container_def45c.floating_f021e2::before,
.container_def45c.floating_f021e2::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.container_def45c.floating_f021e2::before {
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.container_def45c.floating_f021e2::after {
background-color: rgba(var(--transparencycolor_v), var(--transparencyalpha_v));
backdrop-filter: blur(var(--backgroundblur_v));
}
.chatTarget__0ea5e.notFloating__80043 ~ .container_def45c {
overflow: visible;
}
.chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::before {
content: "";
position: absolute;
display: block;
top: 0;
bottom: 0;
left: -8px;
width: 8px;
background: inherit;
box-shadow: inherit;
pointer-events: none;
}
.chatTarget__0ea5e.notFloating__80043 ~ .container_def45c .container__11d72.themed_b152d4::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_daf1cf {
z-index: 1002;
}
#app-mount .root__46d4f { /* popout inner */
background-color: transparent;
border: none;
}
.root__46d4f::before,
.root__46d4f::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.root__46d4f::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.root__46d4f::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .wrapper_bd2abe { /* call voice wrapper */
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
}
#app-mount .callContainer_cbde45 { /* call voice wrapper inner */
background-color: rgba(var(--transparencycolor_v), calc((1 - (var(--guildchanneltransparency_v) * 0.8)) * 0.8));
}
#app-mount .root__3eef0 { /* call root */
color: var(--header-primary);
}
.videoWrapper_b42a4f { /* call video wrapper */
background-color: rgba(var(--transparencycolor_v), .3);
}
.video__79b68 { /* call video */
background-color: transparent;
}
.tile_a411a4, /* call user video voicechannel */
.tile_f5f57f { /* call user video dm */
background-color: rgba(var(--transparencycolor_v), .3);
}
.gradientContainer__9a5a6 { /* call gradientcontainer */
display: none;
}
.participantsButton__56586 { /* call participantsbutton */
background-color: rgba(0, 0, 0, .3);
}
.participantsButton__56586:hover {
background-color: rgba(0, 0, 0, .6);
}
.centerButton__3205b,
.colorable_c84c4c.primaryDark__6b700 {
background-color: rgba(var(--transparencycolor_v), .5);
}
.centerButton__3205b:hover,
.colorable_c84c4c.primaryDark__6b700:hover {
background-color: rgb(var(--accentcolor_v));
}
.button__13ec4 {
background-color: rgba(var(--transparencycolor_v), .4);
}
.button__13ec4:hover {
background-color: rgba(var(--transparencycolor_v), .6);
}
.controlButton_ab2899.colorable_c84c4c.red_a51ba8 {
background-color: rgba(var(--dangercolor)),.5);
}
.controlButton_ab2899.colorable_c84c4c.red_a51ba8:hover {
background-color: rgb(var(--dangercolor));
}
.regionSelectPopout__0127b {
width: 170px;
}
.container__3e5cc { /* call podium wrapper */
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.8));
}
.callContainer_e8faeb { /* call podium inner */
background-color: transparent;
}
.scroller_d8c41e { /* call podium scroller */
background-color: transparent;
}
.rowContainer__3f2d1 { /* call podium row */
background-color: transparent;
}
.participants__5d231 { /* call podium participants */
background-color: transparent;
}
.tileContainer__88d69:hover { /* call podium participant */
background-color: rgb(var(--accentcolor_v));
}
.container__7b94f { /* call podium requests */
background-color: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 0.3));
}
.headerContainer_bff52d { /* call podium requests header */
box-shadow: 0 1px 0 rgba(var(--transparencycolor_v), .2), 0 1.5px 0 rgba(var(--transparencycolor_v), .05), 0 2px 0 rgba(var(--transparencycolor_v), .05);
}
/* ---- 6.9. UNAVAILABLESCREEN ---- */
.category__758fd, /* loadingplaceholders */
.channelIcon_ad6049,
.channelName_f48c90 {
background: rgba(var(--transparencycolor_v), .4);
}
.splashImage_d708dc { /* screen image */
opacity: 0.7;
}
/* ~~~~ 7. PEOPLES ~~~~ */
.addFriendInputWrapper__4bf8e { /* peoples add friend */
background-color: rgba(var(--transparencycolor_v), .1);
border-color: rgba(var(--transparencycolor_v), .3);
}
.addFriendInputWrapper__4bf8e:hover:not(:focus-within) {
border-color: rgb(var(--transparencycolor_v));
}
.container_a308ae { /* peoples explore option */
border: none;
}
.container_a308ae:hover {
background-color: var(--background-floating);
}
.peopleListItem_d14722 .actionButton__23182, /* peoples actionbutton */
.peopleListItem_d14722 .actionButton-3-B2x { /* peoples actionbutton */
background-color: rgba(var(--transparencycolor_v), .1);
}
.peopleListItem_d14722 .actionButton__23182:hover,
.peopleListItem_d14722 .actionButton-3-B2x:hover {
background-color: rgb(var(--accentcolor_v));
}
.peopleListItem_d14722 .actionButton__23182:hover svg,
.peopleListItem_d14722 .actionButton-3-B2x:hover svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
.peopleListItem_d14722.active__6b8ff,
.peopleListItem_d14722:hover,
.peopleListItem_d14722.active__6b8ff,
.peopleListItem_d14722:hover {
background-color: rgba(var(--transparencycolor_v), .3);
}
.peopleListItem_d14722.active__6b8ff .actionButton__23182,
.peopleListItem_d14722:hover .actionButton__23182,
.peopleListItem_d14722.active__6b8ff .actionButton-3-B2x,
.peopleListItem_d14722:hover .actionButton-3-B2x {
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .outer_a41cf3, /* playing card */
#app-mount .wrapper__6e669 { /* playing card */
background-color: rgba(var(--transparencycolor_v), .2);
border: unset;
}
#app-mount .outer_a41cf3.active__76f42,
#app-mount .outer_a41cf3.interactive__01cfa:hover,
#app-mount .outer_a41cf3.active__76f42,
#app-mount .outer_a41cf3.interactive__01cfa:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .inset__0bfb3 { /* playing card inner */
background-color: rgba(var(--transparencycolor_v), .2);
}
.emptyCard_f82dde { /* playing empty card */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .partyMemberOverflow_d12297 {
background: rgba(var(--transparencycolor_v), .5);
}
#app-mount .partyMemberBackground__8fdc5,
#app-mount .partyMemberUnknown__573ec {
background-color: rgba(var(--transparencycolor_v), .5);
}
#app-mount .partyMemberUnknownIcon__7bfe8 {
color: var(--channels-default);
}
#app-mount .popout_c6d10c { /* playing popout */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 8px 16px 0 rgba(var(--transparencycolor_v), .3);
overflow: hidden;
}
.popout_c6d10c::before,
.popout_c6d10c::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.popout_c6d10c::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.popout_c6d10c::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
backdrop-filter: blur(var(--popoutblur_v));
}
.memberListItem__4000d:not(.popoutDisabled__5e7e3):hover {
background-color: rgba(var(--transparencycolor_v), .2);
}
/* ~~~~ 7. STORE/NITRO ~~~~ */
#app-mount .loading__053e3 { /* loading */
background: transparent;
}
.marketingHeader_c8e5cd { /* marketingheader */
background-color: rgba(var(--transparencycolor_v), .3);
}
.detailsBlock__1191c { /* billing details */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .categoryHeader__46769, /* categoryheader */
#app-mount .premiumApplicationsHeader_e2dd83 {
border-color: var(--background-modifier-accent);
color: var(--header-primary);
}
#app-mount .tier1Banner__86229 { /* tier1banner container */
background-color: rgba(var(--transparencycolor_v), .3);
color: #fff;
}
.smallCarousel_cb7c79 {
background-color: rgba(var(--transparencycolor_v), .3);
border-radius: 5px;
}
#app-mount .item_d7f2df { /* gamepreview previewitem */
background-color: rgba(var(--transparencycolor_v), .3);
}
.arrow_f5c530 { /* gamepreview prev/nextarrow (big) */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .themedPagination_c56fb8 .arrow_fe649b { /* gamepreview prev/nextarrow (small) */
color: var(--header-primary);
}
#app-mount .themedPagination_c56fb8 .dot__6356c { /* gamepreview itemdot (small) */
background-color: var(--header-primary);
}
#app-mount .root__3d5e9 { /* gameinfo sectioncontainer */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .header_c26642 { /* gameinfo sectionheader */
color: var(--header-primary);
}
#app-mount .section__51057 { /* gameinfo subsection */
border-bottom-color: var(--background-modifier-accent);
}
#app-mount .playerOverflow__58b26 {
background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-secondary);
}
#app-mount .description__6dac8 { /* gameinfo subsectiondescription */
color: var(--header-secondary);
}
#app-mount .description__6dac8 strong,
#app-mount .username_c20f20 { /* gameinfo subsectionusername */
color: var(--header-primary);
}
#app-mount .smallHeader__9766b { /* gameinfo subsectionheader */
color: var(--header-secondary);
}
#app-mount .text__07fd0 { /* gameinfo subsectiontext */
color: var(--header-primary);
}
#app-mount .iconCircle__4c74f {
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .circle_d78580 {
color: var(--header-primary);
}
#app-mount .blurb__7d206 { /* section description */
color: var(--text-normal);
}
#app-mount .description__671fd { /* section subdescription */
color: var(--header-secondary);
}
#app-mount .requirements_fd3915 { /* requirements */
color: var(--text-normal);
}
#app-mount .requirementKey_dd27af { /* requirements key */
color: rgb(var(--textdarker_v));
}
#app-mount .content__45a6a { /* requirements rating */
color: rgb(var(--textdarker_v));
}
#app-mount .bodySection_ae0d90 { /* sidebar section */
background-color: rgba(var(--transparencycolor_v), .2);
border-top-color: var(--background-modifier-accent);
}
#app-mount .actionText__1ae94 { /* sidebar header */
color: var(--text-normal);
}
#app-mount .purchaseUnitOperatingSystem_b02a69 { /* sidebar OSicon */
color: rgb(var(--textdarkest_v));
}
#app-mount .price_f6c36e, /* sidebar price */
#app-mount .listingPrice__4b50b {
color: var(--header-primary);
}
#app-mount .title_a81dd3 { /* sidebar subtitle */
color: var(--header-primary);
}
#app-mount .skuNormal__1aa9d { /* sidebar pricerow */
border-bottom-color: var(--background-modifier-accent);
}
#app-mount .name__71fd4 { /* sidebar pricename */
color: var(--header-secondary);
}
#app-mount .sku_e2d34f:hover .name__71fd4 {
color: var(--header-primary);
}
#app-mount .price_afc9b2 { /* sidebar priceamount */
background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-primary);
}
#app-mount .label__8394d { /* sidebar label */
color: rgb(var(--textdarker_v));
}
#app-mount .info__087e0 { /* sidebar labelinfo */
color: var(--header-primary);
}
#app-mount .content__8af7f { /* invitecard container */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .name_d69e36 { /* invitecard guildname */
color: var(--header-secondary);
}
#app-mount .memberInfo_a41c1a { /* invitecard memberinfo */
color: rgb(var(--textdarker_v));
}
.premiumSubscriptionAccountCredit__6bab4 { /* abonnements abocard */
background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .row__80d34 { /* features row */
background-color: rgba(var(--transparencycolor_v), .2);
color: var(--header-secondary);
}
#app-mount .featureIcon__67ee4 { /* features featureicon */
color: var(--header-secondary);
}
/* ~~~~ 9. LIBRARY ~~~~ */
.header_b5ab54 { /* library table header */
background-color: transparent;
border-bottom-color: var(--background-modifier-accent);
position: relative;
}
.header_b5ab54::before,
.header_b5ab54::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.header_b5ab54::before {
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.header_b5ab54::after {
background-color: rgba(var(--transparencycolor_v), .4);
backdrop-filter: blur(var(--backgroundblur_v));
}
#app-mount .headerCellSorted__41374 {
color: var(--header-primary);
}
.rowWrapperActive_f989dd {
background-color: rgba(var(--transparencycolor_v), .2);
}
.rowWrapper__2d725 + .rowWrapper__2d725 .row_f3cc85 {
border-top-color: var(--background-modifier-accent);
}
#app-mount .rate__087a0 {
color: var(--text-muted);
}
#app-mount .background__0a6fb { /* library usagebar */
stroke: rgb(var(--transparencycolor_v), .5);
}
#app-mount .usageInfo_a68f86 { /* gamelibrary usageinfo */
color: var(--header-secondary);
}
#app-mount .installationPath_fa3a82 { /* library game row path */
box-shadow: 0 1px 0 0 var(--background-accent);
}
#app-mount .rowTitle_ec0ae0 { /* library game row title */
color: var(--text-normal);
}
#app-mount .rowBody__737e5 { /* library game row body */
color: var(--text-muted);
}
#app-mount .defaultLocationCheckbox__39884 { /* library location checkbox */
color: var(--header-primary);
}
#app-mount .defaultIndicator__2a4ea { /* library location indicator */
background-color: rgba(var(--transparencycolor_v), .5);
color: var(--header-primary);
}
#app-mount .applicationName__77e6b { /* library application name */
color: var(--header-primary);
}
#app-mount .applicationSubText_ea8d9c { /* library application subtext */
color: var(--text-muted);
}
/* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */
#app-mount .pageWrapper_fef757, /* guilddiscovery container */
#app-mount .pageContainer__1e84a { /* unihub container */
color: var(--header-primary);
}
#app-mount .pageWrapper_fef757 .searchBox__88a98, /* guilddiscovery searchbox */
#app-mount .pageContainer__1e84a .searchBox_bf114a { /* unihub searchbox */
background-color: #fff;
}
#app-mount .card__86773, /* guilddiscovery card */
#app-mount .card__73022 { /* unihub card */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .iconMask__1aff7, /* guilddiscovery iconmask */
#app-mount .iconMask_f7f012 { /* unihub iconmask */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .card__86773:hover,
#app-mount .iconMask__1aff7:hover,
#app-mount .card__73022:hover,
#app-mount .iconMask_f7f012:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .cardPlaceholder__6e28f { /* guildcard placeholder */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .loading_e7a19f { /* guildcard loading */
background-color: rgba(var(--transparencycolor_v), .5);
}
.footerImage_b0b86b {
opacity: .5;
}
.actionButtonsContainer__16c43 { /* guildcard action button */
position: relative;
background: transparent;
}
.actionButtonsContainer__16c43::before,
.actionButtonsContainer__16c43::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 4px;
pointer-events: none;
}
.actionButtonsContainer__16c43::before {
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.actionButtonsContainer__16c43::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--backgroundblur_v));
}
.spinner__97e4c { /* guildcard loading spinner */
background: transparent;
transform: none;
top: calc(50% - 24px);
left: calc(50% - 24px);
}
.spinner__97e4c::before,
.spinner__97e4c::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 8px;
pointer-events: none;
}
.spinner__97e4c::before {
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.spinner__97e4c::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.4));
backdrop-filter: blur(var(--backgroundblur_v));
}
#app-mount .addEntryCard_d9422a { /* add entry card */
background-color: rgba(var(--transparencycolor_v),.2);
border-color: var(--interactive-normal);
}
#app-mount .addEntryCard_d9422a:hover {
background-color: rgba(var(--transparencycolor_v),.4);
border-color: var(--interactive-active);
}
.emptyContainer_a4bd05 { /* search no results */
background-color: rgba(var(--transparencycolor_v), .4);
}
.placeholder__278ac { /* search placeholder */
background-color: rgba(var(--transparencycolor_v), .4);
}
/* ~~~~ 11. USERSETTINGS ~~~~ */
#app-mount .side_b4b3f6 .themed_b957e8.item__48dda:active:not(.disabled__85bca), /* sideitems */
#app-mount .topPill__0cdf1 .themed_b957e8.item__48dda:active:not(.disabled__85bca), /* tabitems */
#app-mount .side_b4b3f6 .themed_b957e8.item__48dda:hover:not(.disabled__85bca), /* sideitems */
#app-mount .topPill__0cdf1 .themed_b957e8.item__48dda:hover:not(.disabled__85bca) { /* tabitems */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda,
#app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda,
#app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:active,
#app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:active,
#app-mount .side_b4b3f6 .themed_b957e8.selected__5711d.item__48dda:hover,
#app-mount .topPill__0cdf1 .themed_b957e8.selected__5711d.item__48dda:hover {
background-color: rgb(var(--accentcolor_v));
color: #fff;
text-shadow: 1px 1px var(--textshadow_v);
}
.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;
}
#app-mount .streamerModeEnabledImage_a0d94f {
background-image: url(https://discord.com/assets/c133c9df9ee4552c188a.svg);
opacity: .5;
}
.contentRegion__0bec1 div[role="tabpanel"] { /* tabpanel */
width: 100%;
}
.toolsContainer_f5d55d { /* closebutton wrapper */
margin-right: 37px;
}
#app-mount .closeButton__34341 { /* closebutton button */
border-color: var(--channels-default);
}
#app-mount .closeButton__34341 path[fill] {
fill: var(--channels-default);
}
#app-mount .closeButton__34341:hover {
background-color: rgba(var(--accentcolor_v), .2);
border-color: var(--header-secondary);
}
#app-mount .closeButton__34341:hover path[fill] {
fill: var(--header-secondary);
}
#app-mount .closeButton__34341:active {
border-color: var(--text-normal);
}
#app-mount .closeButton__34341:active path[fill] {
fill: var(--text-normal);
}
#app-mount .keybind__57645 { /* closebutton keybind */
color: var(--channels-default);
}
#app-mount .closeButtonBold__30e2a { /* closebutton button bold */
border-color: var(--header-secondary);
}
#app-mount .closeButtonBold__30e2a path[fill] {
fill: var(--header-secondary);
}
#app-mount .closeButtonBold__30e2a:hover {
background-color: rgba(var(--accentcolor_v), .4);
border-color: var(--text-normal);
}
#app-mount .closeButtonBold__30e2a:hover path[fill] {
fill: var(--text-normal);
}
#app-mount .closeButtonBold__30e2a:active {
border-color: var(--header-primary);
}
#app-mount .closeButtonBold__30e2a:active path[fill] {
fill: var(--header-primary);
}
#app-mount .keybind__57645 { /* closebutton keybind bold */
color: var(--header-secondary);
}
.cardPrimary_cb7a0e,
.cardPrimaryEditable__25559 { /* settingsitems card */
border-color: rgba(var(--transparencycolor_v), .1);
}
.cardPrimary_cb7a0e {
background-color: rgba(var(--transparencycolor_v), .2);
}
.cardPrimaryEditable__25559 {
background-color: rgba(var(--transparencycolor_v), .1);
}
.cardPrimaryOutline__9df8a {
border-color: rgba(var(--transparencycolor_v), .2);
}
.accountProfileCard__22589 { /* accountsettings container */
background: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
.accountProfileCard__22589::before,
.accountProfileCard__22589::after {
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__22589::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.accountProfileCard__22589::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
.accountProfileCard__22589 .avatar__6c108 { /* accountsettings container avatar */
background-color: transparent;
border-color: transparent;
}
.questionMark__8d22a svg { /* accountsettings questionmark */
filter: drop-shadow(1px 1px var(--textshadow_v));
}
#app-mount .background_b61fcc { /* accountsettings container */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .fieldList_aab0de { /* accountsettings settings */
background-color: transparent;
}
.connectContainer__8050b { /* connections container */
background-color: rgba(var(--transparencycolor_v), .4);
}
.accountButtonInner__80e3a { /* connections connectioninner */
background-color: rgba(var(--transparencycolor_v), .2);
}
.accountButtonInner__80e3a:hover {
background-color: rgb(var(--accentcolor_v));
}
.connection_fff5f6 { /* connections connection */
background-color: rgba(var(--transparencycolor_v), .3);
}
.connectionHeader__3c82d { /* connections connection header */
background-color: rgba(var(--transparencycolor_v), .2);
}
.guildHeader__30707 { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor_v), .5);
}
.guildSubscriptionSlot_b76fc6 { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor_v), .3);
}
.cardWrapper_bc8d2a { /* boostsettings suggestioncard */
background-color: rgba(var(--transparencycolor_v), .2);
}
.cardWrapper_bc8d2a:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
.cardWrapper_bc8d2a .card__11580, /* boostsettings suggestioncard inner */
.cardWrapper_bc8d2a .card__11580:hover {
background-color: transparent;
}
#app-mount .gemIndicatorContainer_b03ca0 { /* boostsettings suggestioncard circle */
background-color: transparent;
}
#app-mount .summaryInfo_b57acb { /* boostsettings past transactions summary */
color: var(--header-primary);
}
#app-mount .payment__7d702 { /* boostsettings past transactions payment */
background-color: transparent;
color: var(--header-secondary);
}
#app-mount .hoverablePayment__3ea24:hover {
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .paymentHeader__50c05 { /* boostsettings past transactions header */
color: var(--header-primary);
border-color: var(--background-modifier-accent);
}
#app-mount .expandedInfo__47bad { /* boostsettings past transactions expandedinfo */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .paymentText_deeaf4 { /* boostsettings past transactions paymenttext */
color: var(--header-secondary);
}
#app-mount .giftIcon__9d0ce { /* boostsettings past transactions gifticon */
color: var(--header-primary);
}
#app-mount .guildHeaderBackground__04920 {
background-image: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg);
opacity: .75;
}
#app-mount .emptyGuilds-1cEt2M {
background-image: url(https://discord.com/assets/33de08d0b379a019874a.svg);
opacity: .75;
}
#app-mount .paymentPane__9cf01 { /* boostsettings past transactions */
background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-primary);
}
#app-mount .paginator_e620d3 { /* boostsettings past transactions paginator */
background: rgba(var(--transparencycolor_v), .3);
color: var(--text-muted);
}
#app-mount .bottomDivider_a59d97 { /* boostsettings past transactions divider */
border-bottom-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .tab_b317f5 { /* boostsettings past transactions tab */
color: var(--text-muted);
}
#app-mount .externalRowHeader_d353ca { /* boostsettings past transactions extenal row */
color: var(--header-secondary);
}
#app-mount .emptyStateImage__3e0a5 { /* giftinventory no gifts */
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
opacity: 0.6;
}
#app-mount .codeRedemptionRedirect_bc7f36 { /* payment coderedem */
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgba(var(--transparencycolor_v), .1);
color: var(--header-primary);
}
.membershipDialogHouse1__24868 { /* hypesquad membershipdialogs */
background-color: rgba(156, 132, 239, .8);
}
.membershipDialogHouse2_e343cb {
background-color: rgba(244, 123, 103, .8);
}
.membershipDialogHouse3_d0cf09 {
background-color: rgba(69, 221, 192, .8);
}
.videoWrapper__7b3e0 {
background-color: rgba(var(--transparencycolor_v), .4);
}
.container__6d33c { /* voicesettings voicebarcontainer */
-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/common/voice_level_bar.svg);
}
.notches__065e9 {
background: transparent !important;
}
#app-mount .progress__2cc1d { /* voicesettings voicebar */
background-color: rgba(var(--transparencycolor_v), .3);
}
.icon__596c8[src="/assets/6762ed8abdaef6a7f6fc.png"],
.icon__596c8[src="/assets/5af9f85713084d6867a6.png"] {
-webkit-mask: url(https://discord.com/assets/6762ed8abdaef6a7f6fc.png) center/contain no-repeat;
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
.icon__596c8[src="/assets/ea67b1321e3d4154e476.png"],
.icon__596c8[src="/assets/12c09c71eb271a47bcab.png"] {
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.png) center/contain no-repeat;
background-color: var(--header-primary);
object-position: -999999px -999999px;
}
.cameraWrapper__1ee6d { /* voicesettings video */
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgba(var(--transparencycolor_v), .1);
}
.backgroundOptionInner__1477f { /* voicesettings background option */
background-color: rgba(var(--transparencycolor_v), .4);
}
.option_a0c054 { /* overlay option */
background-color: rgba(var(--transparencycolor_v), .4);
}
.option_a0c054:hover,
.option_a0c054.selected_ea51d6 {
box-shadow: 0 2px 0 rgba(var(--transparencycolor_v), .3);
}
.disabled_ab18dc {
color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .row__7a44a { /* hotkeys row */
box-shadow: inset 0 -1px 0 var(--background-modifier-accent);
}
#app-mount .card_dc88cd::before { /* settingscard backdrop */
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgba(var(--transparencycolor_v), .1);
}
#app-mount .button__71a0f { /* settingscard removebutton */
background-color: rgba(var(--transparencycolor_v), .3);
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .6), 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .button__71a0f:hover {
background-color: rgba(var(--transparencycolor_v), .7);
}
#app-mount .game__19f4b { /* games card */
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
}
#app-mount .gameNameInput_e25dd8:focus,
#app-mount .gameNameInput_e25dd8:hover {
background-color: rgba(var(--transparencycolor_v), .3);
border-color: rgba(var(--transparencycolor_v), .1);
}
#app-mount .gameName_aeeab5 { /* games gamename */
color: var(--header-primary);
}
#app-mount .lastPlayed_accc56, /* games lastplayed */
#app-mount .overlayStatusText__61367 { /* games overlaystatustext */
color: var(--text-muted);
}
#app-mount .toggleIconOn_ca5bbe .fill__80e66 { /* games overlaystatusicon */
fill: var(--text-muted);
}
#app-mount .nowPlayingAdd__7caf1 { /* games descriptionhint */
color: var(--header-secondary);
}
#app-mount .nowPlaying__353c3 .gameName_aeeab5 {
color: #fff;
}
#app-mount .nowPlaying__353c3 .lastPlayed_accc56,
#app-mount .nowPlaying__353c3 .overlayStatusText__61367 {
color: #b4e1cd;
}
#app-mount .nowPlaying__353c3 .toggleIconOff_b79a58 .fill__80e66,
#app-mount .nowPlaying__353c3 .toggleIconOn_ca5bbe .fill__80e66 {
fill: #b4e1cd;
}
#app-mount .notDetected__2a0c9 { /* games nogame */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .notDetected__2a0c9 .lastPlayed_accc56 {
color: var(--header-secondary);
}
#app-mount .addGamePopout_e4ca8f { /* games add game popout */
background-color: transparent;
}
.addGamePopout_e4ca8f::before,
.addGamePopout_e4ca8f::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.addGamePopout_e4ca8f::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.addGamePopout_e4ca8f::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.15));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .addGamePopout_e4ca8f .cancelButton_b97995 {
color: var(--header-primary);
}
.preview_f42b5d { /* appearance preview */
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgba(var(--transparencycolor_v), .2);
}
/* ~~~~ 12. GUILDSETTINGS ~~~~ */
.container__467eb { /* settings confirmnotice */
position: relative;
backdrop-filter: blur(var(--backgroundblur_v));
}
.container__467eb[style*="background-color: rgba(248, 249, 249"],
.container__467eb[style*="background-color: rgba(32, 34, 37"] {
background-color: rgba(var(--transparencycolor_v), .7) !important;
}
.container__467eb[style*="background-color: rgba(248, 249, 249"] .message__13e98,
.container__467eb[style*="background-color: rgba(32, 34, 37"] .message__13e98 {
color: var(--header-primary) !important;
}
.container__467eb[style*="background-color: rgba(248, 249, 249"] .resetButton__7ae69 span[style],
.container__467eb[style*="background-color: rgba(32, 34, 37"] .resetButton__7ae69 span[style] {
color: var(--header-primary) !important;
}
.container__467eb::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
pointer-events: none;
z-index: -1;
}
.roles__2b5cf { /* rolesettings intro roles */
z-index: 2;
}
.profileCard__03b33 { /* rolesettings intro profile */
position: relative;
z-index: 1;
}
.profileCard__03b33::before,
.profileCard__03b33::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.profileCard__03b33::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.profileCard__03b33::after {
backdrop-filter: blur(var(--popoutblur_v));
}
.sidebar_bdf6b7 { /* rolesettings sidebar */
background-color: rgba(var(--transparencycolor_v), .1);
border: none;
}
.container_d5f6d0 { /* rolesettings everyone role */
background-color: rgba(var(--transparencycolor_v), .2);
}
.container_d5f6d0:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
.settingCard__00567 { /* rolesettings setting card */
background-color: rgba(var(--transparencycolor_v), .2);
}
.settingCard__00567.active__898cd { /* rolesettings setting card active */
background-color: rgba(var(--transparencycolor_v), .3);
}
.cardFolder__34393 { /* rolesettings setting card body */
background-color: transparent;
}
.group__6ae8b { /* rolesettings permissions group */
border-color: rgb(var(--transparencycolor_v), .4);
}
.item_f48d11 { /* rolesettings permissions item */
background: rgb(var(--transparencycolor_v), .2);
}
.item_f48d11:hover {
background: rgb(var(--transparencycolor_v), .4);
}
.passthrough__7cd54.selected__47401 { /* rolesettings permissions passthrough selected */
background: rgb(var(--accentcolor_v));
}
.icon__4c736 { /* rolesettings everyone role icon */
background-color: rgba(var(--transparencycolor_v), .4);
}
.titleContainer_e558ff, /* rolesettings roles list header */
.header__63c59 { /* rolesettings perms list header */
background-color: transparent;
}
.titleElevated__6a163,
.stickyHeaderElevated__89bcf {
box-shadow: none;
}
.header__63c59::before,
.header__63c59::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.header__63c59::before {
background: var(--background_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
.header__63c59::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v)));
backdrop-filter: blur(var(--backgroundblur_v));
}
.roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) { /* rolesettings role row */
background-color: rgba(var(--transparencycolor_v), .2);
}
.roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) .circleButton__29ce2 {
background-color: rgba(var(--transparencycolor_v), .2);
}
.roleRow_c357d5:hover:not(.roleRowDisableHover__9fe35) .circleButton__29ce2:hover {
background-color: rgb(var(--accentcolor_v));
}
.roleRow_c357d5:before,
.roleRow_c357d5:last-child:after {
background-color: var(--background-modifier-accent);
}
.memberRow__91c35:hover { /* rolesettings member row */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .colorPickerSwatch__87597.noColor_bf5131 { /* rolesettings colorswatch nocolor */
border-color: rgba(var(--textbrightest_v), .3);
}
#app-mount .colorPickerSwatch__87597.noColor_bf5131 .colorPickerDropperFg__72d34 {
fill: var(--header-primary);
}
#app-mount .colorPickerSwatch__87597.noColor_bf5131 polyline {
stroke: var(--header-primary);
}
.previewContainer_d2b616 { /* rolesettings preview */
border: none;
}
#app-mount .dragged__76dd2 { /* rolesettings dragged */
-webkit-mask: url(https://discord.com/assets/038a865e09c25dc13e30.svg) center/contain no-repeat;
background: var(--background-tertiary);
}
.messageContainer__18275 { /* rolesettings preview message */
background-color: rgba(var(--transparencycolor_v), .2);
}
.theme-light .messageContainer__18275 {
display: none;
}
.addMemberRow_d14116.selectedRow__754b4 { /* rolesettings add member row */
background-color: rgba(var(--transparencycolor_v), .2);
}
/* emojisettings alias */
#app-mount .emojiRow__4661c:hover .emojiAliasPlaceholderContent_ea7491,
#app-mount .emojiRow__4661c:focus-within .emojiAliasPlaceholderContent_ea7491 {
visibility: hidden !important;
color: transparent !important;
}
#app-mount .emojiAliasInput_dd55f7 .emojiInput__4fe54 { /* emojisettings nameinput */
background-color: rgba(var(--transparencycolor_v), .1);
}
#app-mount .auditLog__6c805 { /* auditlogs logitem */
border-color: rgba(var(--transparencycolor_v), .1);
color: var(--text-muted);
}
#app-mount .headerClickable_c4d7a9, /* auditlogs loginner */
#app-mount .headerDefault__3e003 {
background-color: rgba(var(--transparencycolor_v), .2);
color: var(--header-secondary);
}
#app-mount .headerExpanded__03c29 {
background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-secondary);
}
#app-mount .divider__1505d { /* auditlogs loginnerdivider */
background-color: var(--background-modifier-accent);
}
#app-mount .changeDetails_ecd760 { /* auditlogs logdetails */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .userHook_b1bf70 { /* auditlogs userhook */
color: var(--header-primary);
}
#app-mount .auditLog__6c805 strong { /* auditlogs targets */
color: var(--header-primary);
}
#app-mount .timestamp__2f935 { /* auditlogs timestamp */
color: var(--text-muted);
}
#app-mount .expandForeground_c53c75 { /* auditlogs expandarrow */
stroke: var(--header-secondary);
}
.themeOverrideLight__48338.icon__99140, /* auditlogs logicon */
.themeOverrideDark_e29cce.icon__99140,
#app-mount .icon__99140 {
background: none !important;
}
.icon__99140::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--header-primary);
}
.icon__99140.applicationCommand__0aaef::before {
-webkit-mask: url(https://discord.com/assets/295610bf2d3ec357b4bb.svg);
}
.icon__99140.autoModerationBlockMessage__473dc::before {
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
}
.icon__99140.autoModerationRule__66a81::before {
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
}
.icon__99140.targetAll__6358b::before {
-webkit-mask: url(https://discord.com/assets/cda90da758440b5e2cbc.svg);
}
.icon__99140.targetBan__28b70::before {
-webkit-mask: url(https://discord.com/assets/559f43e29d80d719b397.svg);
}
.icon__99140.targetChannel__62934::before {
-webkit-mask: url(https://discord.com/assets/fd8bb90a4678f63f6a50.svg);
}
.icon__99140.targetEmoji__499cd::before {
-webkit-mask: url(https://discord.com/assets/b734b6798a8b89611ee7.svg);
}
.icon__99140.targetGuild__170a1::before {
-webkit-mask: url(https://discord.com/assets/30039d24e09f9ae53597.svg);
}
.icon__99140.targetGuildHome__8d852::before {
-webkit-mask: url(https://discord.com/assets/bde25f93c922e02f8459.svg);
}
.icon__99140.targetGuildScheduledEvent_eefa31::before {
-webkit-mask: url(https://discord.com/assets/119b4083c9d4fce05f2d.svg);
}
.icon__99140.targetIntegration_f4a496::before {
-webkit-mask: url(https://discord.com/assets/a82903ac1478ed97b6d4.svg);
}
.icon__99140.targetInvite__46153::before {
-webkit-mask: url(https://discord.com/assets/5cc5c2e0ad18a7c383d8.svg);
}
.icon__99140.targetMember__27dad::before {
-webkit-mask: url(https://discord.com/assets/c53abf7172caf6e94497.svg);
}
.icon__99140.targetMemberRole__7fd6d::before {
-webkit-mask: url(https://discord.com/assets/63a73b3d5daccfd7a8fc.svg);
}
.icon__99140.targetMessage__0ca53::before {
-webkit-mask: url(https://discord.com/assets/f88edd51273b2e14999a.svg);
}
.icon__99140.targetPermission_a619b3::before {
-webkit-mask: url(https://discord.com/assets/93b984f7ed0c42796562.svg);
}
.icon__99140.targetRole_f0db36::before {
-webkit-mask: url(https://discord.com/assets/842d46ac28c4cc831849.svg);
}
.icon__99140.targetStageInstance_f9d669::before {
-webkit-mask: url(https://discord.com/assets/f39f5d92d79071dcd992.svg);
}
.icon__99140.targetSticker__18d72::before {
-webkit-mask: url(https://discord.com/assets/0020113abbe97807c0be.svg);
}
.icon__99140.targetVanityUrl_d8b24a::before {
-webkit-mask: url(https://discord.com/assets/9ecac67adfc57255096c.svg);
}
.icon__99140.targetWebhook__5177a::before {
-webkit-mask: url(https://discord.com/assets/2cb2c7601c0b9a2a1ccd.svg);
}
.icon__99140.targetWidget_aaaf18::before {
-webkit-mask: url(https://discord.com/assets/fb3b404502ba18187ace.svg);
}
.icon__99140.thread_a2b0da::before {
-webkit-mask: url(https://discord.com/assets/6960c3e51b7f0dcefcc0.svg);
}
#app-mount .card_fd0d59 { /* integrationsettings card */
border-color: rgba(var(--transparencycolor_v), .1)
}
#app-mount .card__05cf8 { /* integrationsettings webhook card */
border-color: rgba(var(--transparencycolor_v), .1)
}
#app-mount .card__39d1a { /* integrationsettings apps card */
border-color: rgba(var(--transparencycolor_v), .1)
}
#app-mount .card__78185 { /* integrationsettings follows card */
border-color: rgba(var(--transparencycolor_v), .1)
}
#app-mount .iconWrapper__8fbb1 { /* integrationsettings icon */
background-color: rgba(var(--transparencycolor_v), .4);
}
.guildDetails_fc2c63 { /* communitysettings intro details */
background-color: rgba(var(--transparencycolor_v), .4);
}
.featureCard__0a441 { /* communitysettings intro featurecard */
background-color: rgba(var(--transparencycolor_v), .3);
}
.featureIcon__48a2c { /* communitysettings intro featureicon */
background-color: rgba(var(--transparencycolor_v), .3);
}
.upsellContainer__978df { /* communitysettings general upsellcontainer */
background-color: rgba(var(--transparencycolor_v), .2);
}
.upsellFooter__63475 { /* communitysettings general upsellfooter */
background-color: rgba(var(--transparencycolor_v), .2);
}
.developerPortalCtaWrapper__21172 { /* communitysettings analytics info */
background-color: rgba(var(--transparencycolor_v), .3);
}
.analyticsCard_a976ba { /* communitysettings analytics card */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .card__81c50 { /* communitysettings discovery card */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .iconMask_c8b196 { /* communitysettings discovery icon */
background-color: rgba(var(--transparencycolor_v), .2);
}
.splashImage_bfd001[src="/assets/467602d632b5f9c1ce4b.svg"],
.splashImage_bfd001[src="/assets/d4d9f2bff23beec65b1f.svg"] {
background: url(https://discord.com/assets/467602d632b5f9c1ce4b.svg) center/cover no-repeat;
opacity: .75;
object-position: -999999px -999999px;
}
.container__0d7bc { /* communitysettings discovery checklist */
background-color: rgba(var(--transparencycolor_v), .3);
}
.header_d08072 { /* communitysettings discovery checklist header */
background-color: rgba(var(--transparencycolor_v), .3);
}
.descriptionBox_cca0c3 { /* templatesettings descriptionbox */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .tierHeaderLocked__4d099 { /* boostsettings tierheaderlocked */
background-color: rgba(var(--transparencycolor_v), .4);
color: var(--header-secondary);
}
#app-mount .tierHeaderUnlocked_cc60fa { /* boostsettings tierheaderunlocked */
background-color: rgba(var(--transparencycolor_v), .5);
}
#app-mount .tierCloseClose_b6b875 { /* boostsettings tiercloseclose */
color: var(--header-primary);
}
#app-mount .tierBody__615a1 { /* boostsettings tierbody */
background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-secondary);
}
#app-mount .tierInProgress_f08e8b { /* boostsettings tiermilestone */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .background__3dd67 { /* boostsettings tierbar (settings) */
color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .member__55269 { /* membersettings membercard */
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
}
#app-mount .member__55269 .name__7635a { /* membersettings membercardname */
color: var(--header-primary);
}
#app-mount .member__55269 .tag__1a537 { /* membersettings membercardtag */
color: var(--text-muted);
}
#app-mount .member__55269 .roleWrapper__0f174 { /* membersettings rolewrapper */
color: rgba(var(--textbrightest_v),.8);
}
#app-mount .actionButton__81eaa { /* membersettings addrolebutton */
border-color: var(--header-secondary);
color: var(--header-secondary);
}
#app-mount .member__55269 .overflowIconFg__2b31c { /* membersettings 3-dot icon */
fill: var(--header-primary);
}
#app-mount .member__55269 .ownerHelpIcon__021a4 { /* membersettings help icon */
color: var(--header-primary);
}
#app-mount .overflowRolesPopout__88ab9, /* membersettings roleoverflow popout */
#app-mount .overflowRolesPopoutArrow_f3db31 {
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .2), 0 2px 10px 0 rgba(var(--transparencycolor_v), .2);
border: none;
border-radius: 3px;
overflow: hidden;
}
.overflowRolesPopout__88ab9::before,
.overflowRolesPopoutArrow_f3db31::before,
.overflowRolesPopout__88ab9::after,
.overflowRolesPopoutArrow_f3db31::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.overflowRolesPopout__88ab9::before,
.overflowRolesPopoutArrow_f3db31::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.overflowRolesPopout__88ab9::after,
.overflowRolesPopoutArrow_f3db31::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
backdrop-filter: blur(var(--popoutblur_v));
}
.overflowRolesPopoutHeaderIcon__07f88 path {
fill: var(--header-secondary);
}
.overflowRolesPopoutHeaderText_dabff2 {
color: var(--header-secondary);
}
#app-mount .to_d0a2ea { /* membersettings transfer to */
background-color: rgba(var(--transparencycolor_v), .3);
box-shadow: 0 0 0 4px rgba(var(--transparencycolor_v), .3);
}
#app-mount .fromToWrapper__2c6f3 {
background: transparent;
}
#app-mount .fromToWrapper__2c6f3::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-mask: url(https://discord.com/assets/a2e6c7df5d20d1aeaacb.svg) 50% 0 no-repeat;
background: var(--header-primary);
}
#app-mount .inviteSettingsInviteRow__0d747 { /* invitesettings invitecard */
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
}
#app-mount .bannedUser__38b44 { /* bansettings bancard */
background-color: transparent;
box-shadow: 0 1px 0 0 var(--background-modifier-accent);
}
#app-mount .bannedUser__38b44:hover {
background-color: rgba(var(--transparencycolor_v), .3);
}
/* ~~~~ 13. MODALS ~~~~ */
.layer_ad604d:nth-child(1),
.withLayer__1fe9d:nth-child(1) {
z-index: 1002;
}
.layer_ad604d:nth-child(2),
.withLayer__1fe9d:nth-child(2) {
z-index: 1003;
}
.layer_ad604d:nth-child(3),
.withLayer__1fe9d:nth-child(3) {
z-index: 1004;
}
.layer_ad604d:nth-child(4),
.withLayer__1fe9d:nth-child(4) {
z-index: 1005;
}
.layer_ad604d:nth-child(5),
.withLayer__1fe9d:nth-child(5) {
z-index: 1006;
}
.layer_ad604d:nth-child(6),
.withLayer__1fe9d:nth-child(6) {
z-index: 1007;
}
.layer_ad604d:nth-child(7),
.withLayer__1fe9d:nth-child(7) {
z-index: 1008;
}
.layer_ad604d:nth-child(8),
.withLayer__1fe9d:nth-child(8) {
z-index: 1009;
}
.layer_ad604d:nth-child(9),
.withLayer__1fe9d:nth-child(9) {
z-index: 1010;
}
.layer_ec16dd {
z-index: 1011;
}
#app-mount .root_a28985:not(.noBackground_ebd8f7), /* modal container (foldersettings) */
#app-mount .modal__060da { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
border-radius: 5px;
transform: unset !important;
}
#app-mount .rootWithShadow__073a7:not(.noShadow__49254) {
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
.root_a28985 > *,
.modal__060da > * {
z-index: 1;
}
.root_a28985::before,
.modal__060da::before,
.root_a28985::after,
.modal__060da::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_a28985::before,
.modal__060da::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.root_a28985::after,
.modal__060da::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
.root_a28985 .modal__060da::before,
.root_a28985.noBackground_ebd8f7::before,
.modal_d2e7a7::before,
.root_a28985 .modal__060da::after,
.root_a28985.noBackground_ebd8f7::after,
.modal_d2e7a7::after {
display: none;
}
#app-mount .zoomedCarouselModalRoot__1e2da {
background: transparent !important;
}
#app-mount .modalTextContainer_ddfc28 { /* modal text file */
background-color: rgba(var(--transparencycolor_v), .5);
border: none;
}
#app-mount .footer__89240,
#app-mount .footer__09373 { /* modal footer */
background-color: rgba(var(--transparencycolor_v), .2);
z-index: 0;
}
#app-mount .footerSeparator__57d95 {
box-shadow: none;
}
.tabBarContainer__63f55 { /* modal tabbarcontainer */
border-top-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .modal_6GHvdM .tabBarContainer__63f55 {
background: rgba(var(--transparencycolor_v), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .1);
}
#app-mount .content_ab56e9 + .videoContainer_a9d080 {
box-sizing: border-box;
height: 100%;
}
#app-mount .testimonialContainer__3e4a3 path[fill="#2B2D31"] {
fill: var(--background-secondary);
}
#app-mount .testimonialContainer__3e4a3 .quotes__35cf8 {
color: var(--header-secondary);
}
#app-mount .separator_ff09cd {
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v),.3), 0 1px 2px 0 rgba(var(--transparencycolor_v),.3);
}
#app-mount .divider__1464c {
border-color: var(--background-modifier-accent);
}
#app-mount .message__3ad07 {
color: var(--header-secondary);
}
#app-mount .secondaryButton_e0812e {
color: var(--header-primary);
}
#app-mount .imageUpgrade__02fcc {
background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg);
}
#app-mount .imageCancel_e3036f {
background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
}
#app-mount .imageUnclaimed__3f7ec {
background-image: url(https://discord.com/assets/41675689ca055858e137.svg);
opacity: .5;
}
#app-mount .imageUnverified__6dc24 {
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
opacity: .5;
}
#app-mount .divider__17151 {
border-color: var(--background-modifier-accent);
}
#app-mount .backButtonColor_ceeab9 {
color: var(--header-primary);
}
#app-mount .checkboxLabel__56eeb {
color: var(--header-secondary);
}
/* ---- 13.1. USERMODAL ----- */
.listRow__60937:hover {
background-color: rgba(var(--transparencycolor_v), .2);
}
.emptyIcon__655a1 { /* body emptypic */
opacity: .5;
}
.profileColors__2e2f0 .mask__1979f circle {
fill: transparent;
}
/* ---- 13.2. GUILDADD/CREATION ----- */
.container__73245, /* create modal item */
.guildRow_b1c31c { /* hub modal item */
background-color: rgb(var(--transparencycolor_v), .2);
border: none;
}
.container__73245:hover,
.guildRow_b1c31c:hover {
background-color: rgb(var(--transparencycolor_v), .4);
}
.text__43e5f, /* create modal text */
.guildName_e8fc4b { /* hub modal text */
color: var(--header-secondary);
}
.container__73245:hover .text__43e5f,
.guildRow_b1c31c:hover .guildName_e8fc4b {
color: var(--header-primary);
}
.arrow__5e540, /* create modal arrow */
.guildName_e8fc4b ~ img { /* hub modal arrow */
object-position: -999999px -999999px;
-webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.svg) center/cover no-repeat;
background: var(--header-secondary);
}
.container__73245:hover .arrow__5e540,
.guildRow_b1c31c:hover .guildName_e8fc4b ~ img {
background: var(--header-primary);
}
.input__0c269 { /* modal invite input */
background: transparent;
}
.inputInner__2e566 { /* modal invite input inner */
border: 1px solid var(--deprecated-text-input-border);
}
/* ---- 13.3. UPLOADMODAL ---- */
#app-mount .uploadModal_eae2a0 { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
border-radius: 10px;
}
.uploadModal_eae2a0::before,
.uploadModal_eae2a0::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_eae2a0::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.uploadModal_eae2a0::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
.uploadModalIn_c0ca4b .uploadDropModal__73a36 {
width: unset;
}
.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .title__73a49,
.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .instructions__9e259 {
text-shadow: 1px 1px var(--textshadow_v);
}
.uploadModal_eae2a0 .inner__7afe9 { /* modal channeltextarea */
background-color: rgba(var(--transparencycolor_v), .3);
}
.uploadModal_eae2a0 .footer_ceda43 { /* modal footer */
background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: none;
}
.uploadModal_eae2a0 .inner__7afe9 .file_f309f6 .icon__25b13.image__00ac0 {
box-shadow: 0 2px 8px rgba(var(--transparencycolor_v), .4);
}
/* ---- 13.4. KEYBOARDSHORTCUTSMODAL ---- */
#app-mount .keyboardShortcutsModal__74c71 { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
overflow: hidden;
}
.keyboardShortcutsModal__74c71::before,
.keyboardShortcutsModal__74c71::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.keyboardShortcutsModal__74c71::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.keyboardShortcutsModal__74c71::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .modalTitle_cf2de1 { /* modal title */
color: var(--header-primary);
}
#app-mount .modalSubtitle__40325 { /* modal subtitle */
border-color: var(--background-modifier-accent);
color: var(--text-normal);
}
#app-mount .keyboardShortcutList__1f357 .keybindGroup_bd18f5 .keybindDescription__74fa6 {
color: var(--header-secondary);
}
#app-mount .combo__57290 {
color: var(--header-primary);
}
#app-mount .combo__57290 .key__06fe6 {
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 .combo__57290 .key__06fe6:active {
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .6);
border: 1px solid rgb(0, 0, 0);
color: var(--header-secondary);
}
/* ---- 13.5. QUICKSWITCHER ---- */
#app-mount .quickswitcher_a3d29a { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
overflow: hidden;
flex: 1 1 auto;
}
.quickswitcher_a3d29a::before,
.quickswitcher_a3d29a::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.quickswitcher_a3d29a::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.quickswitcher_a3d29a::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .emptyState_afda24 {
background: transparent;
}
#app-mount .emptyState_afda24::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(https://discord.com/assets/c586aac99de98cfb010d.svg) center/100px no-repeat;
opacity: .5;
}
.root_a28985 .quickswitcher_a3d29a::before,
.root_a28985 .quickswitcher_a3d29a::after {
display: none;
}
.scroller__52ae7 {
background-color: transparent;
}
#app-mount .input__848cd { /* modal input */
background-color: rgba(var(--transparencycolor_v), .4);
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .result__25f11[aria-selected=true] { /* modal resultselected */
background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 13.6. INVITEMODAL/GROUPCREATE ---- */
#app-mount .contentWrapper__85d37 { /* modal guildinvitemodal */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
overflow: hidden;
}
.contentWrapper__85d37::before,
.contentWrapper__85d37::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.contentWrapper__85d37::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.contentWrapper__85d37::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .friendSelected_f0db37, /* modal groupdmrow */
#app-mount .inviteRow_a25947:hover { /* modal guildrow */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .friend__05c43, /* modal groupdmrow */
#app-mount .inviteRowName_bc8b23 { /* modal username */
color: var(--header-secondary);
}
#app-mount .friendSelected_f0db37,
#app-mount .inviteRow_a25947:hover .inviteRowName_bc8b23 {
color: var(--header-primary);
}
#app-mount .checkBoxLabel__29660,
#app-mount .footerText__614f3,
#app-mount .subtitle__593cd,
#app-mount .subText__9988c {
color: var(--header-secondary);
}
.tag__69d9d { /* modal added user */
background-color: rgb(var(--accentcolor_v));
color: #fff;
text-shadow: 1px 1px var(--textshadow_v);
}
.pill_c0440d {
background-color: rgba(var(--transparencycolor_v), .5);
}
#app-mount .notFriends__778a1 .errorStateIcon__7edd8 {
background-image: url(https://discord.com/assets/07aa1f325ebe8b8af5cb.svg);
opacity: 0.6;
}
#app-mount .noFriends_a7f7ca .errorStateIcon__7edd8 {
background-image: url(https://discord.com/assets/adfe130868d2bcf467b5.svg);
opacity: 0.6;
}
#app-mount .partyFull_c6b62b .errorStateIcon__7edd8 {
background-image: url(https://discord.com/assets/53d74eda11a4185c1acd.svg);
opacity: 0.6;
}
#app-mount .noResults_c69767 .errorStateIcon__7edd8 {
background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
opacity: 0.6;
}
/* ---- 13.7. LOGINSCREEN ---- */
#app-mount .wrapper_eebc2d { /* login wrapper */
background: transparent;
}
.wrapper_eebc2d::before, /* login winbuttonshadow */
.wrapper_eebc2d .rightSplit__46a42, /* login background */
.wrapper_eebc2d .canvas_c398ff { /* login movingshadow */
display: none;
}
#app-mount .authBox__7196a { /* login modal body */
background-color: transparent;
box-shadow: none;
color: var(--text-muted);
position: relative;
overflow: hidden;
}
#app-mount .authBox__7196a.authBoxExpanded_e57789 { /* login modal body expanded */
background-color: rgba(var(--transparencycolor_v), .5);
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .navRow_bb8efc { /* modal modal footer */
background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 13.8. DOWNLOADAPPMODAL ---- */
#app-mount .downloadApps__30ed7 { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
overflow: hidden;
}
.downloadApps__30ed7::before,
.downloadApps__30ed7::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.downloadApps__30ed7::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.downloadApps__30ed7::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
.downloadApps__30ed7 .header__01af9 {
color: var(--text-normal);
}
.downloadApps__30ed7 .footer__49ae9 {
color: var(--text-muted);
}
.downloadApps__30ed7 .platforms__86929 .platform__97f9e {
border-color: var(--header-secondary);
}
.downloadApps__30ed7 .platforms__86929 .platform__97f9e p {
color: var(--header-secondary);
}
.downloadApps__30ed7 .platforms__86929 .platform__97f9e .downloadButton__87489 {
background-color: var(--header-secondary);
}
.downloadApps__30ed7 .platforms__86929 .platform__97f9e.active__8f9aa .downloadButton__87489 {
text-shadow: 1px 1px var(--textshadow_v);
}
/* ---- 13.9. GUILDBOOSTMODAL ---- */
#app-mount .subscriberCount__53026 { /* modal subcount */
color: var(--header-secondary);
}
#app-mount .subscriberCount__53026 strong {
color: var(--text-normal);
}
#app-mount .moreSubscribers_a13ebc { /* modal suboverflow */
background-color: rgba(var(--transparencycolor_v), .3);
color: var(--header-primary)
}
#app-mount .subscribersPopout__1da1e { /* subpopout container */
background-color: transparent;
box-shadow: 0 2px 10px rgba(var(--transparencycolor_v), .2);
overflow: hidden;
}
.subscribersPopout__1da1e::before,
.subscribersPopout__1da1e::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.subscribersPopout__1da1e::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.subscribersPopout__1da1e::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .subscribersPopoutUser_a790de { /* subpopout users */
color: var(--header-secondary);
}
#app-mount .iconWrapper__9caa9 { /* prebuy popout amount icon wrapper */
background: rgba(var(--transparencycolor_v), .3);
}
.icon_ae3492:hover { /* prebuy popout amount icon */
background: rgb(var(--accentcolor_v));
}
/* ---- 13.10. REACTIONSMODAL ---- */
#app-mount .scroller__5fda0 { /* modal sidebar */
background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .reactors__20ab0 { /* modal list */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .reactionDefault__792ef:hover { /* modal reaction */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .reactionSelected__249a7 {
background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .remove__6bd0e { /* modal remove */
color: var(--interactive-normal);
}
#app-mount .remove__6bd0e:hover {
background-color: rgba(var(--transparencycolor_v), .4);
color: var(--interactive-hover);
}
#app-mount .discriminator__18879 { /* modal discriminator */
color: var(--text-muted);
}
/* ---- 13.11. GUILDWELCOMEMODAL ---- */
.optionContainer__5d0b1 { /* modal option */
background-color: rgba(var(--transparencycolor_v), .2);
}
.optionContainer__5d0b1:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
/* ---- 13.12. GUILDRULESMODAL ---- */
.guildSidebar__8763f { /* modal sidebar */
background-color: rgba(var(--transparencycolor_v), .4);
}
.footer__2f589 { /* modal footer */
background: transparent;
}
.modal_b38209 { /* modal inner */
background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 13.13. GUILDFEEDBACKMODAL ---- */
.root_b4f834 { /* modal items */
background-color: transparent;
border-radius: 0;
}
.option_f70eea { /* modal item */
background-color: rgb(var(--transparencycolor_v), .2);
border: none;
border-radius: 8px;
margin-bottom: 8px;
}
.option_f70eea:hover {
background-color: rgb(var(--transparencycolor_v), .4);
}
/* ---- 13.14. SCREENSHAREMODAL ---- */
#app-mount .sourceThumbnail__21c87 { /* modal preview tiles */
background-color: rgba(var(--transparencycolor_v), .4);
box-shadow: 0 2px 5px rgba(var(--transparencycolor_v), .2), 0 0 0 1px rgba(var(--transparencycolor_v), .6);
}
.card__7756d {
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .item__126a6 {
border-color: rgba(var(--transparencycolor_v), .4);
}
.selectorButton_c6ae93:not(.selectorButtonSelected_fbe8fc) {
background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 13.15. PHONEVERIFICATIONMODAL ---- */
.phoneField__65729 {
background-color: rgba(var(--transparencycolor_v), .2);
}
.phoneField__65729 .inputField__3008c {
background-color: transparent;
}
.phoneFieldPopout__3e064 {
position: absolute !important;
}
/* ---- 13.16. NOTIFICATIONSMODAL ---- */
#app-mount .channelName_a1ccf5 {
color: var(--header-primary);
}
#app-mount .guildName_b9dc9e,
#app-mount .override_f2098b,
#app-mount .overrideHighlight__6a2f1 {
color: var(--header-secondary);
}
#app-mount .override_f2098b:hover {
background-color: rgba(var(--backgroundtertiary),.1);
}
#app-mount .overrideHighlight__6a2f1,
#app-mount .overrideHighlight__6a2f1:hover {
background-color: rgba(var(--backgroundtertiary),.3);
}
#app-mount .checkboxContainer__5a761::before {
background-color: rgba(var(--backgroundtertiary),.6);
}
#app-mount .overridePlaceholder__46353 {
border: 1px dashed var(--background-floating);
}
/* ---- 13.17. PODIUMSTARTMODAL ---- */
#app-mount .iconContainer__466ce {
background-color: rgba(var(--transparencycolor_v), .5);
}
/* ~~~~ 14. POPOUTS ~~~~ */
.layer_ec16dd:nth-child(1) {
z-index: 1012;
}
.layer_ec16dd:nth-child(2) {
z-index: 1013;
}
.layer_ec16dd:nth-child(3) {
z-index: 1014;
}
.layer_ec16dd:nth-child(4) {
z-index: 1015;
}
.layer_ec16dd:nth-child(5) {
z-index: 1016;
}
.layer_ec16dd:nth-child(6) {
z-index: 1017;
}
.layer_ec16dd:nth-child(7) {
z-index: 1018;
}
.layer_ec16dd:nth-child(8) {
z-index: 1019;
}
.layer_ec16dd:nth-child(9) {
z-index: 1020;
}
.translate_c2f6c4 {
transform: unset !important;
}
#app-mount .loadingPopout__5f0e8, /* loading popout */
#app-mount .container__8261a, /* 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_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
color: var(--header-primary);
position: relative;
}
.loadingPopout__5f0e8::before,
.container__8261a::before,
.themedPopout_1TrfdI::before,
.loadingPopout__5f0e8::after,
.container__8261a::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__5f0e8::before,
.container__8261a::before,
.themedPopout_1TrfdI::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.loadingPopout__5f0e8::after,
.container__8261a::after,
.themedPopout_1TrfdI::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .divider__17151 { /* popout divider */
border-color: var(--background-modifier-accent);
}
/* ---- 14.1. CONTEXTMENU ---- */
.menu_dc52c6, /* contextmenu fixed */
.submenu_acf564 { /* contextmenu submenu */
background: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
.menu_dc52c6::before,
.submenu_acf564::before,
.menu_dc52c6::after,
.submenu_acf564::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_dc52c6::before,
.submenu_acf564::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.menu_dc52c6::after,
.submenu_acf564::after {
background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
backdrop-filter: blur(var(--popoutblur_v));
}
.submenu_acf564 {
position: relative;
}
.item__183e8.colorDefault__0b482.focused__27621,
.item__183e8.colorDefault__0b482:hover:not(.hideInteraction__2790e) {
background-color: rgba(var(--accentcolor_v), .2) !important;
}
.item__183e8.colorDanger_eec36d.focused__27621,
.item__183e8.colorDanger_eec36d:hover:not(.hideInteraction__2790e) {
background-color: rgba(var(--dangercolor), .2) !important;
}
.item__183e8.colorSuccess__6b952.focused__27621,
.item__183e8.colorSuccess__6b952:hover:not(.hideInteraction__2790e) {
background-color: rgba(var(--successcolor), .2) !important;
}
.item__183e8.colorBrand__471df.focused__27621,
.item__183e8.colorBrand__471df:hover:not(.hideInteraction__2790e) {
background-color: rgba(var(--accentcolor_v), .2) !important;
}
.item__183e8.colorPremium__548bd.focused__27621,
.item__183e8.colorPremium__548bd:hover:not(.hideInteraction__2790e) {
background-color: rgba(var(--accentcolor2_v), .2) !important;
}
.item__183e8.colorPremiumGradient__45b85.focused__27621,
.item__183e8.colorPremiumGradient__45b85:hover:not(.hideInteraction__2790e) {
background: linear-gradient(90deg, rgba(var(--accentcolor2_v), .2), rgba(var(--accentcolor_v), .2)) !important;
}
#app-mount .item__183e8 .checkbox__45366 { /* contextmenu checkbox */
color: rgb(var(--accentcolor_v));
}
#app-mount .item__183e8.colorDanger_eec36d .checkbox__45366 {
color: rgb(var(--dangercolor));
}
#app-mount .item__183e8.colorSuccess__6b952 .checkbox__45366 {
color: rgb(var(--successcolor));
}
#app-mount .item__183e8.colorPremium__548bd .checkbox__45366 {
color: rgb(var(--accentcolor2_v));
}
#app-mount .item__183e8 .check__8d1bd { /* contextmenu checkmark */
color: #fff;
stroke: var(--textshadow_v);
}
.button__3ecb4 { /* contextmenu quick reaction button */
background-color: rgba(var(--transparencycolor_v), .3);
}
.button__3ecb4:hover {
background-color: rgb(var(--accentcolor_v));
}
/* ---- 14.2. USERPOPOUT ---- */
.userPopoutOuter_d739b2 { /* popout container */
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
.userProfileOuterUnthemed__48723 { /* popout container */
background: transparent;
}
.userProfileOuterUnthemed__48723::before,
.userProfileOuterUnthemed__48723::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__48723::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.userProfileOuterUnthemed__48723::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
.accountProfilePopoutWrapper_af829a .overlayBackground__86b78 {
display: block !important;
}
.profileColors__2e2f0 { /* 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__6eb84 ::-webkit-scrollbar-thumb {
background-color: var(--profile-gradient-secondary-color) !important;
}
.userProfileInnerThemed_f7ead7::after {
content: "";
position: absolute;
display: block;
background: var(--profile-gradient-primary-color);
top: 4px;
right: 4px;
left: 4px;
height: 60px;
z-index: 1;
}
.userProfileInnerThemed_f7ead7::before {
z-index: 2;
}
.userProfileInnerThemed_f7ead7 > * {
z-index: 3;
}
.userProfileInnerThemedWithBanner_d5f991::after {
height: 120px;
}
.userProfileInner__8065b { /* popout inner */
border-radius: 4px;
}
.userPopoutOuter_d739b2 .wrapper_edb6e0, /* popout avatar */
.userPopoutOuter_d739b2 .avatarWrapper { /* popout status everywhere */
background-color: transparent;
border-color: transparent;
box-sizing: content-box;
}
.root_a99273 { /* body roles */
max-height: 100px;
overflow-x: hidden;
overflow-y: scroll;
}
#app-mount .root_a99273::-webkit-scrollbar {
width: 4px;
}
#app-mount .role__631a3 { /* body role */
border-color: rgba(var(--textbrighter_v), .6);
border-radius: 5px;
padding: 0 5px;
position: relative;
}
#app-mount .role__631a3[style*="border-color: rgba(185, 187, 190, .6)"] {
border-color: rgba(var(--textbrighter_v), .6) !important;
}
#app-mount .rolePillBorder__00c58:not(.actionButton__81eaa) {
border-width: 0;
}
#app-mount .role__631a3 .roleName_d19d33 { /* body rolename */
position: relative;
color: rgb(var(--textbrightest_v));
height: 20px;
line-height: 20px;
margin: 0;
font-weight: normal;
z-index: 1000;
pointer-events: none;
}
#app-mount .role__631a3 .roleRemoveButton__737f2 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#app-mount .role__631a3 .roleCircle_bae511 { /* body rolecircle */
position: absolute;
background-color: rgb(var(--textbrighter_v));
border-radius: 3px;
opacity: 0.3;
height: 100%;
width: 100%;
margin: 0;
left: 0;
top: 0;
}
#app-mount .role__631a3 .roleCircle_bae511[style*="background-color: rgb(185, 187, 190)"] {
background-color: rgb(var(--textbrighter_v)) !important;
}
#app-mount .role__631a3 .roleCircle_bae511:not(:only-child):hover {
opacity: 1;
z-index: 2000;
cursor: pointer;
}
#app-mount .role__631a3 .roleRemoveIcon__7f63d {
z-index: 2001;
pointer-events: none;
}
#app-mount .role__631a3 .roleIcon__7599e {
z-index: 1;
}
.textarea_c5a7a3:focus { /* body note */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .wumpusTooltip_b5c0ea {
background-color: rgb(var(--accentcolor_v));
color: #fff;
text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .wumpusTooltip_b5c0ea::after {
border-color: transparent rgb(var(--accentcolor_v)) transparent transparent;
}
/* ---- 14.3. EMOJIPICKER ---- */
.contentWrapper__321ed, /* picker expression wrapper */
.emojiPicker_b65ce9, /* picker inner */
.diversitySelectorOptions__846c5 { /* picker diversityselector */
background: transparent;
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
overflow: hidden;
}
.contentWrapper__321ed::before,
.emojiPicker_b65ce9::before,
.diversitySelectorOptions__846c5::before,
.contentWrapper__321ed::after,
.emojiPicker_b65ce9::after,
.diversitySelectorOptions__846c5::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.contentWrapper__321ed::before,
.emojiPicker_b65ce9::before,
.diversitySelectorOptions__846c5::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.contentWrapper__321ed::after,
.emojiPicker_b65ce9::after,
.diversitySelectorOptions__846c5::after {
background: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
.diversitySelectorOptions__846c5::before,
.diversitySelectorOptions__846c5::after {
border-radius: 5px;
}
.diversityEmojiItem__6505f:hover { /* picker diversityemoji */
background-color: rgb(var(--accentcolor_v));
}
.navButtonActive__735cb { /* picker navbuttonactive */
background-color: rgb(var(--accentcolor_v));
color: #fff;
text-shadow: 1px 1px var(--textshadow_v);
}
.wrapper__4f229 { /* picker sidebar */
background-color: rgba(var(--transparencycolor_v), .2);
}
.guildIcon__4d796 { /* picker guildicon */
background-color: rgba(var(--transparencycolor_v), .2);
}
.categoryItemDefaultCategory__67fe7:first-child,
.categoryItemDefaultCategory__67fe7:first-child + .categoryItemDefaultCategory__67fe7 {
margin-bottom: 8px;
}
.categoryItemDefaultCategory__67fe7:hover, /* picker categoryitem */
.stickerCategory__4891e:hover { /* picker stickercategoryitem */
background-color: rgba(var(--transparencycolor_v), .3);
}
.categoryItemDefaultCategorySelected__8245a, /* picker categoryitem selected */
.categoryItemDefaultCategorySelected__8245a:hover {
background-color: rgb(var(--accentcolor_v));
}
.categoryItemDefaultCategorySelected__8245a svg, /* picker categoryitem selected */
.categoryItemDefaultCategorySelected__8245a:hover svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
.unicodeShortcut__1dd6b { /* picker unicodeemojis shortcut */
background-color: transparent;
border: none;
overflow: hidden;
z-index: 100;
}
.unicodeShortcut__1dd6b::before,
.unicodeShortcut__1dd6b::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.unicodeShortcut__1dd6b::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.unicodeShortcut__1dd6b::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
backdrop-filter: blur(var(--popoutblur_v));
}
.inspector__993e1 { /* picker emojiinfowrapper */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .wrapper__7a35f { /* picker categoryheader */
background: transparent;
position: static;
}
#app-mount .imageLoading__37d01 { /* picker emoji loading */
background: rgba(var(--transparencycolor_v), .3);
border-radius: 10px;
}
.emojiItem_b15dee.emojiItemSelected__1a09a { /* picker emoji selected */
background-color: rgb(var(--accentcolor_v));
}
.emojiItemDisabled__36cbf { /* picker emoji disabled */
filter: none;
cursor: no-drop;
}
.emojiItemDisabled__36cbf > * {
filter: grayscale(1);
}
.premiumPromo__2d678 { /* picker premium warning */
background-color: transparent;
opacity: 1;
}
.premiumPromo__2d678::before,
.premiumPromo__2d678::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__2d678::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.premiumPromo__2d678::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.29));
backdrop-filter: blur(var(--popoutblur_v));
}
.premiumPromoClose__11b8f {
-webkit-mask: url(https://discord.com/assets/411dfecce0d7da63ea2b.svg) 50% 50% no-repeat;
background: var(--interactive-normal);
}
.premiumPromoClose__11b8f:hover {
background: var(--interactive-hover);
}
.premiumPromoClose__11b8f:active {
background: var(--interactive-active);
}
#app-mount .categoryItemDefaultCategorySelected__8245a .categoryIcon__7d3fc,
#app-mount .categoryItemDefaultCategorySelected__8245a:hover .categoryIcon__7d3fc {
color: var(--interactive-active);
}
#app-mount .focused__036ed, /* gifpicker result */
#app-mount .result_e1fc74:hover {
box-shadow: 0 11px 22px 1px rgba(var(--transparencycolor_v), .3);
}
#app-mount .placeholder__1d2a8 {
background: rgba(var(--textdarkest_v),.6);
}
#app-mount .endContainer__0c909::after {
background-image: url(https://discord.com/assets/6836d88af9197cbd4cbb.svg);
opacity: 0.6;
}
#app-mount .endText__2c9a4 {
color: var(--header-secondary);
}
#app-mount .emptyHintCard_f3e81a {
background-color: rgba(var(--transparencycolor_v), .2);
color: var(--header-secondary);
}
#app-mount .backButton__6a1f0 { /* gifpicker backbutton */
color: var(--interactive-normal);
}
#app-mount .backButton__6a1f0:hover {
color: var(--interactive-hover);
}
#app-mount .backButton__6a1f0:active {
color: var(--interactive-active);
}
/* ---- 14.4. PINS/MENTIONS ---- */
.messagesPopoutWrap_b3b384, /* popout wrapper */
.container__20de0 { /* popout wrapper (inbox) */
background-color: transparent;
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
overflow: hidden;
}
.messagesPopoutWrap_b3b384 > *,
.container__20de0 > * {
z-index: 1000;
}
.messagesPopoutWrap_b3b384::before,
.container__20de0::before,
.messagesPopoutWrap_b3b384::after,
.container__20de0::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.messagesPopoutWrap_b3b384::before,
.container__20de0::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.messagesPopoutWrap_b3b384::after,
.container__20de0::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .messagesPopout__22763 { /* popout innerwrap */
background-color: transparent;
}
.header_f5cc88 { /* popout header */
background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
}
.footer_a3029c { /* popout footer */
background-color: rgba(var(--transparencycolor_v), .2);
}
.messageGroupWrapper_f8c6e9 {
background-color: transparent;
border: none;
overflow: visible;
padding: 11px 10px 10px 10px;
}
.messageGroupWrapper_f8c6e9 + .messageGroupWrapper_f8c6e9::before {
content: "";
border-top: 1px solid var(--background-modifier-accent);
position: absolute;
top: -3px;
left: 0;
width: 100%;
}
.actionButtons__0ac05 { /* popout actionbuttonscontainer */
top: 4px;
right: 14px;
}
.jumpButton_da1ebb, /* popout jumpbutton (mentions) */
.jumpButton__0329d { /* popout jumpbutton (pins) */
background-color: rgba(var(--transparencycolor_v), .4);
}
.jumpButton_da1ebb:hover,
.jumpButton__0329d:hover {
background-color: rgb(var(--accentcolor_v));
}
.jumpButton_da1ebb + .jumpButton_da1ebb,
.jumpButton__0329d + .jumpButton__0329d {
margin-left: 2px;
}
.image__0a0fc { /* popout emptyimage */
opacity: 0.6;
}
.image__0a0fc[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] {
background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important;
}
/* popout active tab */
#app-mount .header__28ebb .tabBar__2aa8e .tab_a8a066.active__7e7af {
background-color: rgb(var(--accentcolor_v));
}
.secondary_c96c46, /* popout header button */
.tertiary_bc0225, /* popout message button */
.collapseButton_b18eab { /* popout collapse button */
background-color: rgba(var(--transparencycolor_v), .2);
}
.secondary_c96c46:hover,
.tertiary_bc0225:hover,
.collapseButton_b18eab:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
.collapseButton_b18eab {
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_b18eab.collapsed__8da7d svg {
transform: rotate(-90deg);
}
.channelHeader__5d30c { /* popout channelheader */
background-color: rgba(var(--transparencycolor_v), .4);
padding-right: 16px;
border-radius: 5px 5px 0 0;
position: static;
}
.channelHeader__5d30c:only-child {
border-radius: 0;
}
.messageContainer_aa7d14, /* popout messagecontainer */
.messages_f7999e { /* popout messagecontainer (inbox) */
background-color: rgba(var(--transparencycolor_v), .2);
border-radius: 0;
}
.messageContainer_aa7d14:last-child,
.messages_f7999e:last-child {
border-radius: 0 0 5px 5px;
}
.tutorial__7b875 { /* popout tutorial (inbox) */
background-color: rgba(var(--transparencycolor_v), .4);
}
.tutorialIcon__5c63f { /* popout tutorial (inbox) */
background-color: rgba(var(--transparencycolor_v), .4);
}
/* ---- 14.5. SEARCHPOPOUT ---- */
#app-mount .container_d6dad3 { /* popout wrapper */
background-color: transparent;
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
overflow: hidden;
position: relative;
}
.container_d6dad3::before,
.container_d6dad3::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.container_d6dad3::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container_d6dad3::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .queryContainer_c359fe {
border-bottom-color: var(--background-modifier-accent);
color: var(--header-secondary);
}
#app-mount .queryContainer_c359fe strong {
color: var(--header-primary);
}
#app-mount .focused_f9cf2c {
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .resultsGroup_ea9b64::before {
border-top-color: var(--background-modifier-accent);
}
#app-mount .resultsGroup_ea9b64 .header_b24bd1,
#app-mount .resultsGroup_ea9b64 .plusIcon__36244,
#app-mount .resultsGroup_ea9b64 .searchClearHistory_cd1df2,
#app-mount .resultsGroup_ea9b64 .searchLearnMore_bf7b8e a {
color: var(--text-normal);
}
#app-mount .resultsGroup_ea9b64 .header_b24bd1,
#app-mount .resultsGroup_ea9b64 .plusIcon__36244 {
color: var(--text-normal);
}
#app-mount .option_b5597b::after {
display: none;
}
#app-mount .option_b5597b:hover,
#app-mount .option_b5597b[aria-selected=true] {
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .option_b5597b:hover::before,
#app-mount .option_b5597b[aria-selected=true]::before {
background-color: rgb(var(--accentcolor_v));
border-radius: 3px;
width: 34px;
}
#app-mount .option_b5597b:hover .plusIcon__36244,
#app-mount .option_b5597b[aria-selected=true] .plusIcon__36244 {
color: white;
opacity: 1;
}
#app-mount .option_b5597b .answer__9ff92,
#app-mount .option_b5597b .nonText_cbb69b,
#app-mount .option_b5597b strong {
color: var(--text-normal);
}
#app-mount .option_b5597b .filter_bd5fe7 {
color: var(--text-muted);
}
#app-mount .option_b5597b.user__97b4c .displayedNick_df9a16 {
color: var(--text-normal);
}
#app-mount .option_b5597b.user__97b4c .displayUsername_aea59a {
color: var(--interactive-muted);
}
#app-mount .searchOption__41bc5 .filter_bd5fe7 {
color: var(--text-normal);
}
#app-mount .searchOption__41bc5 .answer__9ff92 {
color: var(--text-muted);
}
#app-mount .searchResultChannelCategory__7ebb5,
#app-mount .searchResultChannelIcon__95142 {
color: var(--text-muted);
}
#app-mount .calendarPicker__5c474 .react-datepicker {
background: transparent;
}
#app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--outside-month) {
border-color: rgba(var(--transparencycolor_v), .5);
}
#app-mount .calendarPicker__5c474 .react-datepicker__day--outside-month {
background: rgba(var(--transparencycolor_v), .5);
border-color: transparent;
}
#app-mount .calendarPicker__5c474 .react-datepicker__header,
#app-mount .calendarPicker__5c474 .react-datepicker__month-container,
#app-mount .calendarPicker__5c474 .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
background: rgba(var(--transparencycolor_v), .2);
}
#app-mount .calendarPicker__5c474 .react-datepicker__header {
padding-bottom: 5px;
}
#app-mount .calendarPicker__5c474 .react-datepicker__navigation {
background: transparent;
border-color: rgba(var(--textbrightest_v), .5);
top: 30px;
}
#app-mount .calendarPicker__5c474 .react-datepicker__navigation::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-mask: url(https://discord.com/assets/f03e2d8e19438cceaad7.svg) center/6px 12px no-repeat;
background-color: rgb(var(--textbrightest_v));
}
#app-mount .calendarPicker__5c474 .react-datepicker__navigation--previous {
left: 30px;
}
#app-mount .calendarPicker__5c474 .react-datepicker__navigation--next {
right: 30px;
}
#app-mount .calendarPicker__5c474 .react-datepicker__current-month {
border-color: transparent;
padding: 10px 0;
}
#app-mount .calendarPicker__5c474 .react-datepicker__current-month,
#app-mount .calendarPicker__5c474 .react-datepicker__day-name,
#app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
#app-mount .calendarPicker__5c474 .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
#app-mount .calendarPicker__5c474 .datePickerHint__7cc9b .hint__460f1,
#app-mount .calendarPicker__5c474 .datePickerHint__7cc9b .hintValue_c2ce1f {
color: var(--header-primary);
}
#app-mount .calendarPicker__5c474 .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
color: var(--header-secondary);
}
#app-mount .calendarPicker__5c474 .react-datepicker__day--outside-month {
color: var(--text-muted);
cursor: no-drop;
}
#app-mount .datePicker__94673 .datePickerHint__7cc9b {
margin: 0;
padding: 20px;
display: flex;
justify-content: center;
border-top-color: var(--background-modifier-accent);
}
#app-mount .datePicker__94673 .datePickerHint__7cc9b .hint__460f1 {
color: var(--text-normal);
}
#app-mount .datePicker__94673 .datePickerHint__7cc9b .hintValue_c2ce1f {
color: var(--header-primary);
}
#app-mount .datePicker__94673 .datePickerHint__7cc9b .hintValue_c2ce1f:hover {
text-shadow: 1px 1px var(--textshadow_v);
}
/* ---- 14.6. COLORPICKER ---- */
#app-mount .customColorPicker__3cb6a { /* popout wrapper */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
}
.customColorPicker__3cb6a::before,
.customColorPicker__3cb6a::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__3cb6a::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.customColorPicker__3cb6a::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.35));
backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.7. ADDROLE ---- */
#app-mount .container_d27846, /* popout userpopout */
#app-mount .container_e84cda { /* popout channelsettings */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
width: 300px;
}
.container_d27846::before,
.container_d27846::after,
.container_e84cda::before,
.container_e84cda::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.container_d27846::before,
.container_e84cda::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container_d27846::after,
.container_e84cda::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
backdrop-filter: blur(var(--popoutblur_v));
}
.focused__2b1b2,
.item__287de:focus:not(.disabled__1c6ff),
.item__287de:hover:not(.disabled__1c6ff),
.row__3fe26.selected__75860 .rowInner_feb94d,
.row__3fe26:focus .rowInner_feb94d,
.row__3fe26:hover .rowInner_feb94d {
background: rgba(var(--transparencycolor_v), .4);
}
#app-mount .container_e84cda .header__02652 {
background: rgba(var(--transparencycolor_v), .2);
}
#app-mount .container_e84cda .input_e396c0 {
color: var(--header-primary);
}
#app-mount .container_e84cda .sectionTag_b0df68 {
background: transparent;
}
.autocompleteShadow__902d2,
.autocompleteArrowWrapper_b172c6,
.autocompleteHeaderBackground__4e6c3 {
display: none;
}
/* ---- 14.8. EVERYONEMENTION ---- */
.contentWarningPopout__7d8c2 .animation__14012 {
opacity: 0.6;
}
#app-mount .footer__36118 {
background-color: rgba(var(--transparencycolor_v), .2);
color: var(--text-muted);
}
/* ---- 14.9. CHANNELFOLLOW ---- */
#app-mount .header__4ef99 {
background: rgba(var(--transparencycolor_v), .3);
}
#app-mount .separator__925e8 {
box-shadow: 0 1px 0 0 rgba(var(--transparencycolor_v), .3), 0 1px 2px 0 rgba(var(--transparencycolor_v), .3);
}
.channelContainer_c4b275 {
background-color: rgba(var(--transparencycolor_v), .3);
}
.channel_c9e1c9 {
background-color: rgba(var(--transparencycolor_v), .3);
}
.channelContainer_c4b275 .channel_c9e1c9 {
background-color: transparent;
}
/* ---- 14.10. CHANNELFOLLOWINFO ---- */
#app-mount .guildPopout_ea4d8c { /* popout wrapper */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.guildPopout_ea4d8c::before,
.guildPopout_ea4d8c::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.guildPopout_ea4d8c::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.guildPopout_ea4d8c::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.1));
backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.11. EMOJIINFO ---- */
#app-mount .popoutContainer__7b9a3 { /* popout wrapper */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.popoutContainer__7b9a3::before,
.popoutContainer__7b9a3::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.popoutContainer__7b9a3::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.popoutContainer__7b9a3::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
.emojiSection_a65b54 { /* popout emojisection */
background-color: transparent;
}
.guildSection_ebda04 { /* popout emojisection */
background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 14.12. STREAMPREVIEW ---- */
#app-mount .streamPreview__1846c { /* popout wrapper */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.streamPreview__1846c::before,
.streamPreview__1846c::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.streamPreview__1846c::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.streamPreview__1846c::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .previewContainer_bb1924 { /* popout preview */
background-color: rgba(var(--transparencycolor_v), .2);
}
/* ---- 14.13. STREAMINFO ---- */
#app-mount .container__56cd1 { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
overflow: visible !important;
}
.container__56cd1::before,
.container__56cd1::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.container__56cd1::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container__56cd1::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */
#app-mount .popout__8e314 { /* popout wrapper */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
border: none;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.popout__8e314::before,
.popout__8e314::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.popout__8e314::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.popout__8e314::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.15. RTCSTATUSPOPOUT ---- */
#app-mount .container__0810b { /* RTCpopout */
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
color: var(--header-primary);
position: relative;
width: 290px;
}
.container__0810b::before,
.container__0810b::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__0810b::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container__0810b::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .container__0810b canvas {
background-color: rgb(var(--transparencycolor_v));
padding: 5px;
border-radius: 5px;
}
#app-mount .container__0810b section {
background-color: transparent;
}
#app-mount .container__0810b section p {
color: var(--header-primary);
}
#app-mount .container__0810b section strong {
color: var(--header-primary);
}
#app-mount .debugButton__0c12a {
color: var(--header-secondary);
}
#app-mount .krispLogo__461a0 {
-webkit-mask: url(https://discord.com/assets/ea67b1321e3d4154e476.svg) center/contain no-repeat;
background-color: var(--header-primary);
}
/* ---- 14.16. PHONE-/EMAILVALIDATION ---- */
#app-mount .input_d5a597 {
background-color: rgba(var(--transparencycolor_v), .2);
color: var(--header-primary);
}
#app-mount .phoneFieldPopout__3e064 .countryName_eb9b14 {
color: var(--header-secondary);
}
#app-mount .phoneFieldPopout__3e064 .countryCode__14e5a {
color: var(--header-primary);
}
#app-mount .activityInviteEducationArrow_a24987 {
-webkit-mask: url(https://discord.com/assets/6f222b93b4b971e68613.svg) center/contain no-repeat;
background: var(--header-primary);
}
#app-mount .emailVerificationModal_e48dfa .title__78b45 {
color: var(--header-primary);
}
#app-mount .emailVerificationModal_e48dfa .body_b7d0a4 {
color: var(--text-muted);
}
#app-mount .verification__82f71 .title__31b19 {
color: var(--header-primary);
}
#app-mount .verification__82f71 .body_cb675e,
#app-mount .verification__82f71 .footer__38343 {
color: var(--header-secondary);
}
#app-mount .verificationBlock_c45d0e {
background-color: rgba(var(--transparencycolor_v), .1);
border: 1px solid rgba(var(--transparencycolor_v), .3);
}
#app-mount .verificationBlock_c45d0e:hover {
background-color: rgba(var(--transparencycolor_v), .2);
border-color: rgb(var(--transparencycolor_v));
}
#app-mount .verification__82f71 .image__54a8d {
background-image: url(https://discord.com/assets/8f8162ee689b2d85996c.svg);
opacity: .5;
}
#app-mount .verificationBlock_c45d0e .image__54a8d.email__44f2f {
background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
opacity: .5;
}
#app-mount .verificationBlock_c45d0e .image__54a8d.phone__0b460 {
background-image: url(https://discord.com/assets/e9802d8cbd4efea22c7f.svg);
opacity: .5;
}
#app-mount .verificationBlock_c45d0e .body_cb675e {
color: var(--header-secondary);
}
/* ---- 14.17. QUICKSELECTPOPOUT ---- */
#app-mount .quickSelectPopout_c0cf80, /* quickselect */
#app-mount .popoutList_db80c1 { /* listpopout */
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
color: var(--header-primary);
position: relative;
}
.quickSelectPopout_c0cf80::before,
.popoutList_db80c1::before,
.quickSelectPopout_c0cf80::after,
.popoutList_db80c1::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_c0cf80::before,
.popoutList_db80c1::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.quickSelectPopout_c0cf80::after,
.popoutList_db80c1::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .selectableItem__166c5 {
color: var(--header-primary);
}
#app-mount .selectableItem__166c5:hover {
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .quickSelectPopoutOption__39224:hover {
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .quickSelectPopoutOption__39224.selected_b17ff5 {
background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .popoutListEmpty_b9719c {
color: var(--header-primary);
}
#app-mount .quickSelectArrow__9853b {
-webkit-mask: url(https://discord.com/assets/c4643b70509c385fcc83.svg) 50% no-repeat;
background: var(--interactive-normal);
}
/* ---- 14.18. WARNINGPOPOUT ---- */
#app-mount .contentWarningPopout__7d8c2 { /* popout */
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.contentWarningPopout__7d8c2::before,
.contentWarningPopout__7d8c2::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__7d8c2::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.contentWarningPopout__7d8c2::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
#app-mount .body_fa303f {
color: var(--header-secondary);
}
#app-mount .header_bee9c9 {
color: var(--header-primary);
}
/* ---- 14.19. ACTIVETHREADLISTPOPOUT ---- */
#app-mount .popout__24e32 { /* popout */
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.popout__24e32::before,
.popout__24e32::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__24e32::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.popout__24e32::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.20. ROLEMEMBERSPOPOUT ---- */
#app-mount .rolePopout__73806 { /* popout */
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.rolePopout__73806::before,
.rolePopout__73806::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__73806::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.rolePopout__73806::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.21. FORUMFILTERPOPOUT ---- */
#app-mount .container_ae7412 { /* popout */
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.container_ae7412::before,
.container_ae7412::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_ae7412::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container_ae7412::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.22. ACTIVITYSHAREPOPOUT ---- */
#app-mount .container_c344de { /* popout */
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.container_c344de::before,
.container_c344de::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_c344de::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.container_c344de::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.23. SOUNDBOARD ---- */
#app-mount .picker__6dca7 { /* popout */
background-color: transparent;
border: none;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
position: relative;
}
.picker__6dca7::before,
.picker__6dca7::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__6dca7::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.picker__6dca7::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 14.24. SERVERSURVEY ---- */
.main__58b77 .prompt__671aa {
background: rgba(var(--transparencycolor_v), .3);
}
.main__58b77 .prompt__671aa .sizeMedium_c6fa98 {
width: unset;
}
.optionButtonWrapper__4072c:hover,
.optionButtonWrapper__4072c.selected__90dd8 {
border-color: rgb(var(--accentcolor_v));
}
/* ~~~~ 15. GENERAL ~~~~ */
.highlight {
background: rgba(var(--accentcolor_v), .3);
}
.clickable__17ccb:hover .layout_bb8e67 {
background-color: rgba(var(--transparencycolor_v), .2);
}
.clickable__17ccb:active .layout_bb8e67 {
background: rgb(var(--accentcolor_v));
}
.clickable__17ccb:active .layout_bb8e67,
.selected__9800b .layout_bb8e67,
.selected__9800b:hover .layout_bb8e67,
.selected__9800b:active .layout_bb8e67 {
background-color: rgb(var(--accentcolor_v));
text-shadow: 1px 1px var(--textshadow_v);
}
.clickable__17ccb .icon_fcc53a {
color: inherit;
}
.clickable__17ccb:active .layout_bb8e67 svg,
.clickable__17ccb.selected__9800b .layout_bb8e67 svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
.clickable__17ccb:active .premiumIcon_ab5d78,
.clickable__17ccb.selected__9800b .premiumIcon_ab5d78 {
color: var(--header-primary) !important;
}
#app-mount .elevationLow__75cba, #app-mount .elevationLow__2b6de, .lightElevationLow__6c965{
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .elevationHigh__80ea8, #app-mount .elevationHigh__312fd, .lightElevationHigh__1513c {
box-shadow: 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .elevationBorderLow__610e6, #app-mount .elevationBorderLow__1fa50, .lightElevationBorderLow_c9bfa0 {
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .elevationBorderHigh_f9a758, #app-mount .elevationBorderHigh__39dae, .lightElevationBorderHigh_a30b06, .darkElevationBorderHigh__63ac9 {
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .breadcrumbWrapper__34bfa { /* breadcrumbs wrapper */
color: rgba(var(--textbrightest_v),.3);
}
#app-mount .activeBreadcrumb__7e753 { /* breadcrumbs active */
color: rgba(var(--textbrightest_v),.6);
}
/* ---- 15.1. TEXT ---- */
#app-mount h1.title__10613,
#app-mount h2.title__10613 {
color: var(--header-primary);
}
#app-mount h3.title__10613 {
color: var(--text-normal);
}
#app-mount h4.title__10613,
#app-mount h5.title__10613,
#app-mount h6.title__10613 {
color: var(--header-secondary);
}
#app-mount .text__1c14c,
#app-mount .title__627cf {
color: var(--text-muted);
}
#app-mount .title__10613 {
color: var(--header-secondary);
}
#app-mount .markdown_e76780 {
color: var(--text-normal);
}
#app-mount .markdown_e76780 th {
background-color: var(--background-tertiary);
border-color: var(--interactive-muted);
color: var(--header-primary);
}
#app-mount .markdown_e76780 td {
border-color: var(--interactive-muted);
}
#app-mount .markdown_e76780 tr {
border-color: var(--interactive-muted);
color: var(--header-secondary);
}
#app-mount .markdown_e76780 tr:nth-child(2n) {
background-color: var(--background-secondary);
}
#app-mount .markdown_e76780 .blockquote__6da42 {
border-left-color: var(--interactive-muted);
}
#app-mount .markdown_e76780 code {
background-color: var(--background-secondary);
}
#app-mount .markdown_e76780 .codeInline__96ffa {
color: var(--text-normal);
}
/* ---- 15.2. BUTTONS ---- */
.btn__51085.btnPrimary_e2a8df,
.lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover,
.lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover,
.lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]),
.lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) {
text-shadow: 1px 1px var(--textshadow_v);
}
.lookFilled__19298.hoverBrand__98583.hasHover__3ab8c:hover svg,
.lookFilled__19298.hoverBrandNew_be3663.hasHover__3ab8c:hover svg,
.lookFilled__19298.colorBrand_b2253e:not(.buttonColor_a6eb73):not([style*="background-color"]) svg,
.lookFilled__19298.colorBrandNew_fd170a:not(.buttonColor_a6eb73):not([style*="background-color"]) svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
#app-mount .lookInverted_ee4261.colorPrimary__6ed40 .spinnerItem_c07231 {
background-color: rgb(var(--textdarkest_v));
}
#app-mount .lookOutlined__46d54.colorPrimary__6ed40 .spinnerItem_c07231,
#app-mount .lookLink__93965.colorPrimary__6ed40 .spinnerItem_c07231 {
background-color: rgb(var(--textdarkest_v));
}
#app-mount .lookFilled__19298.colorPrimary__6ed40:hover,
#app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .lookFilled__19298.colorPrimary__6ed40:active,
#app-mount .lookFilled__19298.hoverPrimary__3e6c3.hasHover__3ab8c:active {
background-color: rgba(var(--transparencycolor_v), .6);
}
#app-mount .lookFilled__19298.colorPrimary__6ed40,
#app-mount .lookFilled__19298.colorPrimary__6ed40:disabled {
background-color: rgba(var(--transparencycolor_v), .2);
color: #FFF;
}
#app-mount .lookInverted_ee4261.colorPrimary__6ed40:hover,
#app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
background-image: linear-gradient(0deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
}
#app-mount .lookInverted_ee4261.colorPrimary__6ed40:active,
#app-mount .lookInverted_ee4261.hoverPrimary__3e6c3.hasHover__3ab8c:active {
background-image: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
}
#app-mount .lookInverted_ee4261.colorPrimary__6ed40,
#app-mount .lookInverted_ee4261.colorPrimary__6ed40:disabled {
background-color: #FFF;
color: rgba(var(--textdarkest_v));
}
#app-mount .lookOutlined__46d54.colorPrimary__6ed40:hover,
#app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:hover {
background-color: rgba(var(--textdarkest_v), .05);
border-color: rgba(var(--textdarkest_v), .6);
}
#app-mount .lookOutlined__46d54.colorPrimary__6ed40:active,
#app-mount .lookOutlined__46d54.hoverPrimary__3e6c3.hasHover__3ab8c:active {
background-color: rgba(var(--textdarkest_v), .1);
border-color: rgb(var(--textdarkest_v));
}
#app-mount .lookOutlined__46d54.colorPrimary__6ed40,
#app-mount .lookOutlined__46d54.colorPrimary__6ed40:disabled {
border-color: rgba(var(--textdarkest_v), .1);
color: rgb(var(--textdarkest_v));
}
#app-mount .lookLink__93965.colorPrimary__6ed40 {
color: rgb(var(--textdarkest_v));
}
#app-mount .lookLink__93965.colorPrimary__6ed40:hover .contents_fb6220,
#app-mount .lookLink__93965.hoverPrimary__3e6c3.hasHover__3ab8c:hover .contents_fb6220 {
--button--underline-color: rgb(var(--textdarkest_v));
color: rgb(var(--textdarkest_v));
}
#app-mount .borderPrimary__60ecd {
border-color: rgb(var(--textdarkest_v)) !important;
}
#app-mount .lookInverted_ee4261.colorTransparent__4c280 .spinnerItem_c07231 {
background-color: rgba(var(--textbrightest_v),.1);
}
#app-mount .lookFilled__19298.colorTransparent__4c280 .spinnerItem_c07231,
#app-mount .lookOutlined__46d54.colorTransparent__4c280 .spinnerItem_c07231,
#app-mount .lookLink__93965.colorTransparent__4c280 .spinnerItem_c07231 {
background-color: rgb(var(--textbrightest_v));
}
#app-mount .lookFilled__19298.colorTransparent__4c280:hover,
#app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
background-color: rgba(var(--textbrightest_v),.05);
}
#app-mount .lookFilled__19298.colorTransparent__4c280:active,
#app-mount .lookFilled__19298.hoverTransparent_a4eefd.hasHover__3ab8c:active {
background-color: rgba(var(--textbrightest_v),.01);
}
#app-mount .lookFilled__19298.colorTransparent__4c280,
#app-mount .lookFilled__19298.colorTransparent__4c280:disabled {
background-color: rgba(var(--textbrightest_v),.1);
color: rgb(var(--textbrightest_v));
}
#app-mount .lookInverted_ee4261.colorTransparent__4c280:hover,
#app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
background-color: rgba(var(--textbrightest_v),.05);
}
#app-mount .lookInverted_ee4261.colorTransparent__4c280:active,
#app-mount .lookInverted_ee4261.hoverTransparent_a4eefd.hasHover__3ab8c:active {
background-color: rgba(var(--textbrightest_v),.1);
}
#app-mount .lookInverted_ee4261.colorTransparent__4c280,
#app-mount .lookInverted_ee4261.colorTransparent__4c280:disabled {
background-color: rgb(var(--textbrightest_v));
color: rgba(var(--textbrightest_v),.1);
}
#app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:hover {
background-color: rgba(var(--textbrighter_v),.1);
border-color: rgb(var(--textbrightest_v));
}
#app-mount .lookOutlined__46d54.hoverTransparent_a4eefd.hasHover__3ab8c:active {
background-color: rgba(var(--textbrightest_v),.1);
border-color: rgb(var(--textbrightest_v));
}
#app-mount .lookOutlined__46d54.colorTransparent__4c280,
#app-mount .lookOutlined__46d54.colorTransparent__4c280:disabled {
background-color: transparent;
color: rgb(var(--textbright_v));
}
#app-mount .lookLink__93965.colorTransparent__4c280 {
color: rgb(var(--textbright_v));
}
#app-mount .lookLink__93965.colorTransparent__4c280:hover .contents_fb6220,
#app-mount .lookLink__93965.hoverTransparent_a4eefd.hasHover__3ab8c:hover .contents_fb6220 {
--button--underline-color: rgb(var(--textbright_v));
color: rgb(var(--textbright_v));
}
#app-mount .borderTransparent__2cdc8 {
border-color: rgb(var(--textbrightest_v)) !important;
}
/* ---- 15.3. INPUTS ---- */
input.input_d266e7 { /* valueinput bordered */
background-color: rgba(var(--transparencycolor_v), .1);
}
input.input_d266e7:hover:not(:focus) {
border-color: rgb(var(--transparencycolor_v));
}
#app-mount .prefixInput__38dcc {
background-color: rgba(0,0,0,.1);
border-color: rgba(0,0,0,.3);
}
#app-mount .prefixInput__38dcc:hover {
border-color: rgba(0,0,0,.6);
}
#app-mount .prefixInputInput_b11731 {
color: var(--header-primary);
}
#app-mount .prefixInputInput_b11731::-webkit-input-placeholder,
#app-mount .prefixInputInput_b11731::-moz-placeholder,
#app-mount .prefixInputInput_b11731:-ms-input-placeholder,
#app-mount .prefixInputInput_b11731::placeholder {
color: var(--text-muted);
}
#app-mount .prefixInputPrefix__7a021 {
color: var(--text-muted);
}
#app-mount .maxLength_f4921c {
color: var(--text-muted);
}
#app-mount .copyInput_c1c679 {
background-color: var(--deprecated-text-input-bg);
}
#app-mount .copyInputDefault__8ac9f {
border-color: var(--deprecated-text-input-border);
}
#app-mount .hiddenMessage__19ef2,
#app-mount .inputDefault__0d65a {
color: var(--header-primary);
}
#app-mount .hiddenMessage__19ef2::placeholder,
#app-mount .inputDefault__0d65a::placeholder {
color: rgba(var(--textbrightest_v),.3);
}
.container__871ba { /* checkboxswitch */
background-color: rgba(var(--transparencycolor_v), .3) !important;
}
.container__871ba rect[fill] {
fill: var(--header-primary) !important;
}
.container__871ba path[fill] {
fill: rgb(var(--transparencycolor_v)) !important;
}
#app-mount .item_b7fb7e { /* radiogroup container */
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .item_b7fb7e:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b {
background: rgb(var(--accentcolor_v));
}
#app-mount .item_b7fb7e[aria-checked=true] .radioBar__40e1b .radioIconForeground__99b9b {
color: var(--header-primary);
}
#app-mount .item_b7fb7e .radioBar__40e1b[style*="--radio-bar-accent-color"] {
background: var(--radio-bar-accent-color);
border: unset;
color: var(--header-primary);
}
#app-mount .item_b7fb7e[aria-checked=false]:hover .radioBar__40e1b[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__5a761::before { /* checkbox container */
background-color: rgba(var(--textdarker_v), .3);
}
#app-mount .checkboxMute__6e269::before {
background-color: rgba(var(--transparencycolor_v), .2);
}
#app-mount .checkbox_c7f690 { /* checkbox inner */
border-color: rgb(var(--textdark_v));
}
#app-mount .checkbox_c7f690.checked__24ad6 { /* checkbox checked */
background-color: rgb(var(--textbrightest_v));
border-color: rgb(var(--textbrightest_v));
}
#app-mount .checkbox_c7f690.checked__24ad6.round__67d8d { /* checkbox roundchecked */
background-color: rgb(var(--accentcolor_v)) !important;
border-color: rgb(var(--accentcolor_v)) !important;
}
#app-mount .checkbox_c7f690.checked__24ad6.round__67d8d svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
#app-mount .checkbox_c7f690.checked__24ad6.round__67d8d path[fill] {
fill: #fff;
}
#app-mount .bar_e58961 { /* slider backgroundbar */
background-color: rgba(var(--transparencycolor_v), .3);
}
.grabber_d2868c { /* slider grabber */
background-color: var(--header-primary);
border-color: var(--header-primary);
box-shadow: 0 3px 1px 0 rgba(var(--transparencycolor_v), .05), 0 2px 2px 0 rgba(var(--transparencycolor_v), .1), 0 3px 3px 0 rgba(var(--transparencycolor_v), .05);
}
#app-mount .markValue_e7a6e4 { /* slider markvalue */
color: var(--text-muted);
}
#app-mount .defaultValue__4f02f .markValue_e7a6e4 {
color: #43b581;
}
#app-mount .markDash_dc3ae9 {
background: transparent;
color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .defaultValue__4f02f .markDash_dc3ae9 {
color: #43b581;
}
#app-mount .markDash_dc3ae9::before,
#app-mount .markDash_dc3ae9::after {
content: "";
position: absolute;
background: currentColor;
height: 8px;
width: 2px;
}
#app-mount .markDash_dc3ae9::before {
top: 14px;
}
#app-mount .markDash_dc3ae9::after {
top: 30px;
}
#app-mount .bubble_f48089 { /* slider bubble */
background-color: rgb(var(--accentcolor_v));
color: #fff;
text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .bubble_f48089::before {
border-top-color: rgb(var(--accentcolor_v));
}
#app-mount .container__0c807 { /* hotkeyinput container */
background-color: rgba(var(--transparencycolor_v), .1);
border-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .editIcon__29477 { /* hotkeyinput editicon */
-webkit-mask: url(https://discord.com/assets/c87be216431a35927431.svg) center/cover no-repeat;
background: var(--header-primary);
}
#app-mount .container_e61cfb .button__0982c {
background-color: rgba(var(--transparencycolor_v),.3) !important;
color: var(--header-primary) !important;
}
#app-mount .container_e61cfb.recording__97366 .button__0982c {
background-color: rgba(var(--dangercolor),.1) !important;
color: rgb(var(--dangercolor)) !important;
}
.select__55f87 [class*="css-"][class*="-container"] { /* select container */
background-color: transparent;
}
.lookFilled__3dba3.select__0eb48,
.select__55f87 [class*="css-"][class*="-control"] {
background-color: rgba(var(--transparencycolor_v), .1);
border-color: rgba(var(--transparencycolor_v), .3);
color: var(--text-normal);
}
.lookFilled__3dba3.select__0eb48:hover {
border-color: rgb(var(--transparencycolor_v));
}
.lookFilled__3dba3.select__0eb48:hover.open_cd27aa,
.lookFilled__3dba3.open_cd27aa {
border-color: rgb(var(--transparencycolor_v)) rgb(var(--transparencycolor_v)) rgba(var(--transparencycolor_v), .3);
}
.lookFilled__3dba3.select__0eb48 .searchInput_e1c8d3 {
background: transparent;
}
.select__55f87 [class*="css-"][class*="-control"]:hover,
.select__55f87 [class*="css-"][class*="-control"]:not(:last-child) {
border-color: var(--deprecated-text-input-border-hover);
}
.select__55f87.languageSelector__4961a [class*="css-"][class*="-control"] {
background-color: rgba(var(--transparencycolor_v), .3);
}
.select__55f87 [class*="css-"][class*="-singleValue"],
.select__55f87 [class*="css-"][class*="-placeholder"],
.select__55f87 [class*="css-"][class*="-indicatorContainer"] {
color: var(--text-normal);
}
.option_be8b2e,
.css-1gfjib6-option,
.css-1yz4bi9-option,
.css-ru8b0x-option,
.css-1yz4bi9-option {
background-color: rgba(var(--transparencycolor_v), .1);
color: var(--interactive-normal);
}
.option_be8b2e:hover,
.css-pkcurw-option,
.css-rzbxvl-option,
.css-1qxn4c5-option,
.css-rzbxvl-option {
background-color: rgba(var(--transparencycolor_v), .3);
color: var(--interactive-hover);
}
.option_be8b2e[aria-selected=true]:not(.option_be8b2e.multi__8d15f),
.css-1gxgi19-option,
.css-1ba14n5-option,
.css-6qzljd-option,
.css-1ba14n5-option {
background-color: rgba(var(--transparencycolor_v), .5);
color: var(--interactive-active);
}
.popout_a6e77f::-webkit-scrollbar {
display: none;
}
.popout_a6e77f,
.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
background-color: transparent;
border: 1px solid rgba(var(--transparencycolor_v), .3);
box-shadow: 0px 1px 5px 0px rgba(var(--transparencycolor_v), .3);
overflow: hidden;
}
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e {
position: relative;
}
.popout_a6e77f::before,
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before,
.popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::before,
.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before,
.popout_a6e77f::after,
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after,
.popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::after,
.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.popout_a6e77f::before,
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::before,
.popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::before,
.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::before {
background: var(--popout_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.popout_a6e77f::after,
.popout_a6e77f.scrollerBase_dc3aa9 > .option_be8b2e::after,
.popout_a6e77f.scrollerBase_dc3aa9 .content__23cab::after,
.select__55f87 > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
.popout_a6e77f.scrollerBase_dc3aa9::before,
.popout_a6e77f.scrollerBase_dc3aa9::after {
display: none;
}
/* ---- 15.4. SEARCHBARS ---- */
.container_e4c233, /* searchbar inner */
.container__7712a {
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .searchBox_a63854 .searchBoxInput__73c9c::placeholder {
color: var(--text-muted);
}
#app-mount .searchIcon_e60ea8 {
color: var(--text-muted);
}
#app-mount .filterLabel__3412d {
color: var(--header-secondary);
}
#app-mount .searchBox_a63854 {
background-color: rgba(var(--transparencycolor_v), .3);
box-shadow: 0 2px 5px 0 rgba(var(--transparencycolor_v), .2);
}
/* ---- 15.5. TAGS ---- */
.botTagRegular_c89c9a:not([style]) { /* bottag regular */
text-shadow: 1px 1px var(--textshadow_v);
}
.botTagRegular_c89c9a:not([style]) svg {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
.base__92a12[style*="var(--bdfdb-blurple)"], /* numberbadge */
.base__92a12[style*="background-color: rgb(88, 101, 242)"],
.base__92a12[style*="background-color: rgb(114, 137, 218)"] {
text-shadow: 1px 1px var(--textshadow_v);
}
.iconBadge__2abac { /* iconbadge */
background-color: rgba(var(--transparencycolor_v), .3);
}
/* ---- 15.6. IMAGES ---- */
#app-mount .image__0cdbe {
background-image: url(https://discord.com/assets/5420f8fd9d89897c6448.svg);
opacity: .75;
}
#app-mount .invalidPoop__03aa3 {
background-color: rgba(var(--transparencycolor_v), .3);
background-image: url(https://discord.com/assets/baa5b6db50bb89d55668.svg);
opacity: .5;
}
#app-mount .sadImage_e4e5ab {
background-image: url(https://discord.com/assets/746284e4cfc7cd6c5e15.svg);
opacity: .5;
}
#app-mount .cancelImage__688be {
background: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
opacity: .75;
}
#app-mount .emptyWumpus__67af4 {
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
opacity: .5;
}
#app-mount .authenticationRequiredImage__92ba7 {
background-image: url(https://discord.com/assets/ac36a2fad758d64ffbfb.svg);
opacity: .5;
}
#app-mount .authenticationSuccessImage_b1a74c {
background-image: url(https://discord.com/assets/22a55a08151860da8500.svg);
opacity: .5;
}
#app-mount .authenticationFailImage-3DXXvB {
background-image: url(https://discord.com/assets/5fc4852a2acb3abf0a64.svg);
opacity: .5;
}
#app-mount .conflictUploadArt_c68c28 {
background-image: url(https://discord.com/assets/27f92332674f9dacc1e9.svg);
opacity: .5;
}
#app-mount .conflictDownloadArt__87c31 {
background-image: url(https://discord.com/assets/f6bc645aead00959a690.svg);
opacity: .5;
}
#app-mount .errorArt__7d1bf {
background-image: url(https://discord.com/assets/c00cfaed1382bf7f33d4.svg);
opacity: .5;
}
#app-mount .searchIndexBackground__14e66 {
background-image: url(https://discord.com/assets/1876c6a6db747137a124.svg);
opacity: .5;
}
#app-mount .resultsBlockedImage_e4bcd7 {
background-image: url(https://discord.com/assets/83720a1a3ec0963a1f71.svg);
opacity: .5;
}
#app-mount .noResultsImage__08760 {
background-image: url(https://discord.com/assets/45cd76fed34c8e398cc8.svg);
opacity: .5;
}
#app-mount .noResultsImage__08760.alt__77d89 {
background-image: url(https://discord.com/assets/99d35a435f00582ddf41.svg);
opacity: .5;
}
#app-mount .errorImage__416df {
background-image: url(https://discord.com/assets/8eeb59bba0a61cbffc41.svg);
opacity: .5;
}
#app-mount .emptyStateImage__3e0a5 {
background: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
opacity: .5;
}
#app-mount .wrapper__246a1 { /* crash screen background */
background-image: url(https://discord.com/assets/14223d22c9628be36fc0.svg);
}
#app-mount .image_dabcb8 { /* crash screen center image */
background-image: url(https://discord.com/assets/72eaa596042042be6259.svg);
opacity: .5;
}
#app-mount .gameIcon__90c32 {
background-color: rgba(var(--textbrightest_v), .1);
color: var(--header-primary);
}
#app-mount .noResults_c99c73 {
background-image: url(https://discord.com/assets/c586aac99de98cfb010d.svg);
opacity: .5;
}
#app-mount .art_ba4492 {
background-image: url(https://discord.com/assets/1a8d1cce8efe66c22c6d.svg);
opacity: .5;
}
#app-mount .art__773bf {
background-image: url(https://discord.com/assets/29306de8953471954035.svg);
opacity: .5;
}
#app-mount .imageUnverified_fc0bf0 {
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
opacity: .5;
}
#app-mount .imageUpgrade__02fcc {
background-image: url(https://discord.com/assets/7e81dd54960672eabe78.svg);
}
#app-mount .imageCancel_e3036f {
background-image: url(https://discord.com/assets/d12b5c285831f85c5eee.svg);
}
#app-mount .imageUnclaimed__3f7ec {
background-image: url(https://discord.com/assets/41675689ca055858e137.svg);
opacity: .5;
}
#app-mount .imageUnverified__6dc24 {
background-image: url(https://discord.com/assets/f0cba42b6a6d3b2de4fd.svg);
opacity: .5;
}
#app-mount .emptyPreviewImage__86ba2 {
background-image: url(https://discord.com/assets/3a354aac283f909d403d.svg);
opacity: .5;
}
.fullArt_a1e55d,
.fullArt_cba315 {
opacity: .5;
}
.image__0a0fc {
opacity: .5;
}
.image__0a0fc[style*='url("/assets/9e2f412156e2ac1f14e9.svg")'] {
background-image: url(https://discord.com/assets/64df6f04b850029d2e78.svg) !important;
}
.image__98a59 {
opacity: .5;
}
.image__98a59[style*='url("/assets/0629e34902ae58f8e4ca.svg")'] {
background-image: url(https://discord.com/assets/24aa06be5457e66bdd64.svg) !important;
}
.image__98a59[style*='url("/assets/5741692705ba077f4190.svg")'] {
background-image: url(https://discord.com/assets/bca918618b884a382ab5.svg) !important;
}
.image__98a59[style*='url("/assets/a72746e7108167af95c8.svg")'] {
background-image: url(https://discord.com/assets/01864c39871ce619d855.svg) !important;
}
.image__98a59[style*='url("/assets/ee4637f8627629dd0da5.svg")'] {
background-image: url(https://discord.com/assets/532f1d4582d881960783.svg) !important;
}
.image__98a59[style*='url("/assets/c8be48745cf680093019.svg")'] {
background-image: url(https://discord.com/assets/295da3fc92e2adb1b852.svg) !important;
}
.image__98a59[style*='url("/assets/5e3480eff150b1cb323e.svg")'] {
background-image: url(https://discord.com/assets/cf8f9096a9322f2ae0d7.svg) !important;
}
.emptyStateImage__36649 {
opacity: .5;
}
.emptyStateImage__36649[src='/assets/39e3f389716400ced39a.svg'] {
background-image: url(https://discord.com/assets/1bb2be01aece015602f7.svg);
object-position: -999999px -999999px;
}
.image__98a59[style*='url("/assets/c65431f185feb7b00749.svg")'] {
background-image: url(https://discord.com/assets/cdc3f4f6fbf3a0f0766f.svg) !important;
}
.image__98a59[style*='url("/assets/a1b0a14d2f22c155a2b3.svg")'] {
background-image: url(https://discord.com/assets/c7c4065874955761be3b.svg) !important;
}
img[src='/assets/73984240bd99493de947.svg'] {
background-image: url(https://discord.com/assets/c1875fc8a42a61903ba1.svg);
opacity: .5;
object-position: -999999px -999999px;
}
img[src='/assets/387a7c504c96b992872d.svg'] {
background-image: url(https://discord.com/assets/1964f50ca0220e98dc32.svg);
opacity: .5;
object-position: -999999px -999999px;
}
#app-mount .footerImage__21e33 {
background-image: url(https://discord.com/assets/a4bee30fe0b5a0f5b3c7.svg);
opacity: .5;
}
#app-mount .imageError__77b3e {
opacity: .5;
}
#app-mount .emptyImage__66bed {
background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
opacity: .5;
}
#app-mount .missingEntitlementImage_c06466 {
background-image: url(https://discord.com/assets/b3dd9b1e282fff30af5b.svg);
opacity: .5;
}
#app-mount .image__81490 {
background-image: url(https://discord.com/assets/a7d6af4279f16c27ae9b.svg);
opacity: .5;
}
#app-mount .image__25781 {
background-image: url(https://discord.com/assets/9e9722bd5c8ec20fd746.svg);
opacity: .5;
}
#app-mount .image__1990e {
background-image: url(https://discord.com/assets/c8718df1382ba878f1fc.svg);
opacity: .5;
}
#app-mount .image__88b66 {
background-image: url(https://discord.com/assets/1766a563ac224f0a403d.svg);
opacity: .5;
}
/* ---- 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__447fe::-webkit-scrollbar,
#app-mount .scrollbar_d66c5e::-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_v)) !important;
}
.none__51a8f::-webkit-scrollbar-corner,
.none__51a8f::-webkit-scrollbar-thumb,
.none__51a8f::-webkit-scrollbar-track,
.none__51a8f::-webkit-scrollbar {
display: none;
}
/* ---- 15.8. NOTIFICATIONBAR ---- */
.base__3e6af .notice__5fd4c powercord-announcement {
border-radius: 0;
}
#app-mount .notice-2FJMB4 {
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .3);
}
#app-mount .notice__99c03 {
background-color: rgba(var(--transparencycolor_v), .6);
}
/* ---- 15.9. TOOLTIPS ---- */
#app-mount .guildNameText__16f3c {
color: #fff;
}
#app-mount .muteText_dc1e9a {
color: #bbb;
}
#app-mount .tooltipPrimary_e5c00d,
#app-mount .tooltipGrey_a35fcf,
#app-mount .tooltipBlack__90eaa {
background-color: rgb(var(--accentcolor_v));
color: #fff;
text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .tooltipPrimary_e5c00d .note_e4Jh6_,
#app-mount .tooltipGrey_a35fcf .note_e4Jh6_,
#app-mount .tooltipBlack__90eaa .note_e4Jh6_ {
color: #bbb;
}
#app-mount .tooltipPrimary_e5c00d a,
#app-mount .tooltipGrey_a35fcf a,
#app-mount .tooltipBlack__90eaa a {
filter: brightness(50%);
}
#app-mount .tooltipPrimary_e5c00d .tooltipPointer_a79354,
#app-mount .tooltipGrey_a35fcf .tooltipPointer_a79354,
#app-mount .tooltipBlack__90eaa .tooltipPointer_a79354 {
border-top-color: rgb(var(--accentcolor_v));
}
.emptyUser_dba665 {
background: rgba(var(--transparencycolor_v), .5);
}
.moreUsers_cd5dfc {
background: rgba(var(--transparencycolor_v), .5);
}
/* ~~~~ 16. BDSUPPORT ~~~~ */
html .bd-toast {
background-color: rgb(var(--accentcolor_v));
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
color: #fff;
text-shadow: 1px 1px var(--textshadow_v);
}
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_v), .3);
}
#app-mount .bd-tab-item.selected {
background-color: rgb(var(--accentcolor_v));
color: #fff;
text-shadow: 1px 1px var(--textshadow_v);
}
#app-mount .bd-server-card { /* pubslayer guildcard */
background-color: rgba(var(--transparencycolor_v), .3);
}
#app-mount .bd-server-icon { /* pubslayer guildicon */
background-color: rgba(var(--transparencycolor_v), .2);
border-color: transparent;
}
#app-mount .bd-server-card:hover,
#app-mount .bd-server-icon:hover {
background-color: rgba(var(--transparencycolor_v), .4);
}
.bd-switch-body { /* bd switch */
--switch-color: rgb(var(--transparencycolor_v));
background-color: rgba(var(--transparencycolor_v), .3);
}
.bd-select .bd-select-options { /* bd select popout */
background-color: transparent;
border: none;
border-radius: 4px;
box-shadow: rgba(var(--transparencycolor_v), .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_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
.bd-select .bd-select-options::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.3));
backdrop-filter: blur(var(--popoutblur_v));
}
.bd-select .bd-select-option { /* bd select popout option */
display: flex;
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_v), .2);
color: var(--interactive-hover);
}
.bd-select .bd-select-option.selected {
background-color: rgba(var(--transparencycolor_v), .3);
color: var(--interactive-active);
}
.bd-pfbtn { /* addonlist folder button */
text-shadow: 1px 1px var(--textshadow_v);
}
.bd-server-tag { /* addonlist public list tag */
text-shadow: 1px 1px var(--textshadow_v);
}
.bd-error-modal-content {
padding: 0 10px 16px 10px;
}
#app-mount .bd-addon-error {
background-color: rgba(var(--transparencycolor_v), 0.2);
border-color: rgba(var(--transparencycolor_v), 0.2);
}
#app-mount .bd-addon-error.expanded,
#app-mount .bd-addon-error:hover {
background-color: rgba(var(--transparencycolor_v), 0.3);
}
.bd-addon-views .bd-view-button:hover {
background: rgba(var(--transparencycolor_v), .3);
}
.bd-addon-views .bd-view-button:active {
background: rgba(var(--accentcolor_v), .7);
}
.bd-button {
filter: drop-shadow(1px 1px var(--textshadow_v));
}
.bd-button.bd-button-danger {
filter: unset;
}
.floating-window.resizable { /* customcss editor detached */
background: rgb(var(--transparencycolor_v));
}
html .monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
background: rgb(var(--accentcolor_v));
}
/* ~~~~ 17. POWERCORDSUPPORT ~~~~ */
html .powercord-toast {
background-color: transparent;
border: none;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .3);
overflow: hidden;
}
html .powercord-toast::before,
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_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
html .powercord-toast::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
html .powercord-toast .header {
background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
color: var(--header-primary);
}
html .powercord-toast .contents .inner {
background-color: rgba(var(--transparencycolor_v), .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_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
html .colorDefault_XdNdIp .bg_8df5St::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.25));
backdrop-filter: blur(var(--popoutblur_v));
}
/* ---- 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_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
#app-mount #dv-mount::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85));
backdrop-filter: blur(var(--backgroundblur_v));
}
#app-mount #dv-main {
border-top-color: rgba(var(--transparencycolor_v), .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_v) var(--backgroundposition_v)/var(--backgroundsize_v);
background-attachment: fixed;
}
#MemberCount::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + var(--memberlisttransparency_v) * 0.85));
backdrop-filter: blur(var(--backgroundblur_v));
}
/* ---- 18.4. LINENUMBERS ---- */
.hljs ol li {
border-left-color: var(--background-modifier-accent);
}
.hljs ol li::before {
color: rgb(var(--textdarker_v));
}
/* ---- 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_v), .3), 0 2px 10px 0 rgba(var(--transparencycolor_v), .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_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
}
html #permissions-modal-wrapper #permissions-modal::after {
background-color: rgba(var(--transparencycolor_v), calc(var(--transparencyalpha_v) + 0.2));
backdrop-filter: blur(var(--popoutblur_v));
}
html #permissions-modal-wrapper .header {
background-color: rgba(var(--transparencycolor_v), .2);
box-shadow: 0 2px 3px 0 rgba(var(--transparencycolor_v), .2);
color: var(--header-primary);
}
html #permissions-modal-wrapper .modal-body {
background-color: transparent;
}
html #permissions-modal-wrapper .scroller-title {
border-bottom: 1px solid rgba(var(--transparencycolor_v), .3);
}
html #permissions-modal-wrapper .role-side {
background-color: rgba(var(--transparencycolor_v), .1);
}
html #permissions-modal-wrapper .role-item {
color: var(--text-normal);
}
html #permissions-modal-wrapper .role-item:hover {
background-color: rgba(var(--transparencycolor_v), .1);
}
html #permissions-modal-wrapper .role-item.selected {
background-color: rgba(var(--transparencycolor_v), .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_v), .4);
border-color: rgba(var(--accentcolor_v), .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_v));
}
/* ---- 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_v), .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_v) var(--popoutposition_v)/var(--popoutsize_v);
background-attachment: fixed;
filter: blur(var(--popoutblur_v));
z-index: 100;
}
.theme-brand .bf-toolbar::after {
background: rgb(var(--accentcolor_v)) linear-gradient(rgba(var(--transparencycolor_v), .2), rgba(var(--transparencycolor_v), .2)) !important;
}
.theme-brand .bf-toolbar::before {
display: none;
}
.bf-toolbar > * {
z-index: 300;
}
.bf-toolbar .format {
color: var(--text-normal);
}
.bf-toolbar .format:hover {
background-color: rgb(var(--accentcolor_v));
color: #fff;
}
/* ---- 18.8 CHANNELHISTORY ---- */
.channelHistoryButtons {
top: 4px;
left: 310px;
}
/* ---- 18.9 CHANNELTABS ---- */
html #channelTabs-container {
background: rgba(var(--transparencycolor_v), calc(var(--guildchanneltransparency_v) * 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_v), 0.2);
}
html #channelTabs-settingsMenu:hover,
html .channelTabs-tabContainer .channelTabs-tabNav > div:hover,
html .channelTabs-tab.channelTabs-selected,
html .channelTabs-tabContainer .channelTabs-newTab:hover {
background: rgb(var(--accentcolor_v));
}
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_v), .2);
border: 4px solid rgb(var(--transparencycolor_v), .2);
box-shadow: unset;
right: 8px;
bottom: -5px;
padding: 2px 0;
}
/* ---- 18.11 CHANNELDMS ---- */
.ChannelDms-channelmembers-wrap .ChannelDms-channelmembers-header {
background-color: rgba(var(--transparencycolor_v), var(--memberlisttransparency_v));
}
/* ~~~~ 19. UPDATENOTICE ~~~~ */
html:only-child > head + body div.app_b1f720 > div.app_de4237::before {
content: "Your Version of BasicBackground by DevilBro is outdated. Please download the newest Version: https://mwittrien.github.io/downloader/?theme=BasicBackground" !important;
display: var(--version1_0_5, block) !important;
background-color: #4a90e2 !important;
box-shadow: 0 1px 5px 0 rgba(var(--transparencycolor_v), .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__5fa63.titleBar__01af6 > div.wordmark__0d178 {
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__5fa63.titleBar__01af6 > div.wordmark__0d178[style*="display: none"] {
display: none !important;
}
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178 > * {
display: none !important;
}
html:only-child > head + body div.typeWindows__5fa63.titleBar__01af6 > div.wordmark__0d178::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__5fa63.titleBar__01af6 > div.wordmark__0d178::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__5fa63.titleBar__01af6:hover > div.wordmark__0d178::after {
opacity: 1 !important;
}
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a::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_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1 {
position: relative !important;
}
html:only-child > head + body div.app_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::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_b1f720 > div.app_de4237 > div.layers__1c917.layers_a23c37 > div.layer__2efaa.baseLayer__8fda3 + div.layer__2efaa > div.standardSidebarView__1129a > div.sidebarRegion__60457 > div.sidebarRegionScroller__1fa7e.thin_b1c063.scrollerBase_dc3aa9.fade_ba0fa0 > nav.sidebar__9e3e2 > div.side_b4b3f6 > div.info__755e1::before {
content: "DevilBro" !important;
font-size: 12px !important;
font-weight: 600 !important;
color: rgb(var(--accentcolor_v)) !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;
}