2020-10-20 17:37:27 +02:00
@ import url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / ThemeDevBadge . css ) ;
@ import url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / BlurpleRecolor / BlurpleRecolor . css ) ;
@ import url ( https : / / discord-custom-covers . github . io / usrbg / dist / usrbg . css ) ;
: root {
--daccentcolor : 114 , 137 , 218 ;
--dlinkcolor : 0 , 176 , 244 ;
--dmentioncolor : 250 , 166 , 26 ;
--dtextbrightest : 255 , 255 , 255 ;
--dtextbrighter : 220 , 221 , 222 ;
--dtextbright : 185 , 187 , 190 ;
--dtextdark : 142 , 146 , 151 ;
--dtextdarker : 114 , 118 , 125 ;
--dtextdarkest : 79 , 84 , 92 ;
--dbackgroundaccent : 64 , 68 , 75 ;
--dbackgroundprimary : 54 , 57 , 63 ;
--dbackgroundsecondary : 47 , 49 , 54 ;
--dbackgroundsecondaryalt : 41 , 43 , 47 ;
--dbackgroundtertiary : 32 , 34 , 37 ;
--dbackgroundfloating : 24 , 25 , 28 ;
--vaccentcolor : var ( --accentcolor , var ( --daccentcolor ) ) ;
--vlinkcolor : var ( --linkcolor , var ( --dlinkcolor ) ) ;
--vmentioncolor : var ( --mentioncolor , var ( --dmentioncolor ) ) ;
--vtextbrightest : var ( --textbrightest , var ( --dtextbrightest ) ) ;
--vtextbrighter : var ( --textbrighter , var ( --dtextbrighter ) ) ;
--vtextbright : var ( --textbright , var ( --dtextbright ) ) ;
--vtextdark : var ( --textdark , var ( --dtextdark ) ) ;
--vtextdarker : var ( --textdarker , var ( --dtextdarker ) ) ;
--vtextdarkest : var ( --textdarkest , var ( --dtextdarkest ) ) ;
--vbackgroundaccent : var ( --backgroundaccent , var ( --dbackgroundaccent ) ) ;
--vbackgroundprimary : var ( --backgroundprimary , var ( --dbackgroundprimary ) ) ;
--vbackgroundsecondary : var ( --backgroundsecondary , var ( --dbackgroundsecondary ) ) ;
--vbackgroundsecondaryalt : var ( --backgroundsecondaryalt , var ( --dbackgroundsecondaryalt ) ) ;
--vbackgroundtertiary : var ( --backgroundtertiary , var ( --dbackgroundtertiary ) ) ;
--vbackgroundfloating : var ( --backgroundfloating , var ( --dbackgroundfloating ) ) ;
}
. theme-dark , . theme-light {
--header-primary : rgb ( var ( --vtextbrightest ) ) ;
--header-secondary : rgb ( var ( --vtextbright ) ) ;
--text-normal : rgb ( var ( --vtextbrighter ) ) ;
--text-muted : rgb ( var ( --vtextdarker ) ) ;
--text-link : rgb ( var ( --vlinkcolor ) ) ;
--channels-default : rgb ( var ( --vtextdark ) ) ;
--interactive-normal : rgb ( var ( --vtextbright ) ) ;
--interactive-hover : rgb ( var ( --vtextbrighter ) ) ;
--interactive-active : rgb ( var ( --vtextbrightest ) ) ;
--interactive-muted : rgb ( var ( --vtextdarkest ) ) ;
--background-primary : rgb ( var ( --vbackgroundprimary ) ) ;
--background-secondary : rgb ( var ( --vbackgroundsecondary ) ) ;
--background-secondary-alt : rgb ( var ( --vbackgroundsecondaryalt ) ) ;
--background-tertiary : rgb ( var ( --vbackgroundtertiary ) ) ;
--background-accent : rgb ( var ( --vbackgroundaccent ) ) ;
--background-floating : rgb ( var ( --vbackgroundfloating ) ) ;
--background-mobile-primary : rgb ( var ( --vbackgroundprimary ) ) ;
--background-mobile-secondary : rgb ( var ( --vbackgroundsecondary ) ) ;
--background-modifier-hover : rgba ( var ( --vbackgroundaccent ) , . 3 ) ;
--background-modifier-active : rgba ( var ( --vbackgroundaccent ) , . 4 ) ;
--background-modifier-selected : rgba ( var ( --vbackgroundaccent ) , . 6 ) ;
--background-modifier-accent : rgba ( var ( --vtextdark ) , . 1 ) ;
--background-mentioned : rgba ( var ( --vmentioncolor ) , . 05 ) ;
--background-mentioned-hover : rgba ( var ( --vmentioncolor ) , . 08 ) ;
--background-message-hover : rgba ( var ( --vbackgroundfloating ) , . 15 ) ;
--background-help-warning : rgba ( var ( --vmentioncolor ) , . 1 ) ;
--background-help-info : rgba ( var ( --vlinkcolor ) , . 1 ) ;
--scrollbar-thin-thumb : rgb ( var ( --vbackgroundtertiary ) ) ;
--scrollbar-thin-track : transparent ;
--scrollbar-auto-thumb : rgb ( var ( --vbackgroundtertiary ) ) ;
--scrollbar-auto-track : rgb ( var ( --vbackgroundsecondary ) ) ;
--scrollbar-auto-scrollbar-color-thumb : rgb ( var ( --vbackgroundtertiary ) ) ;
--scrollbar-auto-scrollbar-color-track : rgb ( var ( --vbackgroundsecondary ) ) ;
--elevation-stroke : 0 0 0 1px rgba ( 6 , 6 , 7 , . 08 ) ;
--elevation-low : 0 1px 0 rgba ( 6 , 6 , 7 , . 1 ) , 0 1 . 5px 0 rgba ( 6 , 6 , 7 , . 25 ) , 0 2px 0 rgba ( 6 , 6 , 7 , . 025 ) ;
--elevation-medium : 0 4px 4px rgba ( 0 , 0 , 0 , . 08 ) ;
--elevation-high : 0 8px 16px rgba ( 0 , 0 , 0 , . 16 ) ;
--logo-primary : rgb ( var ( --vaccentcolor ) ) ;
--focus-primary : rgb ( var ( --vlinkcolor ) ) ;
--guild-header-text-shadow : 0 1px 1px rgba ( var ( --vbackgroundfloating ) , . 5 ) ;
--channeltextarea-background : rgba ( var ( --vbackgroundaccent ) , 0 . 8 ) ;
--activity-card-background : rgb ( var ( --vbackgroundtertiary ) ) ;
--textbox-markdown-syntax : rgb ( var ( --vtextdark ) ) ;
--deprecated-card-bg : rgba ( var ( --vbackgroundtertiary ) , . 6 ) ;
--deprecated-card-editable-bg : rgba ( var ( --vbackgroundtertiary ) , . 3 ) ;
--deprecated-store-bg : rgb ( var ( --vbackgroundprimary ) ) ;
--deprecated-quickswitcher-input-background : rgb ( var ( --vbackgroundaccent ) ) ;
--deprecated-quickswitcher-input-placeholder : rgb ( var ( --vtextdarker ) ) ;
--deprecated-text-input-bg : rgba ( 0 , 0 , 0 , . 1 ) ;
--deprecated-text-input-border : rgba ( 0 , 0 , 0 , . 3 ) ;
--deprecated-text-input-border-hover : # 040405 ;
--deprecated-text-input-border-disabled : # 202225 ;
--deprecated-text-input-prefix : rgb ( var ( --vtextbrighter ) ) ;
}
html {
color : var ( --header-primary ) ;
}
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
/ *
1 . GENERAL
1 . TEXT
2 . BUTTONS
3 . INPUTS
4 . SEARCHBARS
5 . IMAGES
2 . CHANNELLIST
1 . GUILDHEADER
2 . CHANNELS
3 . ACCOUNT / VOICE / GOLIVE
3 . CHAT
1 . CHANNELHEADER
2 . MESSAGES
1 . MESSAGE
2 . EMBEDS
3 . NITROGIFT
4 . INVITE
3 . TEXTAREA
4 . AUTOCOMPLETEMENU
5 . MEMBERLIST
6 . CALL
4 . PEOPLES
5 . STORE / NITRO
6 . LIBRARY
7 . DISCOVERY
8 . USERSETTINGS
9 . GUILDSETTINGS
10 . MODALS
1 . USERMODAL
2 . GUILDADD / CREATION
3 . REGIONSELECTMODAL
4 . UPLOADMODAL
5 . KEYBOARDSHORTCUTSMODAL
6 . QUICKSWITCHER
7 . INVITEMODAL / GROUPCREATE
8 . LOGINSCREEN
9 . TERMACCEPTMODAL
10 . DOWNLOADAPPMODAL
11 . GUILDBOOSTMODAL
12 . REACTIONSMODAL
13 . RATEMODAL
14 . CHANGELOG
15 . NOTIFICATIONSMODAL
16 . PAYMENTMODAL
17 . CHANNELCREATIONMODAL
18 . CLOUDSYNCRESOLUTION
19 . APPLICATIONINSTALLATIONMODAL
20 . SPECIALMARKDOWNMODAL
21 . REPORTPROBLEM
22 . DISPATCHERROR
23 . HYPESQUADQUIZ
11 . POPOUTS
1 . USERPOPOUT
2 . EMOJIPICKER
3 . SEARCHPOPOUT
4 . ADDROLE
5 . EVERYONEMENTION
6 . CHANNELFOLLOW
7 . CHANNELFOLLOWINFO
8 . STREAMPREVIEW
9 . ROLEOVERFLOW
10 . PUBLICGUILDANNOUNCEMENT
11 . QUICKSELECTPOPOUT
12 . RTCSTATUSPOPOUT
13 . PHONE- / EMAILVALIDATION
12 . BDSUPPORT
2020-10-20 21:44:08 +02:00
13 . POWERCORDSUPPORT
14 . PLUGINSUPPORT
2020-10-20 17:37:27 +02:00
1 . MEMBERCOUNT
2 . CHANNELTABS
* /
/* ~~~~ 1. GENERAL ~~~~ */
2020-12-16 17:20:17 +01:00
svg [ style * = "stroke: rgb(114, 118, 125)" ] ,
svg [ style * = "stroke: #72767d" ] ,
svg [ style * = "stroke: #72767D" ] ,
svg [ stroke = "rgb(114, 137, 218)" ] ,
svg [ stroke = "#72767d" ] ,
svg [ stroke = "#72767D" ] {
2020-10-20 17:37:27 +02:00
stroke : var ( --text-muted ) ! important ;
}
2020-12-16 17:20:17 +01:00
svg [ style * = "fill: rgb(114, 118, 125)" ] ,
svg [ style * = "fill: #72767d" ] ,
svg [ style * = "fill: #72767D" ] ,
svg [ fill = "rgb(114, 137, 218)" ] ,
svg [ fill = "#72767d" ] ,
svg [ fill = "#72767D" ] {
2020-10-20 17:37:27 +02:00
fill : var ( --text-muted ) ! important ;
}
2020-12-16 17:20:17 +01:00
svg [ style * = "stroke: rgb(79, 84, 92)" ] ,
svg [ style * = "stroke: #4f545c" ] ,
svg [ style * = "stroke: #4F545C" ] ,
svg [ stroke = "rgb(79, 84, 92)" ] ,
svg [ stroke = "#4f545c" ] ,
svg [ stroke = "#4F545C" ] {
2020-10-28 23:31:36 +01:00
stroke : var ( --interactive-muted ) ! important ;
}
2020-12-16 17:20:17 +01:00
svg [ style * = "fill: rgb(79, 84, 92)" ] ,
svg [ style * = "fill: #4f545c" ] ,
svg [ style * = "fill: #4F545C" ] ,
svg [ fill = "rgb(79, 84, 92)" ] ,
svg [ fill = "#4f545c" ] ,
svg [ fill = "#4F545C" ] {
2020-10-28 23:31:36 +01:00
fill : var ( --interactive-muted ) ! important ;
}
2020-10-20 17:37:27 +02:00
:: selection {
background : rgb ( var ( --vmentioncolor ) ) ;
}
. highlight {
background : rgba ( var ( --vmentioncolor ) , . 3 ) ;
}
# app-mount . elevationLow-2lY09M , # app-mount . elevationLow-126AxN , . lightElevationLow-3_Ybxi , . darkElevationLow-DABD7i {
box-shadow : 0 1px 5px 0 rgba ( 0 , 0 , 0 , . 3 ) ;
}
# app-mount . elevationHigh-3A9Xbf , # app-mount . elevationHigh-1PneE4 , . lightElevationHigh-3usmGv , . darkElevationHigh-6iWpWi {
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . elevationBorderLow-2qgTRQ , # app-mount . elevationBorderLow-2_BGCd , . lightElevationBorderLow-3APXjz , . darkElevationBorderLow-39dDV7 {
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 1px 5px 0 rgba ( 0 , 0 , 0 , . 3 ) ;
}
# app-mount . elevationBorderHigh-2WYJ09 , # app-mount . elevationBorderHigh-2_BGCd , . lightElevationBorderHigh-2T98IF , . darkElevationBorderHigh-2U1nXW {
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
2020-12-22 21:58:36 +01:00
# app-mount . tooltip-3oByQd ,
# app-mount . tooltip-1_vJJI ,
2020-10-20 17:37:27 +02:00
# app-mount . tooltipBlack-PPG47z ,
# app-mount . tooltipGrey-1hnvTt {
background-color : var ( --background-floating ) ;
color : var ( --header-primary ) ;
}
# app-mount . tooltipBlack-PPG47z . tooltipPointer-3ZfirK ,
# app-mount . tooltipGrey-1hnvTt . tooltipPointer-3ZfirK {
border-top-color : var ( --background-floating ) ;
}
2020-12-22 21:58:36 +01:00
# app-mount . tooltipPointer-22Q7m0 ,
# app-mount . tooltipPointer-1awMxk {
border-right-color : var ( --background-floating ) ;
}
2020-10-20 17:37:27 +02:00
# app-mount . bubble-3qRl2J {
background-color : var ( --background-floating ) ;
color : var ( --header-primary ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . bubble-3qRl2J :: before {
2020-10-20 17:37:27 +02:00
border : 5px solid transparent ;
border-top-color : var ( --background-floating ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . card-FDVird :: before {
2020-10-20 17:37:27 +02:00
background-color : var ( --background-primary ) ;
border-color : var ( --background-secondary ) ;
}
# app-mount . button-2CgfFz {
background-color : var ( --background-primary ) ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 1px 5px 0 rgba ( 0 , 0 , 0 , . 3 ) ;
}
# app-mount . button-2CgfFz : hover {
background-color : var ( --background-accent ) ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
2020-10-20 21:44:08 +02:00
# app-mount . text-2sI5Sd {
color : var ( --header-primary ) ;
}
2020-10-20 17:37:27 +02:00
# app-mount . editIcon-13gaox {
background : var ( --header-primary ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / 860396b3ff3fa1c4ae355bebfabadecb . svg ) ;
}
# app-mount . path2-1q7bG_ { /* loading icons spinning circles */
stroke : var ( --background-modifier-selected ) ;
}
# app-mount . path3-2l9TIX { /* loading icons spinning circles */
stroke : var ( --background-modifier-active ) ;
}
# app-mount . scrollbarGhost-2F9Zj2 :: -webkit-scrollbar-thumb { /* scrollers old scrollers */
background-color : var ( --scrollbar-thin-thumb ) ;
2020-11-21 18:25:51 +01:00
border-color : transparent ;
2020-10-20 17:37:27 +02:00
}
# app-mount . scrollbarGhost-2F9Zj2 :: -webkit-scrollbar-track {
background-color : var ( --scrollbar-thin-track ) ;
border-color : transparent ;
border-width : initial ;
}
# app-mount . scrollbarGhostHairline-1mSOM1 :: -webkit-scrollbar-thumb {
background-color : var ( --scrollbar-thin-thumb ) ;
border-radius : 2px ;
cursor : move ;
}
# app-mount . scrollbarDefault-3COgCQ :: -webkit-scrollbar-thumb {
background-color : var ( --scrollbar-auto-thumb ) ;
border-color : transparent ;
}
# app-mount . scrollbarDefault-3COgCQ :: -webkit-scrollbar-track {
background-color : var ( --scrollbar-auto-track ) ;
border-color : transparent ;
}
# app-mount . breadcrumbWrapper-WmDjgG { /* breadcrumbs wrapper */
color : rgba ( var ( --vtextbrightest ) , . 3 ) ;
}
# app-mount . activeBreadcrumb-p6aw-F { /* breadcrumbs active */
color : rgba ( var ( --vtextbrightest ) , . 6 ) ;
}
2020-11-21 18:10:31 +01:00
html . backgroundaccent-349kuI {
color : var ( --header-primary ) ;
}
html . iconBadge-2wi9r4 {
background-color : var ( --background-floating ) ;
2020-10-20 17:37:27 +02:00
color : var ( --header-primary ) ;
}
/* ---- 1.1. TEXT ---- */
. description-1u9Qui {
color : var ( --header-secondary ) ;
}
# app-mount h1 . title-3KTIjF ,
# app-mount h2 . title-3KTIjF {
color : var ( --header-primary ) ;
}
# app-mount h3 . title-3KTIjF {
color : var ( --text-normal ) ;
}
# app-mount h4 . title-3KTIjF ,
# app-mount h5 . title-3KTIjF ,
# app-mount h6 . title-3KTIjF {
color : var ( --header-secondary ) ;
}
# app-mount . text-GwUZgS ,
# app-mount . title-2BxgL2 {
color : var ( --text-muted ) ;
}
# app-mount . title-3pjxZQ {
color : var ( --header-secondary ) ;
}
# app-mount . markdown-11q6EU {
color : var ( --text-normal ) ;
}
# app-mount . markdown-11q6EU th {
background-color : var ( --background-tertiary ) ;
border-color : var ( --interactive-muted ) ;
color : var ( --header-primary ) ;
}
# app-mount . markdown-11q6EU td {
border-color : var ( --interactive-muted ) ;
}
# app-mount . markdown-11q6EU tr {
border-color : var ( --interactive-muted ) ;
color : var ( --header-secondary ) ;
}
# app-mount . markdown-11q6EU tr : nth-child ( 2n ) {
background-color : var ( --background-secondary ) ;
}
# app-mount . markdown-11q6EU . blockquote-2-nEPK {
border-left-color : var ( --interactive-muted ) ;
}
# app-mount . markdown-11q6EU code {
background-color : var ( --background-secondary ) ;
}
# app-mount . markdown-11q6EU . codeInline-1FHKS7 {
color : var ( --text-normal ) ;
}
/* ---- 1.2. BUTTONS ---- */
# app-mount . lookInverted-2D7oAl . colorPrimary-3b3xI6 . spinnerItem-3GlVyU {
background-color : var ( --background-accent ) ;
}
# app-mount . lookOutlined-3sRXeN . colorPrimary-3b3xI6 . spinnerItem-3GlVyU ,
# app-mount . lookGhost-2Fn_0- . colorPrimary-3b3xI6 . spinnerItem-3GlVyU ,
# app-mount . lookLink-9FtZy- . colorPrimary-3b3xI6 . spinnerItem-3GlVyU {
background-color : var ( --header-primary ) ;
}
# app-mount . lookFilled-1Gx00P . colorPrimary-3b3xI6 : hover ,
# app-mount . lookFilled-1Gx00P . hoverPrimary-2D1j2r . hasHover-3X1-zV : hover {
background-image : linear-gradient ( 0deg , rgba ( 255 , 255 , 255 , 0 . 15 ) , rgba ( 255 , 255 , 255 , 0 . 15 ) ) ;
}
# app-mount . lookFilled-1Gx00P . colorPrimary-3b3xI6 : active ,
# app-mount . lookFilled-1Gx00P . hoverPrimary-2D1j2r . hasHover-3X1-zV : active {
background-image : linear-gradient ( 0deg , rgba ( 255 , 255 , 255 , 0 . 3 ) , rgba ( 255 , 255 , 255 , 0 . 3 ) ) ;
}
# app-mount . lookFilled-1Gx00P . colorPrimary-3b3xI6 ,
# app-mount . lookFilled-1Gx00P . colorPrimary-3b3xI6 : disabled {
background-color : var ( --background-accent ) ;
color : # FFF ;
}
# app-mount . lookInverted-2D7oAl . colorPrimary-3b3xI6 : hover ,
# app-mount . lookInverted-2D7oAl . hoverPrimary-2D1j2r . hasHover-3X1-zV : hover {
background-image : linear-gradient ( 0deg , rgba ( 0 , 0 , 0 , 0 . 1 ) , rgba ( 0 , 0 , 0 , 0 . 1 ) ) ;
}
# app-mount . lookInverted-2D7oAl . colorPrimary-3b3xI6 : active ,
# app-mount . lookInverted-2D7oAl . hoverPrimary-2D1j2r . hasHover-3X1-zV : active {
background-image : linear-gradient ( 0deg , rgba ( 0 , 0 , 0 , 0 . 2 ) , rgba ( 0 , 0 , 0 , 0 . 2 ) ) ;
}
# app-mount . lookInverted-2D7oAl . colorPrimary-3b3xI6 ,
# app-mount . lookInverted-2D7oAl . colorPrimary-3b3xI6 : disabled {
background-color : # FFF ;
color : var ( --background-accent ) ;
}
# app-mount . lookOutlined-3sRXeN . colorPrimary-3b3xI6 : hover ,
# app-mount . lookOutlined-3sRXeN . hoverPrimary-2D1j2r . hasHover-3X1-zV : hover {
border-color : rgba ( var ( --vtextbrightest ) , 0 . 6 ) ;
}
# app-mount . lookOutlined-3sRXeN . colorPrimary-3b3xI6 : active ,
# app-mount . lookOutlined-3sRXeN . hoverPrimary-2D1j2r . hasHover-3X1-zV : hover {
background-color : rgba ( var ( --vtextbrightest ) , 0 . 1 ) ;
border-color : var ( --header-primary ) ;
}
# app-mount . lookOutlined-3sRXeN . colorPrimary-3b3xI6 ,
# app-mount . lookOutlined-3sRXeN . colorPrimary-3b3xI6 : disabled {
border-color : rgba ( var ( --vtextbrightest ) , 0 . 1 ) ;
color : var ( --header-primary ) ;
}
# app-mount . lookGhost-2Fn_0- . colorPrimary-3b3xI6 : hover ,
# app-mount . lookGhost-2Fn_0- . hoverPrimary-2D1j2r . hasHover-3X1-zV : hover {
background-color : rgba ( var ( --vtextbrightest ) , 0 . 15 ) ;
}
# app-mount . lookGhost-2Fn_0- . colorPrimary-3b3xI6 : active ,
# app-mount . lookGhost-2Fn_0- . hoverPrimary-2D1j2r . hasHover-3X1-zV : active {
background-color : rgba ( var ( --vtextbrightest ) , 0 . 2 ) ;
}
# app-mount . lookGhost-2Fn_0- . colorPrimary-3b3xI6 ,
# app-mount . lookGhost-2Fn_0- . colorPrimary-3b3xI6 : disabled {
background-color : rgba ( var ( --vtextbrightest ) , 0 . 1 ) ;
color : var ( --header-primary ) ;
}
# app-mount . lookLink-9FtZy- . colorPrimary-3b3xI6 {
color : var ( --header-primary ) ;
}
# app-mount . lookLink-9FtZy- . colorPrimary-3b3xI6 : hover . contents-18-Yxp ,
# app-mount . lookLink-9FtZy- . hoverPrimary-2D1j2r . hasHover-3X1-zV : hover . contents-18-Yxp {
background-image : linear-gradient ( 0deg , transparent , transparent 1px , rgb ( var ( --vtextbrightest ) ) 0 , rgb ( var ( --vtextbrightest ) ) 2px , transparent 0 ) ;
color : var ( --header-primary ) ;
}
# app-mount . lookInverted-2D7oAl . colorTransparent-1ewNp9 . spinnerItem-3GlVyU {
background-color : rgba ( var ( --vtextbrightest ) , . 1 ) ;
}
# app-mount . lookFilled-1Gx00P . colorTransparent-1ewNp9 . spinnerItem-3GlVyU ,
# app-mount . lookOutlined-3sRXeN . colorTransparent-1ewNp9 . spinnerItem-3GlVyU ,
# app-mount . lookGhost-2Fn_0- . colorTransparent-1ewNp9 . spinnerItem-3GlVyU ,
# app-mount . lookLink-9FtZy- . colorTransparent-1ewNp9 . spinnerItem-3GlVyU {
background-color : var ( --header-primary ) ;
}
# app-mount . lookFilled-1Gx00P . colorTransparent-1ewNp9 : hover ,
# app-mount . lookFilled-1Gx00P . hoverTransparent-2Lz5CN . hasHover-3X1-zV : hover {
background-color : rgba ( var ( --vtextbrightest ) , . 05 ) ;
}
# app-mount . lookFilled-1Gx00P . colorTransparent-1ewNp9 : active ,
# app-mount . lookFilled-1Gx00P . hoverTransparent-2Lz5CN . hasHover-3X1-zV : active {
background-color : rgba ( var ( --vtextbrightest ) , . 01 ) ;
}
# app-mount . lookFilled-1Gx00P . colorTransparent-1ewNp9 ,
# app-mount . lookFilled-1Gx00P . colorTransparent-1ewNp9 : disabled {
background-color : rgba ( var ( --vtextbrightest ) , . 1 ) ;
color : var ( --header-primary ) ;
}
# app-mount . lookInverted-2D7oAl . colorTransparent-1ewNp9 : hover ,
# app-mount . lookInverted-2D7oAl . hoverTransparent-2Lz5CN . hasHover-3X1-zV : hover {
background-color : rgba ( var ( --vtextbrightest ) , . 05 ) ;
}
# app-mount . lookInverted-2D7oAl . colorTransparent-1ewNp9 : active ,
# app-mount . lookInverted-2D7oAl . hoverTransparent-2Lz5CN . hasHover-3X1-zV : active {
background-color : rgba ( var ( --vtextbrightest ) , . 1 ) ;
}
# app-mount . lookInverted-2D7oAl . colorTransparent-1ewNp9 ,
# app-mount . lookInverted-2D7oAl . colorTransparent-1ewNp9 : disabled {
background-color : var ( --header-primary ) ;
color : rgba ( var ( --vtextbrightest ) , . 1 ) ;
}
# app-mount . lookOutlined-3sRXeN . colorTransparent-1ewNp9 : hover ,
# app-mount . lookOutlined-3sRXeN . hoverTransparent-2Lz5CN . hasHover-3X1-zV : hover {
background-color : rgba ( var ( --vtextbrighter ) , . 1 ) ;
border-color : var ( --interactive-hover ) ;
}
# app-mount . lookOutlined-3sRXeN . colorTransparent-1ewNp9 : active ,
# app-mount . lookOutlined-3sRXeN . hoverTransparent-2Lz5CN . hasHover-3X1-zV : active {
background-color : rgba ( var ( --vtextbrightest ) , . 1 ) ;
border-color : var ( --header-primary ) ;
}
# app-mount . lookOutlined-3sRXeN . colorTransparent-1ewNp9 ,
# app-mount . lookOutlined-3sRXeN . colorTransparent-1ewNp9 : disabled {
background-color : transparent ;
color : var ( --text-normal ) ;
}
# app-mount . lookGhost-2Fn_0- . colorTransparent-1ewNp9 : active ,
# app-mount . lookGhost-2Fn_0- . hoverTransparent-2Lz5CN . hasHover-3X1-zV : active {
background-color : rgba ( var ( --vtextbrighter ) , . 2 ) ;
color : var ( --text-normal ) ;
}
# app-mount . lookGhost-2Fn_0- . colorTransparent-1ewNp9 ,
# app-mount . lookGhost-2Fn_0- . colorTransparent-1ewNp9 : disabled {
background-color : rgba ( var ( --vtextbrighter ) , . 1 ) ;
}
# app-mount . lookLink-9FtZy- . colorTransparent-1ewNp9 {
color : var ( --text-normal ) ;
}
# app-mount . lookLink-9FtZy- . colorTransparent-1ewNp9 : hover . contents-18-Yxp ,
# app-mount . lookLink-9FtZy- . hoverTransparent-2Lz5CN . hasHover-3X1-zV : hover . contents-18-Yxp {
background-image : linear-gradient ( 0deg , transparent , transparent 1px , rgb ( var ( --vtextbrighter ) ) 0 , rgb ( var ( --vtextbrighter ) ) 2px , transparent 0 ) ;
color : var ( --text-normal ) ;
}
/* ---- 1.3. INPUTS ---- */
# app-mount . prefixInput-14nUik {
background-color : rgba ( 0 , 0 , 0 , . 1 ) ;
border-color : rgba ( 0 , 0 , 0 , . 3 ) ;
}
# app-mount . prefixInput-14nUik : hover {
border-color : rgba ( 0 , 0 , 0 , . 6 ) ;
}
# app-mount . prefixInputInput-cqxbLV {
color : var ( --header-primary ) ;
}
# app-mount . prefixInputInput-cqxbLV :: -webkit-input-placeholder ,
# app-mount . prefixInputInput-cqxbLV :: -moz-placeholder ,
# app-mount . prefixInputInput-cqxbLV : -ms-input-placeholder ,
# app-mount . prefixInputInput-cqxbLV :: placeholder {
color : var ( --text-muted ) ;
}
# app-mount . prefixInputPrefix-2IUJ4X {
color : var ( --text-muted ) ;
}
2020-11-22 15:40:43 +01:00
# app-mount . item-26Dhrx [ aria-checked = true ] . radioBar-bMNUI- {
background : rgb ( var ( --vaccentcolor ) ) ;
2020-11-24 10:38:02 +01:00
color : # fff ;
2020-11-22 15:40:43 +01:00
}
# app-mount . item-26Dhrx [ aria-checked = true ] . radioBar-bMNUI- . radioIconForeground-XwlXQN {
color : # fff ;
}
# app-mount . item-26Dhrx . radioBar-bMNUI- [ style * = "--radio-bar-accent-color" ] {
background : var ( --radio-bar-accent-color ) ;
border : unset ;
color : # fff ;
}
# app-mount . item-26Dhrx [ aria-checked = false ] : hover . radioBar-bMNUI- [ style * = "--radio-bar-accent-color" ] {
background : var ( --radio-bar-accent-color ) linear-gradient ( to right , rgba ( 255 , 255 , 255 , 0 . 2 ) , rgba ( 255 , 255 , 255 , 0 . 2 ) ) ;
2020-11-21 19:36:03 +01:00
}
2020-10-20 22:35:49 +02:00
# app-mount . container-1nZlH6 {
background-color : var ( --deprecated-text-input-bg ) ;
border-color : var ( --deprecated-text-input-border ) ;
}
# app-mount . container-1nZlH6 : hover {
border-color : var ( --deprecated-text-input-border-hover ) ;
}
# app-mount . container-1nZlH6 . lookGhost-2Fn_0- . colorGrey-2DXtkV {
background-color : var ( --background-modifier-hover ) ;
color : var ( --header-secondary ) ;
}
2020-10-20 17:37:27 +02:00
# app-mount . container-OI6I9q {
color : var ( --header-secondary ) ;
}
# app-mount . selected-P8xTeN {
border-bottom : 2px solid var ( --header-primary ) ;
color : var ( --header-primary ) ;
}
# app-mount . checkbox-1ix_J3 {
border-color : var ( --text-muted ) ;
}
# app-mount . checked-3_4uQ9 [ style * = "border-color: rgb(79, 84, 92)" ] ,
# app-mount . checked-3_4uQ9 : not ( [ style * = "border-color:" ] ) : not ( [ style * = "background-color:" ] ) {
background-color : rgb ( var ( --vaccentcolor ) ) ! important ;
border-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
# app-mount . checked-3_4uQ9 [ style * = "border-color: rgb(79, 84, 92)" ] path ,
# app-mount . checked-3_4uQ9 : not ( [ style * = "border-color:" ] ) : not ( [ style * = "background-color:" ] ) path {
fill : # fff ;
}
# app-mount . checkbox-3kaeSU . checkboxInner-3yjcPe span {
border-color : var ( --text-muted ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . checkbox-3kaeSU . checkboxInner-3yjcPe . checkboxElement-1qV33p : checked + span :: after {
2020-10-20 17:37:27 +02:00
border-color : # fff ! important ;
}
# app-mount . checkbox-3kaeSU . checkboxInner-3yjcPe . checkboxElement-1qV33p : disabled + span {
filter : grayscale ( 0 . 5 ) ;
}
# app-mount . checkbox-3kaeSU . checkboxInner-3yjcPe . checkboxElement-1qV33p : checked + span {
background-color : rgb ( var ( --vaccentcolor ) ) ! important ;
border-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
# app-mount . checkbox-3kaeSU . checkboxInner-3yjcPe . alt-6FvZrq . checkboxElement-1qV33p + span {
background-color : # fff ! important ;
border-color : # fff ! important ;
}
2020-10-20 20:58:08 +02:00
# app-mount . checkbox-3kaeSU . checkboxInner-3yjcPe . alt-6FvZrq . checkboxElement-1qV33p : checked + span :: after {
2020-10-20 17:37:27 +02:00
border-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
# app-mount . maxLength-39QFBo {
color : var ( --text-muted ) ;
}
# app-mount . copyInput-2rOSt7 {
background-color : var ( --deprecated-text-input-bg ) ;
}
# app-mount . copyInputDefault-21sXtF {
border-color : var ( --deprecated-text-input-border ) ;
}
# app-mount . hiddenMessage-1iiFV5 ,
# app-mount . inputDefault-A2ud2y {
color : var ( --header-primary ) ;
}
# app-mount . hiddenMessage-1iiFV5 :: -webkit-input-placeholder ,
# app-mount . inputDefault-A2ud2y :: -webkit-input-placeholder ,
# app-mount . hiddenMessage-1iiFV5 :: -moz-placeholder ,
# app-mount . inputDefault-A2ud2y :: -moz-placeholder ,
# app-mount . hiddenMessage-1iiFV5 : -ms-input-placeholder ,
# app-mount . inputDefault-A2ud2y : -ms-input-placeholder ,
# app-mount . hiddenMessage-1iiFV5 :: placeholder ,
# app-mount . inputDefault-A2ud2y :: placeholder {
color : rgba ( var ( --vtextbrightest ) , . 3 ) ;
}
# app-mount . grabber-3mFHz2 {
background-color : # fff ;
border-color : var ( --background-accent ) ;
}
# app-mount . bar-2Qqk5Z {
background : var ( --background-accent ) ;
}
# app-mount . markValue-2DwdXI {
color : var ( --text-muted ) ;
}
# app-mount . markDash-3hAolZ {
background : var ( --background-accent ) ;
}
. select-2TCrqx [ class * = "css-" ] [ class * = "-control" ] {
background-color : var ( --deprecated-text-input-bg ) ;
border-color : var ( --deprecated-text-input-border ) ;
color : var ( --text-normal ) ;
}
. select-2TCrqx [ class * = "css-" ] [ class * = "-control" ] : hover ,
. select-2TCrqx [ class * = "css-" ] [ class * = "-control" ] : not ( : last-child ) {
border-color : var ( --deprecated-text-input-border-hover ) ;
}
. select-2TCrqx . languageSelector-LEtpHP [ class * = "css-" ] [ class * = "-control" ] {
background-color : var ( --background-tertiary ) ;
border : none ;
}
. select-2TCrqx [ class * = "css-" ] [ class * = "-singleValue" ] ,
. select-2TCrqx [ class * = "css-" ] [ class * = "-placeholder" ] ,
. select-2TCrqx [ class * = "css-" ] [ class * = "-indicatorContainer" ] {
color : var ( --text-normal ) ;
}
2020-10-20 18:34:28 +02:00
# app-mount . optionNormal-12VR9V ,
. css-1gfjib6-option ,
. css-1yz4bi9-option ,
2020-10-20 17:37:27 +02:00
. css-ru8b0x-option ,
. css-1yz4bi9-option {
background-color : rgba ( var ( --vtransparencycolor ) , 0 . 1 ) ;
color : var ( --interactive-normal ) ;
}
2020-10-20 18:34:28 +02:00
# app-mount . optionNormal-12VR9V : hover ,
. css-pkcurw-option ,
. css-rzbxvl-option ,
2020-10-20 17:37:27 +02:00
. css-1qxn4c5-option ,
. css-rzbxvl-option {
background-color : var ( --background-secondary ) ;
color : var ( --interactive-hover ) ;
}
2020-10-20 18:34:28 +02:00
# app-mount . optionActive-KkAdqq ,
. css-1gxgi19-option ,
. css-1ba14n5-option ,
2020-10-20 17:37:27 +02:00
. css-6qzljd-option ,
. css-1ba14n5-option {
background-color : var ( --background-primary ) ;
color : var ( --interactive-active ) ;
}
. select-2TCrqx > [ class * = "css-" ] [ class * = "-container" ] > [ class * = "css-" ] [ class * = "-menu" ] {
background-color : var ( --background-tertiary ) ;
2020-10-20 18:36:08 +02:00
border-color : var ( --background-tertiary ) ;
2020-10-20 17:37:27 +02:00
box-shadow : var ( --elevation-high ) ;
overflow : hidden ;
}
# app-mount . colorPickerSwatch-5GX3Ve . noColor-1pdBDm {
border-color : rgba ( var ( --vtextbrightest ) , . 1 ) ;
}
# app-mount . colorPickerSwatch-5GX3Ve . noColor-1pdBDm . colorPickerDropperFg-3jYKWI {
fill : var ( --header-primary ) ;
}
# app-mount . colorPickerCustom-2CWBn2 {
background : var ( --background-primary ) ;
border-color : var ( --background-tertiary ) ;
}
/* ---- 1.4. SEARCHBARS ---- */
# app-mount . searchBox-3Y2Vi7 {
background-color : var ( --background-accent ) ;
box-shadow : 0 2px 5px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . searchBox-3Y2Vi7 . searchBoxInput-uJtBcv :: -webkit-input-placeholder ,
# app-mount . searchBox-3Y2Vi7 . searchBoxInput-uJtBcv :: -moz-placeholder ,
# app-mount . searchBox-3Y2Vi7 . searchBoxInput-uJtBcv : -ms-input-placeholder ,
# app-mount . searchBox-3Y2Vi7 . searchBoxInput-uJtBcv :: placeholder {
color : var ( --text-muted ) ;
}
# app-mount . searchIcon-1a1-yA {
color : var ( --text-muted ) ;
}
# app-mount . filterLabel-2yQNPl {
color : var ( --header-secondary ) ;
}
/* ---- 1.5. IMAGES ---- */
# app-mount . art-1qgogX {
background-image : url ( https : / / discordapp . com / assets / 62361315d5e35b7a6b5f0f0833dac5db . svg ) ;
opacity : . 75 ;
}
# app-mount . successImage-2Tgulb {
background-image : url ( https : / / discordapp . com / assets / 15bc6312ff83991a86d4eb9be19094d6 . svg ) ;
opacity : . 5 ;
}
# app-mount . searchIndexBackground-HQa_J9 {
background-image : url ( https : / / discordapp . com / assets / e695cb4a18202a6053674a346e6ba4c2 . svg ) ;
opacity : . 5 ;
}
# app-mount . resultsBlockedImage-2aDVMx {
background-image : url ( https : / / discordapp . com / assets / 7490848d1fcddf075abeb71e2d1aaff3 . svg ) ;
opacity : . 5 ;
}
# app-mount . noResultsImage-3Y0eCI {
background-image : url ( https : / / discordapp . com / assets / af4424ffab53593f696947192ff1854a . svg ) ;
opacity : . 5 ;
}
# app-mount . noResultsImage-3Y0eCI . alt-3EpRdH {
background-image : url ( https : / / discordapp . com / assets / f0a2cc54695a7064a1f02e5ca8b95ccc . svg ) ;
opacity : . 5 ;
}
# app-mount . errorImage-12Q43V {
background-image : url ( https : / / discordapp . com / assets / 29462d0b6c33d2ed874aa982f6f99326 . svg ) ;
opacity : . 5 ;
}
# app-mount . wrapper-1prNyd { /* crash screen background */
background-image : url ( https : / / discordapp . com / assets / da840b1a6c5d073ca1c6710f8967502a . svg ) ;
}
# app-mount . image-3zK3Wt { /* crash screen center image */
background-image : url ( https : / / discordapp . com / assets / e9baf4b505eb54129f832556ea16538e . svg ) ;
opacity : . 5 ;
}
# app-mount . noResults-3LFG4E {
background : transparent ;
}
# app-mount . noResults-3LFG4E :: before {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background : url ( https : / / discordapp . com / assets / 0b298968e0a756e25677771fd6b58b34 . svg ) no-repeat 50 % 40 % ;
opacity : . 5 ;
}
# app-mount . noResults-24KNHj {
background-image : url ( https : / / discordapp . com / assets / 0b298968e0a756e25677771fd6b58b34 . svg ) ;
opacity : . 5 ;
}
. fullArt-2zAZvG {
opacity : . 5 ;
}
# app-mount . art-RyCKMR {
background-image : url ( https : / / discordapp . com / assets / 9f670a7821c663913c393f5df62e63d7 . svg ) ;
opacity : . 5 ;
}
# app-mount . imageUnverified-1QCPtJ {
background-image : url ( https : / / discordapp . com / assets / e260177e5165e6789e30b9592df75424 . svg ) ;
opacity : . 5 ;
}
. fullArt-2izgMA {
opacity : . 5 ;
}
. image-2JDb81 {
opacity : . 5 ;
}
. image-2JDb81 [ style * = 'url("/assets/03c7541028afafafd1a9f6a81cb7f149.svg")' ] {
background-image : url ( https : / / discordapp . com / assets / 6793e022dc1b065b21f12d6df02f91bd . svg ) ! important ;
}
. image-2JDb81 [ style * = 'url("/assets/9b0d90147f7fab54f00dd193fe7f85cd.svg")' ] {
background-image : url ( https : / / discordapp . com / assets / 308e587f3a68412f137f7317206e92c2 . svg ) ! important ;
}
. image-1GzsFd {
opacity : . 5 ;
}
. image-1GzsFd [ style * = 'url("/assets/c84361b810ca7c10d6e8ddb6ea722ebe.svg")' ] {
background-image : url ( https : / / discordapp . com / assets / b669713872b43ca42333264abf9c858e . svg ) ! important ;
}
2020-10-27 14:35:43 +01:00
. image-1GzsFd [ style * = 'url("/assets/857c505aafbe092e4f6efecebcad0bc8.svg")' ] {
background-image : url ( https : / / discordapp . com / assets / 712a0fd4d14a1caadd31cb0745e91238 . svg ) ! important ;
}
img [ src = '/assets/9ad4d437577c5569dc231a787a5377f6.svg' ] ,
img [ src = '/assets/bfffd518c76d3f6bc5e96eb52e4ae2cf.svg' ] {
background-image : url ( https : / / discordapp . com / assets / bfffd518c76d3f6bc5e96eb52e4ae2cf . svg ) ;
opacity : . 5 ;
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2020-10-27 14:35:43 +01:00
}
. emptyStateImage-3SXmVX {
opacity : . 5 ;
}
. emptyStateImage-3SXmVX [ src = '/assets/38defe07899a762bfc301ddddd206116.svg' ] {
background-image : url ( https : / / discordapp . com / assets / 446a060321730a318ca1649b0cc40d44 . svg ) ;
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2020-10-27 14:35:43 +01:00
}
2020-10-20 17:37:27 +02:00
# app-mount . image-3wZlK5 {
background-image : url ( https : / / discordapp . com / assets / 97e866482f43d3ebd2496641cd934904 . svg ) ;
opacity : . 5 ;
}
# app-mount . imageError-2OefUi {
background-image : url ( https : / / discordapp . com / assets / e0c782560fd96acd7f01fda1f8c6ff24 . svg ) ;
opacity : . 5 ;
}
# app-mount . image-3bKszV {
background-image : url ( https : / / discordapp . com / assets / cefc9c14adce616059f519c581331b32 . svg ) ;
opacity : . 5 ;
}
# app-mount . emptyImage-1ABqhB {
background-image : url ( https : / / discordapp . com / assets / 4bb32037d9d2e8240d1315ddaf4e4b85 . svg ) ;
opacity : . 5 ;
}
# app-mount . errorImage-1StK2r {
background-image : url ( https : / / discordapp . com / assets / cdc3daf6fc982fef1df502912b682ada . svg ) ;
opacity : . 5 ;
}
# app-mount . missingEntitlementImage-15q-cx {
background-image : url ( https : / / discordapp . com / assets / 131dcaaa628405e6d0ebee7708111c7a . svg ) ;
opacity : . 5 ;
}
/* ~~~~ 2. CHANNELLIST ~~~~ */
/* ---- 2.1. GUILDHEADER ---- */
. channelNotice-1-XFjC . guildMFAWarning-3GEzs8 ,
. channelNotice-1-XFjC . invite-OjTXrW ,
. channelNotice-1-XFjC . publicUpsell-31ZSJ8 ,
. channelNotice-1-XFjC . quickswitcher-35bYg4 ,
. channelNotice-1-XFjC . premiumGuildSubscription-3oKecP ,
. channelNotice-1-XFjC . maxMembersCount-3E4zND ,
. channelNotice-3DDmsB ,
# app-mount . channelNotice-3hkOiI {
background : transparent ;
}
. channelNotice-1-XFjC . guildMFAWarning-3GEzs8 :: before ,
. channelNotice-1-XFjC . invite-OjTXrW :: before ,
. channelNotice-1-XFjC . publicUpsell-31ZSJ8 :: before ,
. channelNotice-1-XFjC . quickswitcher-35bYg4 :: before ,
. channelNotice-1-XFjC . premiumGuildSubscription-3oKecP :: before ,
. channelNotice-1-XFjC . maxMembersCount-3E4zND :: before ,
. channelNotice-3DDmsB :: before ,
# app-mount . channelNotice-3hkOiI :: before {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
opacity : . 5 ;
}
. channelNotice-1-XFjC . guildMFAWarning-3GEzs8 :: before {
background : url ( https : / / discordapp . com / assets / 916a384814e3bbd2a84e2a1b352a17c3 . svg ) no-repeat center 20px ;
}
. channelNotice-1-XFjC . invite-OjTXrW :: before {
background : url ( https : / / discordapp . com / assets / bf625d222187f542b9d7179109422e2c . svg ) no-repeat center 20px ;
}
. channelNotice-1-XFjC . publicUpsell-31ZSJ8 :: before {
background : url ( https : / / discordapp . com / assets / 3c60587d692de83d0352a0596cc3baa7 . svg ) no-repeat 50 % 12px ;
}
. channelNotice-1-XFjC . quickswitcher-35bYg4 :: before {
background : url ( https : / / discordapp . com / assets / 8fdb69b7684b8e1ecb3fdde909daca41 . svg ) no-repeat center 35px ;
}
. channelNotice-1-XFjC . premiumGuildSubscription-3oKecP :: before {
background : url ( https : / / discordapp . com / assets / ccd6ad0b6897a9f4fb5cc82de4c26317 . svg ) no-repeat center 23px ;
}
. channelNotice-1-XFjC . maxMembersCount-3E4zND :: before {
background : url ( https : / / discordapp . com / assets / 01f60394adffda20dc7270a1e3c727df . svg ) no-repeat center 16px ;
}
. channelNotice-3DDmsB :: before {
background : url ( https : / / discordapp . com / assets / 1858873f28bdc62dfb3a1f4b67d459bf . svg ) center top 20px / 153px no-repeat ;
}
# app-mount . channelNotice-3hkOiI :: before {
background : url ( https : / / discordapp . com / assets / 7065587bd42fd829925bf6aa4b36f5e2 . svg ) center top 22px / 220px no-repeat ;
}
/* ---- 2.2. CHANNELS ---- */
# app-mount . icon-2s94H- {
color : var ( --header-secondary ) ;
}
# app-mount . emptyUser-3FRJaF {
background-color : var ( --background-accent ) ;
}
# app-mount . moreUsers-1s5Her {
background-color : var ( --background-floating ) ;
color : var ( --header-secondary ) ;
}
/* ---- 2.3. ACCOUNT/VOICE/GOLIVE ---- */
2020-10-20 20:58:08 +02:00
# app-mount . userList-1kLH8B :: before {
2020-10-20 17:37:27 +02:00
background-color : var ( --background-secondary ) ;
border-color : transparent # 202225 # 202225 transparent ;
}
# app-mount . header-2B7Ri8 {
background-color : var ( --background-tertiary ) ;
color : var ( --header-primary ) ;
}
# app-mount . content-2KAjC9 {
background-color : var ( --background-secondary ) ;
}
# app-mount . username-2lEtrk {
color : var ( --text-normal ) ;
}
# app-mount . discriminator-1fGEDN {
color : var ( --text-muted ) ;
}
/* ~~~~ 3. CHAT ~~~~ */
/* ---- 3.1. CHANNELHEADER ---- */
2020-10-27 14:18:02 +01:00
# app-mount . container-1r6BKw . themed-ANHk51 {
box-shadow : var ( --elevation-low ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . children-19S4PO :: after {
2020-10-20 17:37:27 +02:00
background : linear-gradient ( 90deg , transparent 0 , var ( --background-primary ) ) ;
}
# app-mount . back-38bAq5 {
color : var ( --interactive-normal ) ;
}
# app-mount . back-38bAq5 : hover {
color : var ( --interactive-hover ) ;
}
# app-mount . back-38bAq5 : active {
color : var ( --interactive-active ) ;
}
# app-mount . cloud-31LAb8 {
color : var ( --text-muted ) ;
}
/* ---- 3.2. MESSAGES ---- */
2020-10-27 14:18:02 +01:00
. content-yTz4x3 :: before {
display : none ;
}
2020-10-20 17:37:27 +02:00
# app-mount . noResultIcon-1bkvDZ {
background-image : url ( https : / / discordapp . com / assets / 1eed0d895df6e35f164d8ed5e84037d2 . svg ) ;
opacity : . 5 ;
}
# app-mount . scrollSeparator-2w4X2o {
box-shadow : 0 1px 0 0 rgba ( var ( --vbackgroundfloating ) , . 3 ) , 0 1px 2px 0 rgba ( var ( --vbackgroundfloating ) , . 3 ) ;
}
# app-mount . image-2LqJex {
background-image : url ( https : / / discordapp . com / assets / a36505883459aecf5df0ae54c6d7495f . svg ) ;
opacity : . 75 ;
}
# app-mount . title-1VcOOr {
color : var ( --header-primary ) ;
}
# app-mount . description-2ydcYn {
color : var ( --header-secondary ) ;
}
2020-11-17 18:54:57 +01:00
# app-mount . emptyChannelIcon-cc932w {
position : relative ;
background : var ( --background-accent ) ;
overflow : hidden ;
}
# app-mount . emptyChannelIcon-cc932w :: before {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background : var ( --header-primary ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / a9847a74a2dac6e2b2958b195a8dad96 . svg ) center no-repeat ;
}
2020-10-20 17:37:27 +02:00
/* ==== 3.2.1. MESSAGE ==== */
# app-mount . message-2qRu38 {
background-color : var ( --background-primary ) ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
2020-11-19 18:06:36 +01:00
# app-mount . ephemeralMessage-1fEWtQ ,
2020-10-20 17:37:27 +02:00
# app-mount . operations-36ENbA {
color : var ( --channels-default ) ;
}
. icon-2Po-VO [ style * = "/assets/5da4cdab01d4d89c593c48c62ae0d937.svg" ] {
-webkit-mask : url ( https : / / discordapp . com / assets / 5da4cdab01d4d89c593c48c62ae0d937 . svg ) center / cover no-repeat ;
background : var ( --header-secondary ) ! important ;
}
. icon-2Po-VO [ style * = "/assets/d80d1fdc43a3c42134a31a39581160ac.svg" ] {
-webkit-mask : url ( https : / / discordapp . com / assets / d80d1fdc43a3c42134a31a39581160ac . svg ) center / cover no-repeat ;
background : var ( --header-secondary ) ! important ;
}
# app-mount . wrapper-2TxpI8 {
background-color : var ( --background-tertiary ) ;
color : var ( --header-primary ) ;
}
# app-mount . videoControls-2kcYic {
color : # fff ;
}
# app-mount . spoilerText-3p6IlD {
background-color : rgba ( var ( --vtextbrightest ) , . 1 ) ;
}
# app-mount . spoilerText-3p6IlD . hidden-HHr2R9 {
background-color : var ( --background-tertiary ) ;
}
# app-mount . spoilerText-3p6IlD . hidden-HHr2R9 : hover {
background-color : rgba ( var ( --vbackgroundtertiary ) , . 8 ) ;
}
/* ==== 3.2.2. EMBEDS ==== */
# app-mount . description-1RsfgZ {
color : var ( --header-primary ) ;
}
# app-mount . tagline-2nvxi0 {
color : var ( --header-secondary ) ;
}
# app-mount . tile-2OwFgW {
background-color : var ( --background-tertiary ) ;
box-shadow : 0 0 0 rgba ( var ( --vbackgroundtertiary ) , . 15 ) ;
}
# app-mount . tile-2OwFgW : hover {
background-color : var ( --background-floating ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . progress-3Rbvu0 {
background-color : rgba ( var ( --vtextdarker ) , . 3 ) ;
}
2020-10-20 20:36:12 +02:00
# app-mount . metadata-3WGS0M {
color : var ( --text-muted ) ;
}
2020-10-20 17:37:27 +02:00
# app-mount . loadingBackground-3sVOML {
background-image : linear-gradient ( 90deg , var ( --background-primary ) , var ( --background-accent ) , var ( --background-primary ) ) ;
}
# app-mount . loadingImage-2ouGtu {
background-color : var ( --background-secondary ) ;
}
# app-mount . embedHorizontal-WknQ2- ,
# app-mount . embedVertical-W5-T0m {
background-color : var ( --background-primary ) ;
}
. lookMinimal-2OMO3G . arrow-2KJjTM {
color : var ( --header-secondary ) ;
}
# app-mount . svgContentRight-VRT04v {
fill : var ( --interactive-muted ) ;
}
# app-mount . svgContentLeft-i3sITr {
fill : var ( --interactive-muted ) ;
}
# app-mount . svgContentLines-3hGvN4 ,
# app-mount . svgDots-2tp4yT {
fill : var ( --text-muted ) ;
}
# app-mount . svgTag-3iksEu {
fill : var ( --text-normal ) ;
}
# app-mount . infoLink-3363PK {
color : var ( --header-secondary ) ! important
}
2020-10-20 20:58:08 +02:00
# app-mount . copyLink-2thG89 :: before {
2020-10-20 17:37:27 +02:00
background-color : var ( --background-accent ) ;
}
# app-mount . buildDetails-2mYzfS ,
# app-mount . copyLink-2thG89 : hover ,
# app-mount . infoLink-3363PK : hover {
color : var ( --header-primary ) ! important ;
}
# app-mount . barLoader-2pDp68 ,
# app-mount . buttonLoader-2kPem2 {
background-color : var ( --background-accent ) ;
}
# app-mount . disabledButtonOverride-3Ntxjs {
background-color : var ( --background-tertiary ) ! important
}
/* ==== 3.2.3. NITROGIFT ==== */
/* ==== 3.2.4. INVITE ==== */
# app-mount . guildIconImage-3qTk45 {
background-color : var ( --background-primary ) ;
}
# app-mount . guildIconExpired-2Qcq05 {
background-image : url ( https : / / discordapp . com / assets / e0c782560fd96acd7f01fda1f8c6ff24 . svg ) ;
opacity : . 5 ;
}
# app-mount . resolvingBackground-351jK_ {
background-image : linear-gradient ( 90deg , var ( --background-primary ) , var ( --background-accent ) , var ( --background-primary ) ) ;
}
# app-mount . invite-18yqGF {
background : rgba ( var ( --vbackgroundsecondary ) , . 6 ) ;
border-color : rgba ( var ( --vbackgroundsecondary ) , . 9 ) ;
}
# app-mount . artworkSpotifySessionEnded-11d_If {
background-image : url ( https : / / discordapp . com / assets / fb6a21ef85b63dec6e7c01c683904e8f . svg ) ;
}
# app-mount . header-Hg_qNF {
color : var ( --text-muted ) ;
}
# app-mount . name-GG2Mcs ,
# app-mount . partyStatus-6AjDud {
color : var ( --header-primary ) ;
}
# app-mount . moreUsers-1sZP3U {
background-color : var ( --background-floating ) ;
color : var ( --header-secondary ) ;
}
# app-mount . partyMemberEmpty-2iyh5g {
background : var ( --background-accent ) ;
}
# app-mount . helpIcon-2EyVTp {
background-color : var ( --header-primary ) ;
}
2020-11-23 18:23:44 +01:00
# app-mount . helpIcon-2EyVTp [ fill ] {
fill : var ( --background-secondary ) ;
}
2020-10-20 17:37:27 +02:00
# app-mount . textLink-3aPthL ,
# app-mount . message-group . textLink-3aPthL {
color : var ( --header-primary ) ;
}
# app-mount . subHeader-27gFHC {
color : var ( --text-muted ) ;
}
# app-mount . preview-yX6Nx7 {
border-color : var ( --background-tertiary ) ;
}
/* ---- 3.3. TEXTAREA ---- */
2020-10-20 20:58:08 +02:00
# app-mount . form-2fGMdU :: before {
2020-10-20 17:37:27 +02:00
background : linear-gradient ( 180deg , rgba ( var ( --vbackgroundprimary ) , 0 ) 0 , var ( --background-primary ) ) ;
}
# app-mount . error-1M5Do5 {
color : # f36c6c ;
}
# app-mount . toolbar-2bjZV7 {
background-color : var ( --background-floating ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . toolbar-2bjZV7 :: before {
2020-10-20 17:37:27 +02:00
border-left : 8px solid transparent ;
border-right : 8px solid transparent ;
border-top : 8px solid var ( --background-floating ) ;
}
# app-mount . divider-24xeUg {
border-left : 1px solid rgba ( var ( --vtextbrightest ) , . 06 ) ;
}
# app-mount . icon-KgGMGo {
color : var ( --interactive-normal ) ;
}
# app-mount . active-2HPddW . icon-KgGMGo ,
# app-mount . hover-28QbSq : hover . icon-KgGMGo {
color : var ( --interactive-active ) ;
}
2020-10-20 20:36:12 +02:00
# app-mount . cooldownWrapper-3joyFc [ style * = "color: rgb(79, 84, 92)" ] {
color : var ( --text-muted ) ! important ;
}
2020-10-20 17:37:27 +02:00
/* ---- 3.4. AUTOCOMPLETEMENU ---- */
# app-mount . autocomplete-1vrmpx {
background-color : var ( --background-secondary ) ;
}
2020-12-17 20:12:57 +01:00
# app-mount . categoryHeader-O1zU94 {
background-color : var ( --background-secondary ) ;
}
2020-10-20 17:37:27 +02:00
# app-mount . selected-1Tbx07 {
background-color : var ( --background-primary ) ;
}
# app-mount . divider-23swzi {
background-color : rgba ( var ( --vtextdarker ) , . 6 ) ;
}
# app-mount . contentTitle-2tG_sM {
color : var ( --text-muted ) ;
}
# app-mount . contentTitle-2tG_sM strong {
color : var ( --header-primary ) ;
}
# app-mount . content-Qb0rXO {
color : var ( --header-primary ) ;
}
# app-mount . iconForeground-1w5n7R {
fill : var ( --text-muted ) ;
}
# app-mount . description-11DmNu ,
# app-mount . descriptionUsername-J_75O8 {
color : var ( --text-muted ) ;
}
# app-mount . descriptionDiscriminator-3vUOCc {
color : rgba ( var ( --vtextdarker ) , . 6 ) ;
}
/* ---- 3.5. MEMBERLIST ---- */
# app-mount . memberListItem-2ZX2pl : not ( . popoutDisabled-xucru2 ) : hover {
background-color : var ( --background-tertiary ) ;
}
/* ---- 3.6. CALL ---- */
. wrapper-2qzCYF {
background-color : var ( --background-primary ) ;
}
. root-217Brm {
color : var ( --header-primary ) ;
}
. gradientContainer-10lXLB {
display : none ;
}
. divider-36-9JI {
background : var ( --background-modifier-accent ) ;
}
. playingText-3KIkt6 {
color : var ( --header-secondary ) ;
}
. controlIcon-35oS15 {
color : var ( --interactive-normal ) ;
}
. controlIcon-35oS15 : hover {
color : var ( --interactive-hover ) ;
}
. controlIcon-35oS15 . active-1QRrIS ,
. controlIcon-35oS15 : active {
color : var ( --interactive-active ) ;
}
. pictureInPictureVideo-2iKsGg . controlIcon-35oS15 {
color : # b9bbbe ;
}
. pictureInPictureVideo-2iKsGg . controlIcon-35oS15 : hover {
color : # dcddde ;
}
. pictureInPictureVideo-2iKsGg . controlIcon-35oS15 . active-1QRrIS ,
. pictureInPictureVideo-2iKsGg . controlIcon-35oS15 : active {
color : # fff ;
}
. colorable-1bkp8v . primaryDark-3mSFDl {
background-color : var ( --background-secondary ) ;
}
. colorable-1bkp8v . primaryDark-3mSFDl ,
. colorable-1bkp8v . primaryDark-3mSFDl . centerIcon-2G6o-T {
color : var ( --header-primary ) ;
}
. colorable-1bkp8v . primaryDark-3mSFDl . active-1QRrIS ,
. colorable-1bkp8v . primaryDark-3mSFDl : hover {
background-color : var ( --background-tertiary ) ;
}
. root-2VTZPJ {
color : var ( --header-primary ) ;
}
. root-217Brm {
color : var ( --header-primary ) ;
}
. tile-2naSqK {
background-color : var ( --background-tertiary ) ;
}
. header-2Zv56X {
color : var ( --header-primary ) ;
}
# app-mount . regionSelectName-c5qL8O {
color : var ( --header-secondary ) ;
}
# app-mount . quickSelectPopoutOption-opKBx9 : hover . regionSelectName-c5qL8O {
color : var ( --header-primary ) ;
}
# app-mount . video-1FfuMD {
background-color : var ( --background-floating ) ;
}
# app-mount . video-1FfuMD . minimum-1pRSEN {
background-color : var ( --background-floating ) ;
box-shadow : inset 0 -1px 0 var ( --background-tertiary ) ;
}
# app-mount . video-1FfuMD . noChat-3nt48u . videoBackgroundTransition-3wpOSl {
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . video-1FfuMD . noChat-3nt48u . videoTop-eOkSPq ,
# app-mount . video-1FfuMD . normal-1jW0uq . videoTop-eOkSPq {
background-image : linear-gradient ( 0deg , transparent , rgba ( 0 , 0 , 0 , . 9 ) ) ;
}
# app-mount . item-30Gz8g {
color : var ( --header-primary ) ;
}
# app-mount . itemValue-JNy0LV {
color : var ( --header-secondary ) ;
}
# app-mount . videoPreview-22khDR {
background-color : var ( --background-secondary ) ;
border : 1px solid var ( --background-tertiary ) ;
}
/* ~~~~ 4. PEOPLES ~~~~ */
# app-mount . container-1D34oG {
background-color : var ( --background-primary ) ;
}
# app-mount . sectionHeader-20RGqu {
border-bottom : 1px solid rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . moreMutualGuildsBtn-2jTflt : hover {
border-color : rgba ( var ( --vtextbrightest ) , . 6 ) ;
color : var ( --header-primary ) ;
}
# app-mount . container-1D34oG {
background-color : var ( --background-primary ) ;
}
# app-mount . wrapper-1vl07G {
background-color : rgba ( 4 , 4 , 5 , . 8 ) ;
color : var ( --header-secondary ) ;
}
# app-mount . header-jCWbCG {
color : var ( --header-primary ) ;
}
# app-mount . text-GwUZgS ,
# app-mount . title-2BxgL2 {
color : var ( --text-muted ) ;
}
# app-mount . outer-1AjyKL . active-1xchHY ,
# app-mount . outer-1AjyKL . interactive-3B9GmY : hover {
background-color : var ( --background-floating ) ;
}
# app-mount . inset-3sAvek {
background-color : var ( --background-secondary ) ;
}
# app-mount . emptyPreviewImage-IBznSI {
background-image : url ( https : / / discordapp . com / assets / b93ef52d62a513a4f2127a6ca0c3208c . svg ) ;
opacity : . 5 ;
}
# app-mount . partyMemberOverflow-lXnzvu {
background-color : var ( --background-floating ) ;
color : var ( --header-secondary ) ;
}
# app-mount . partyMemberBackground-3XOgDv ,
# app-mount . partyMemberUnknown-fwK2DC {
background-color : var ( --background-accent ) ;
}
# app-mount . partyMemberUnknownIcon-1eDbV6 {
color : var ( --text-muted ) ;
}
# app-mount . partyMemberUnknown-EEivAl {
background-image : url ( https : / / discordapp . com / assets / c2e09a95e595bfb12fa040d56ca27db5 . svg ) ;
opacity : . 5 ;
}
# app-mount . popout-38lTFE {
background-color : var ( --background-floating ) ;
2020-10-20 21:44:08 +02:00
border-color : var ( --background-tertiary ) ;
2020-10-20 17:37:27 +02:00
box-shadow : 0 8px 16px rgba ( 0 , 0 , 0 , . 24 ) ;
}
# app-mount . enabled-1t_Gxm : hover {
background-color : var ( --background-tertiary ) ;
}
# app-mount . memberListItem-31QoHj : not ( . popoutDisabled-2RK7MF ) : hover {
background-color : var ( --background-tertiary ) ;
}
# app-mount . memberListHeader-543n-J {
color : var ( --header-secondary ) ;
}
# app-mount . memberListItem-31QoHj : hover {
background-color : var ( --background-tertiary ) ;
}
# app-mount . multipleIconWrapper-DfGWrz ,
# app-mount . separator-XqIyoz {
background-color : var ( --background-secondary ) ;
}
# app-mount . body-1ld4H7 . separator-XqIyoz {
background-color : var ( --background-primary ) ;
}
# app-mount . voiceSectionNoGuildImageWrapper-TicZR3 {
background : var ( --background-tertiary ) ;
color : var ( --header-primary ) ;
}
# app-mount . voiceSectionIconWrapper-FO7UEY {
background-color : var ( --background-floating ) ;
}
# app-mount . voiceSectionIcon-1b3cOo ,
# app-mount . xboxSectionIcon-1Y8MqF {
color : var ( --header-secondary ) ;
}
# app-mount . applicationStreamingPreviewWrapper-8QqvVY {
background-color : var ( --background-secondary-alt ) ;
}
/* ~~~~ 5. STORE/NITRO ~~~~ */
# app-mount . header-1fmANI {
color : var ( --header-primary ) ;
}
# app-mount . blurb-143skT ,
# app-mount . storeTerms-3G4Jo7 ,
# app-mount . subtext-2QfZHv {
color : var ( --header-secondary ) ;
}
# app-mount . divider-2rujXH {
background-color : rgba ( var ( --vbackgroundsecondary ) , . 6 ) ;
}
# app-mount . iconWrapper-3LVgIo {
background : var ( --background-accent ) ;
}
# app-mount . directoryHeroPrice-1_MqzA ,
# app-mount . directoryHeroPricePremium-tR0nU8 {
color : var ( --header-primary ) ;
}
# app-mount . directorySearchPrice-2Spatv {
color : var ( --header-secondary ) ;
}
# app-mount . listingPrice-2GiDSc {
color : var ( --header-primary ) ;
}
# app-mount . originalAmount-3RtnBh {
color : var ( --header-secondary ) ;
}
# app-mount . embedPrice-Xy8zoS {
color : var ( --header-primary ) ;
}
# app-mount . embedPrice-Xy8zoS . salePercentage-TXZz3H {
background-color : var ( --background-secondary ) ;
}
# app-mount . loadingContainer-138F59 {
background-color : rgba ( 0 , 0 , 0 , . 4 ) ;
}
# app-mount . libraryLink-21lIRu {
color : rgba ( var ( --vtextbrightest ) , . 6 ) ;
}
# app-mount . invalidPoop-pnUbq7 {
background-color : rgba ( var ( --vbackgroundaccent ) , . 6 ) ;
background-image : url ( https : / / discordapp . com / assets / e0c782560fd96acd7f01fda1f8c6ff24 . svg ) ;
opacity : . 5 ;
}
# app-mount . metadata-IJDhwB {
color : var ( --text-muted ) ;
}
# app-mount . cancelImage-BuMJnt {
background : url ( https : / / discordapp . com / assets / 03863b539aec443327ca2ffc51a89dac . svg ) ;
opacity : . 75 ;
}
# app-mount . container-2Zlzt0 {
background-color : var ( --background-secondary ) ;
}
# app-mount . xboxLogo-3uO7iP {
-webkit-mask : url ( https : / / discordapp . com / assets / 7f267bbf7d7569d790f9f6ab97d04044 . svg ) center no-repeat ;
background : var ( --header-primary ) ;
}
# app-mount . feature-2w65J5 {
background-color : var ( --background-secondary-alt ) ;
border : 1px solid var ( --background-modifier-accent ) ;
box-shadow : var ( --elevation-medium ) ;
}
# app-mount . sectionAccountCredit-1uNhnJ ,
# app-mount . subscriptionDetails-1dUmjl {
border-color : rgba ( var ( --vtextdarker ) , . 3 ) ;
}
# app-mount . background-3NP2Rg {
background-image : url ( https : / / discordapp . com / assets / 00be7f6ca68f1915a80ae01f061718e5 . svg ) ;
opacity : . 5 ;
}
# app-mount . tier1Banner-1BTgv0 {
background : var ( --background-secondary ) ;
color : var ( --header-primary ) ;
}
# app-mount . tier1Banner-1BTgv0 :: before {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background : var ( --header-primary ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / cb89c31c79a62ae99ec12351c1efb277 . svg ) center / cover no-repeat ;
}
# app-mount . categoryHeader-1D7Tqy ,
# app-mount . premiumApplicationsHeader-Zmkm5e {
border-color : var ( --background-accent ) ;
color : var ( --header-primary ) ;
}
# app-mount . viewAllGames-3LNpt1 {
color : var ( --header-primary ) ;
}
# app-mount . divider-21LyPb {
border-color : rgba ( var ( --vbackgroundsecondary ) , . 6 ) ;
}
# app-mount . content-1zhNsr {
color : var ( --text-muted ) ;
}
# app-mount . blurb-1iBKJy {
color : var ( --text-normal ) ;
}
# app-mount . description-1AwRKJ {
color : var ( --header-secondary ) ;
}
# app-mount . row-1bU71H {
background-color : var ( --background-secondary ) ;
color : var ( --header-secondary ) ;
}
# app-mount . featureIcon-1f78KU {
color : var ( --header-secondary ) ;
}
# app-mount . content-3FEARf {
color : var ( --text-muted ) ;
}
# app-mount . themedPagination-3v0Dnu . arrow-vOpU7R {
color : var ( --header-primary ) ;
}
# app-mount . themedPagination-3v0Dnu . dot-2Q_mMZ {
background-color : var ( --header-primary ) ;
}
# app-mount . matureListing-3tyHbV {
background-color : transparent ;
}
# app-mount h3 . contentHeader-1R8tQ_ {
color : # dcddde ;
}
# app-mount . circle-1nK_79 {
color : var ( --header-primary ) ;
}
# app-mount . iconCircle-1dlYo0 {
background-color : var ( --background-accent ) ;
}
# app-mount . smallHeader-2h-9-U {
color : var ( --header-secondary ) ;
}
# app-mount . text-1Z3P6i {
color : var ( --header-primary ) ;
}
# app-mount . description-2Ifi6N {
color : var ( --header-secondary ) ;
}
# app-mount . playerOverflow-2Hf77M {
background-color : var ( --background-floating ) ;
color : var ( --header-secondary ) ;
}
# app-mount . description-2Ifi6N strong ,
# app-mount . discriminator-2q6SFg strong ,
# app-mount . username-2gp_Xw {
color : var ( --header-primary ) ;
}
# app-mount . label-2zCFFs {
color : var ( --text-muted ) ;
}
# app-mount . username-Ga9-tM {
color : var ( --header-primary ) ;
}
# app-mount . notes-3hkVr0 {
color : var ( --header-secondary ) ;
}
# app-mount . root-1bFE0x {
background-color : var ( --background-secondary ) ;
}
# app-mount . header-3HFF3R {
color : var ( --header-primary ) ;
}
# app-mount . section-7tu4tu {
border-bottom-color : var ( --background-primary ) ;
}
# app-mount . breadcrumb-22XhB5 : hover {
color : var ( --header-primary ) ;
}
# app-mount . separator-1tvx79 {
background-color : rgba ( var ( --vbackgroundsecondary ) , . 6 ) ;
}
# app-mount . tabNotSelectedColor-3P16F- {
color : var ( --header-secondary ) ;
}
# app-mount . tabNotSelectedColor-3P16F- : hover ,
# app-mount . tabSelectedColor-2b3xO9 {
color : var ( --header-primary ) ;
}
# app-mount . tabSelected-3IK-Xf {
border-bottom-color : var ( --header-primary ) ;
}
# app-mount . sectionTitle-Zi_w7u {
color : var ( --header-secondary ) ;
}
# app-mount . requirementKey-14DT2D {
color : var ( --text-muted ) ;
}
# app-mount . requirements-dEriwm {
color : var ( --text-normal ) ;
}
# app-mount . content-35aVm0 {
background-color : var ( --background-secondary ) ;
}
# app-mount . buttonColorInGuild-2hfayS {
color : var ( --header-primary ) ;
}
# app-mount . name-3TBxUq {
color : var ( --header-secondary ) ;
}
# app-mount . memberInfo-1TAaKC {
color : var ( --text-muted ) ;
}
# app-mount . dotOffline-1PVTuj {
background-color : var ( --text-muted ) ;
}
# app-mount . listing-2nUQ4d {
color : var ( --header-primary ) ;
}
# app-mount . link-2T7oYD {
color : var ( --header-primary ) ;
}
# app-mount . applicationName-2QbFHn {
color : var ( --text-normal ) ;
}
# app-mount . price-1ynJAt {
background-color : var ( --background-accent ) ;
color : var ( --header-primary ) ;
}
/* ~~~~ 6. LIBRARY ~~~~ */
# app-mount . headerCellSorted-1JR4Ny {
color : var ( --header-primary ) ;
}
# app-mount . emptyWumpus-12J3jI {
background : url ( https : / / discordapp . com / assets / 131dcaaa628405e6d0ebee7708111c7a . svg ) ;
opacity : . 5 ;
}
# app-mount . rate-1Gat8e {
color : var ( --text-muted ) ;
}
# app-mount . background-yZEZik {
stroke : var ( --background-accent ) ;
}
# app-mount . usageInfo-2WQAwr {
color : var ( --header-secondary ) ;
}
# app-mount . installationPath-3cStrB {
box-shadow : 0 1px 0 0 var ( --background-accent ) ;
}
# app-mount . rowTitle-1KYtY7 {
color : var ( --text-normal ) ;
}
# app-mount . rowBody-3dJTTZ {
color : var ( --text-muted ) ;
}
# app-mount . defaultLocationCheckbox-3HMIPO {
color : var ( --header-primary ) ;
}
# app-mount . defaultIndicator-3WqGFB {
background-color : var ( --background-accent ) ;
color : var ( --header-primary ) ;
}
# app-mount . applicationName-2toV6z {
color : var ( --header-primary ) ;
}
# app-mount . applicationSubText-2V8LSK {
color : var ( --text-muted ) ;
}
# app-mount . hiddenLibraryApplication-T6N3U1 {
border-color : var ( --background-accent ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . hiddenLibraryApplication-T6N3U1 :: before {
2020-10-20 17:37:27 +02:00
background : rgba ( var ( --vbackgroundtertiary ) , . 3 ) ;
border-color : var ( --background-tertiary ) ;
}
# app-mount . restoreButton-3jU0Z6 {
background : var ( --background-primary ) ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 1px 5px 0 rgba ( 0 , 0 , 0 , . 3 ) ;
}
# app-mount . restoreButton-3jU0Z6 : hover {
background : var ( --background-secondary ) ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . card-3DjzTQ {
box-shadow : var ( --elevation-medium ) ;
}
# app-mount . card-3DjzTQ : focus ,
# app-mount . card-3DjzTQ : hover {
box-shadow : var ( --elevation-high ) ;
}
/* ~~~~ 7. DISCOVERY ~~~~ */
# app-mount . pageWrapper-1PgVDX {
background-color : var ( --background-primary ) ;
color : var ( --header-primary ) ;
}
. footerImage-1CwWjz {
opacity : . 5 ;
}
# app-mount . search-1iTphC . searchBox-2_mAlO {
background-color : # fff ;
}
# app-mount . search-1iTphC . searchBox-2_mAlO : focus ,
# app-mount . search-1iTphC . searchBox-2_mAlO : focus-within {
2020-12-19 22:36:41 +01:00
box-shadow : 0 0 0 1px rgb ( 91 , 67 , 240 ) , 0 0 0 2px rgba ( 91 , 67 , 240 , . 6 ) , 0 0 0 3px rgba ( 91 , 67 , 240 , . 3 ) ;
2020-10-20 17:37:27 +02:00
border-color : transparent ;
}
# app-mount . search-1iTphC . searchBox-2_mAlO . searchBoxInput-K6mkng {
color : # 2e3338 ;
}
# app-mount . search-1iTphC . searchBox-2_mAlO . searchBoxInput-K6mkng :: -webkit-input-placeholder ,
# app-mount . search-1iTphC . searchBox-2_mAlO . searchBoxInput-K6mkng :: -moz-placeholder ,
# app-mount . search-1iTphC . searchBox-2_mAlO . searchBoxInput-K6mkng : -ms-input-placeholder ,
# app-mount . search-1iTphC . searchBox-2_mAlO . searchBoxInput-K6mkng :: placeholder {
color : # 72767d ;
}
# app-mount . search-1iTphC . searchBox-2_mAlO . closeIcon-2WLZc1 {
color : # 4f5660 ;
}
# app-mount . search-1iTphC . searchBox-2_mAlO . closeIcon-2WLZc1 : hover {
color : # 2e3338 ;
}
# app-mount . search-1iTphC . searchBox-2_mAlO . closeIcon-2WLZc1 : focus {
color : # 060607 ;
}
# app-mount . search-1iTphC . searchBox-2_mAlO . searchIcon-6ljH-4 {
color : rgba ( 79 , 84 , 92 , . 6 ) ;
}
/* ~~~~ 8. USERSETTINGS ~~~~ */
2020-10-20 20:58:08 +02:00
# app-mount . customContainer-1RHXqt :: before {
2020-10-20 17:37:27 +02:00
box-shadow : 0 1px 4px rgba ( 0 , 0 , 0 , . 2 ) ;
border-bottom : 1px solid rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . notice-2mjo_8 {
background : rgba ( var ( ---vbackgroundtertiary ) , . 95 ) ;
}
# app-mount . container-2VW0UT [ style * = "background-color: rgba(248, 249, 249" ] ,
# app-mount . container-2VW0UT [ style * = "background-color: rgba(32, 34, 37" ] {
background-color : rgba ( var ( --vbackgroundfloating ) , . 9 ) ! important ;
}
# app-mount . container-2VW0UT [ style * = "background-color: rgba(248, 249, 249" ] . message-c9-HCF ,
# app-mount . container-2VW0UT [ style * = "background-color: rgba(32, 34, 37" ] . message-c9-HCF {
color : var ( --header-primary ) ! important ;
}
# app-mount . message-c9-HCF {
color : var ( --header-primary ) ;
}
# app-mount . streamerModeEnabledImage-3vynUz {
background-image : url ( https : / / discordapp . com / assets / 5b7e23080bfec53f966b806abcde8def . svg ) ;
opacity : . 5 ;
}
# app-mount . closeButton-1tv5uR {
border-color : var ( --text-muted ) ;
}
# app-mount . closeButton-1tv5uR path [ fill ] {
fill : var ( --text-muted ) ;
}
# app-mount . closeButton-1tv5uR : hover {
background-color : rgba ( var ( --vbackgroundaccent ) , . 3 ) ;
border-color : var ( --header-secondary ) ;
}
# app-mount . closeButton-1tv5uR : hover path [ fill ] {
fill : var ( --header-secondary ) ;
}
# app-mount . closeButton-1tv5uR : active {
border-color : var ( --text-normal ) ;
}
# app-mount . closeButton-1tv5uR : active path [ fill ] {
fill : var ( --text-normal ) ;
}
# app-mount . keybind-KpFkfr {
color : var ( --text-muted ) ;
}
# app-mount . closeButtonBold-8kKURP {
border-color : var ( --header-secondary ) ;
}
# app-mount . closeButtonBold-8kKURP path [ fill ] {
fill : var ( --header-secondary ) ;
}
# app-mount . closeButtonBold-8kKURP : hover {
background-color : rgba ( var ( --vbackgroundaccent ) , . 6 ) ;
border-color : var ( --text-normal ) ;
}
# app-mount . closeButtonBold-8kKURP : hover path [ fill ] {
fill : var ( --text-normal ) ;
}
# app-mount . closeButtonBold-8kKURP : active {
border-color : var ( --header-primary ) ;
}
# app-mount . closeButtonBold-8kKURP : active path [ fill ] {
fill : var ( --header-primary ) ;
}
# app-mount . keybindBold-1942Wp {
color : var ( --header-secondary ) ;
}
2020-10-20 20:36:12 +02:00
# app-mount . avatarUploader-3XDtmn . sizeInfo-SKMPPw {
color : var ( --text-muted ) ;
}
2020-10-20 17:37:27 +02:00
# app-mount . avatarUploader-3XDtmn . removeButton-1hcZyG {
color : var ( --interactive-normal ) ;
}
# app-mount . avatarUploader-3XDtmn . removeButton-1hcZyG : hover {
color : var ( --interactive-hover ) ;
}
# app-mount . avatarUploader-3XDtmn . removeButton-1hcZyG : active {
color : var ( --interactive-active ) ;
}
# app-mount . avatarUploaderIndicator-2G-aIZ {
background : var ( --background-floating ) ;
}
# app-mount . avatarUploaderIndicator-2G-aIZ :: after {
content : "" ;
position : relative ;
width : 100 % ;
height : 100 % ;
background : var ( --header-primary ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / d5c25e76af04cea8997e4a060572feae . svg ) center no-repeat ;
}
# app-mount . userSettingsAccount-3wUMIP . viewBody-1l56Sd {
color : var ( --header-secondary ) ;
}
2020-10-20 22:09:06 +02:00
# app-mount . userSettingsSecurityImage-2_okeh {
background : url ( https : / / discordapp . com / assets / cdea41ede63f61153e4a3c0531fa3873 . svg ) center / cover no-repeat ;
opacity : . 5 ;
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2020-10-20 22:09:06 +02:00
}
2020-10-20 17:37:27 +02:00
2020-10-20 18:10:00 +02:00
# app-mount . authedApp-mj2Hmd {
background-color : var ( --background-secondary ) ;
}
2020-10-20 17:37:27 +02:00
# app-mount . emptyStateHeader-248f_b {
color : var ( --header-primary ) ;
}
# app-mount . emptyStateSubtext-2hdA9c {
color : var ( --header-secondary ) ;
}
# app-mount . emptyStateImage-2MrSNs {
background : url ( https : / / discordapp . com / assets / 131dcaaa628405e6d0ebee7708111c7a . svg ) ;
opacity : . 5 ;
}
# app-mount . subText-2Zhkkh {
color : var ( --text-muted ) ;
}
# app-mount . codeRedemptionRedirect-1wVR4b {
background-color : var ( --background-secondary ) ;
border-color : var ( --background-tertiary ) ;
color : var ( --header-primary ) ;
}
# app-mount . subTextHeader-1m8dpJ {
color : var ( --text-muted ) ;
}
# app-mount . subTextRow-2vP_Z7 {
color : var ( --header-secondary ) ;
}
# app-mount . giftCodeRow-24nTuI {
border-color : rgba ( var ( --vtextdarkest ) , . 6 ) ;
}
# app-mount . bodyButtonColor-ptbdFu {
background : var ( --background-tertiary ) ;
color : var ( --header-primary ) ;
}
# app-mount . bodyButtonColor-ptbdFu : hover {
background : var ( --background-secondary ) ;
}
# app-mount . bodyButtonColor-ptbdFu : active {
background : var ( --background-primary ) ;
}
# app-mount . card-7JP0BX {
color : var ( --header-primary ) ;
}
# app-mount . splashArt-3yFzRe {
background-image : url ( https : / / discordapp . com / assets / 976b56da8d86af63aef4f55afb553a9f . png ) ;
}
# app-mount . confirmTitle-1K9S8K {
color : var ( --header-primary ) ;
}
# app-mount . confirmBlurb-2LiLkM {
color : var ( --header-secondary ) ;
}
# app-mount . item-3eFBNF {
2020-10-20 22:09:06 +02:00
box-shadow : inset 0 -1px 0 0 var ( --background-accent ) ;
2020-10-20 17:37:27 +02:00
}
# app-mount . gemIndicatorContainer-2jdECl {
2020-10-20 22:09:06 +02:00
background-color : var ( --background-floating ) ;
2020-10-20 17:37:27 +02:00
}
# app-mount . gemWithoutLabel-7-ZvB_ {
color : var ( --header-primary ) ;
}
# app-mount . tierLabel-39IsmN {
color : var ( --header-primary ) ;
}
# app-mount . guildHeaderBackground-1G51bM {
background-image : url ( https : / / discordapp . com / assets / d03d90cb6f12a7ea06274b278dfa4160 . svg ) ;
opacity : . 75 ;
}
# app-mount . emptyGuilds-14hOr4 {
background-image : url ( https : / / discordapp . com / assets / e500b2fe39bd0080b48e740d9d96e240 . svg ) ;
opacity : . 75 ;
}
. container-3PXSwK {
-webkit-mask : url ( 'data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzM2MzkzZiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAyYTIgMiAwIDAgMC0yIDJ2MTJhMiAyIDAgMSAwIDQgMFY0YTIgMiAwIDAgMC0yLTJ6Ii8+PC9zdmc+' ) ;
}
. notches-1sAcEM {
background : transparent ! important ;
}
# app-mount . progress-1IcQ3A {
background-color : var ( --text-muted ) ;
}
. icon-4lJsMQ [ src = "/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg" ] ,
. icon-4lJsMQ [ src = "/assets/c28317e203e00b2d7390d5ece2399228.svg" ] {
-webkit-mask : url ( https : / / discordapp . com / assets / c28317e203e00b2d7390d5ece2399228 . svg ) center / contain no-repeat ;
background-color : var ( --header-primary ) ;
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2020-10-20 17:37:27 +02:00
}
. icon-4lJsMQ [ src = "/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png" ] ,
. icon-4lJsMQ [ src = "/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png" ] {
-webkit-mask : url ( https : / / discordapp . com / assets / e8b66317ab0dc9ba3bf8d41a4f3ec914 . png ) center / contain no-repeat ;
background-color : var ( --header-primary ) ;
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2020-10-20 17:37:27 +02:00
}
# app-mount . userSettingsVoice-iwdUCU . previewOverlay-2O7_KC {
background-color : var ( --background-secondary ) ;
border-color : var ( --background-tertiary ) ;
}
# app-mount . row-2okwlC {
box-shadow : inset 0 -1px 0 rgba ( var ( --vtextdarker ) , . 3 ) ;
}
. disabled-3I9jyo {
color : var ( --interactive-muted ) ;
}
. option-n0icdO {
background-color : var ( --interactive-muted ) ;
}
. overlayWarningIcon-3fZsZE {
background : url ( https : / / discordapp . com / assets / afc17a02f2ea7406b0ee518c28414f7c . svg ) no-repeat ;
}
# app-mount . game-1ipmAa {
box-shadow : 0 1px 0 0 var ( --background-tertiary ) ;
}
# app-mount . gameNameInput-385LoS : focus ,
# app-mount . gameNameInput-385LoS : hover {
background-color : var ( --deprecated-text-input-bg ) ;
border-color : var ( --deprecated-text-input-border-hover ) ;
}
# app-mount . lastPlayed-3bQ7Bo ,
# app-mount . overlayStatusText-L2IACa {
color : var ( --text-muted ) ;
}
# app-mount . overlayToggleIconOn-3UNmty . fill-1ugeBG {
fill : var ( --text-muted ) ;
}
# app-mount . addGamePopout-2RY8Ju {
background-color : var ( --background-primary ) ;
}
# app-mount . addGamePopout-2RY8Ju . cancelButton-10XRsm {
color : var ( --header-primary ) ;
}
# app-mount . nowPlayingAdd-1Kdmh_ {
color : var ( --header-secondary ) ;
}
# app-mount . nowPlaying-284llR . gameName-1RiWHm {
color : # fff ;
}
# app-mount . nowPlaying-284llR . lastPlayed-3bQ7Bo ,
# app-mount . nowPlaying-284llR . overlayStatusText-L2IACa {
color : # b4e1cd ;
}
# app-mount . nowPlaying-284llR . overlayToggleIconOff-1kT42w . fill-1ugeBG ,
# app-mount . nowPlaying-284llR . overlayToggleIconOn-3UNmty . fill-1ugeBG {
fill : # b4e1cd ;
}
# app-mount . notDetected-33MY4s {
background-color : var ( --background-secondary ) ;
}
# app-mount . notDetected-33MY4s . lastPlayed-3bQ7Bo {
color : var ( --header-secondary ) ;
}
# app-mount . activeGame-14JI7o . removeGame-2JFGPn {
background-image : none ;
}
# app-mount . activeGame-14JI7o . removeGame-2JFGPn :: after {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background : var ( --header-primary ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / eb69ec9fdd30653a3ade1ab501a7cd3d . svg ) center no-repeat ;
}
# app-mount . row-2o2DzQ {
box-shadow : inset 0 -1px 0 rgba ( var ( --vtextdarker ) , . 3 ) ;
}
# app-mount . foreground-26ym5y {
fill : var ( --text-muted ) ;
}
# app-mount . link-1IoFq- : hover . foreground-26ym5y {
fill : var ( --header-primary ) ;
}
2020-12-16 17:15:47 +01:00
2020-10-20 17:37:27 +02:00
/* ~~~~ 9. GUILDSETTINGS ~~~~ */
# app-mount . guildSettingsOverviewNotice-2VluqV {
background-color : rgba ( var ( --vbackgroundtertiary ) , . 95 ) ;
}
# app-mount . avatarUploader-2yeaMv . avatarUploaderInner-3SDRO_ ,
# app-mount . avatarUploaderDisabled-310UAf . avatarUploaderInner-3SDRO_ {
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . avatarUploader-2yeaMv . avatarUploaderInner-3SDRO_ : hover {
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) , inset 0 0 120px rgba ( 0 , 0 , 0 , . 6 ) ;
}
# app-mount . avatarUploaderDisabled-310UAf . avatarUploaderInner-3SDRO_ : hover {
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . divider-3wNib3 {
border-color : rgba ( var ( --vtextdarker ) , . 3 ) ;
}
. addRoleIcon-3YjErH {
-webkit-mask : url ( https : / / discordapp . com / assets / cef02719c12d8aaf38894c16dca7fbe6 . svg ) ;
background : var ( --header-secondary ) ;
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2020-10-20 17:37:27 +02:00
}
# app-mount . dragged-2XvZ89 {
-webkit-mask : url ( https : / / discordapp . com / assets / a8564dac0d728add0025be388f5ad7a2 . svg ) center / contain no-repeat ;
background : var ( --background-tertiary ) ;
}
2020-10-20 22:09:06 +02:00
# app-mount . item-3T2z1R {
2020-10-27 14:35:43 +01:00
border-color : var ( --interactive-muted ) ;
2020-10-20 22:09:06 +02:00
}
2020-10-20 17:37:27 +02:00
# app-mount . passthroughSelected-1Eq0Kl {
2020-10-27 14:35:43 +01:00
background : var ( --interactive-muted ) ;
2020-10-20 17:37:27 +02:00
}
# app-mount . icon-17zDF5 {
fill : var ( --header-primary ) ;
}
# app-mount . notAllowedIcon-3j9AKY {
fill : var ( --header-primary ) ;
}
# app-mount . emojiAliasInput-1y-NBz . emojiInput-1aLNse {
background-color : var ( --deprecated-text-input-bg ) ;
border : 1px solid var ( --deprecated-text-input-border ) ;
}
# app-mount . emojiAliasInput-1y-NBz . emojiInput-1aLNse : hover {
border-color : var ( --deprecated-text-input-border-hover ) ;
}
# app-mount . emojiAliasInput-1y-NBz . emojiInput-1aLNse : focus {
border-color : rgb ( var ( --vaccentcolor ) ) ;
}
# app-mount . emojiAliasPlaceholder-3H_iZA {
color : var ( --header-primary ) ;
}
# app-mount . emojiRow-zIc7ZX {
box-shadow : 0 1px 0 0 rgba ( var ( --vtextbrightest ) , . 04 ) ;
}
# app-mount . auditLog-3jNbM6 {
border-color : var ( --background-tertiary ) ;
color : var ( --text-muted ) ;
}
# app-mount . auditLog-3jNbM6 strong {
color : var ( --header-primary ) ;
}
# app-mount . auditLog-3jNbM6 : hover . expandForeground-1nZ4VR {
stroke : var ( --header-primary ) ;
}
# app-mount . headerClickable-2IVFo9 ,
# app-mount . headerDefault-1wrJcN {
background-color : rgba ( var ( --vbackgroundtertiary ) , . 3 ) ;
color : var ( --header-secondary ) ;
}
# app-mount . headerExpanded-CUEwZ5 {
background-color : rgba ( var ( --vbackgroundtertiary ) , . 6 ) ;
color : var ( --header-secondary ) ;
}
# app-mount . divider-1pnAR2 {
background-color : var ( --background-tertiary ) ;
}
# app-mount . userHook-3AdCBF {
color : var ( --header-primary ) ;
}
# app-mount . expandForeground-1nZ4VR {
stroke : rgba ( var ( --vtextbrightest ) , . 6 ) ;
}
# app-mount . timestamp-1mruiI {
color : var ( --text-muted ) ;
}
# app-mount . changeDetails-bk98pu {
background-color : rgba ( var ( --vbackgroundtertiary ) , . 3 ) ;
}
# app-mount . auditLogMembersIconFg-2dfgB- {
fill : var ( --header-primary ) ;
}
# app-mount . selected-38kUfI . auditLogMembersIconFg-2dfgB- {
fill : # fff ;
}
. themeOverrideLight-3bx_5B . icon-RTGJu3 ,
. themeOverrideDark-1u5Vo0 . icon-RTGJu3 ,
# app-mount . icon-RTGJu3 {
background : none ! important ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 :: before {
2020-10-20 17:37:27 +02:00
content : "" ;
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
background : var ( --header-primary ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetAll-13V3n6 :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / fc3f5f9be1a4db14b02336b7cb02e6ce . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetBan-3mbIPL :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / edb23a53ea40ac60f212ebae66e5c5c7 . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetChannel-TrRFlx :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / 343c9ff4c775c66a7d4af1f8691c34e0 . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetGuild-mDWfAV :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / 30af96a386520760ad107c5b77ba002a . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetEmoji-3vhPhM :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / 7a9bf92329dad473ef0383ae75367215 . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetInvite-1RQBlr :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / 4b33371531a1a89f99296a73fc9ef588 . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetMemberRole-jowY3I :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / a9098042cb36b955c5021259f1d48f91 . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetMember-2iuwxX :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / af043346e036ef7b1aac1cf42cd1e699 . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetPermission-ZRUN5n :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / 2a37995eb832bae805190a93ba043857 . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetRole-2MoUny :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / 0176a91b4c44ed05c05af68784e78da8 . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetVanityUrl-3OpsYX :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / 84215a5fec3d9de9960a225143238d74 . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetWebhook-1xS7Z7 :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / a6975850d800aa86162b4aa5f18c41ac . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetWidget-3hFVSM :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / 4ac0e382cc7b8aa0cb1d6d074b0e8ba5 . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetMessage-2kBYMT :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / 8c85e30795486caa8caacd829703459d . svg ) ;
}
2020-10-20 20:58:08 +02:00
. icon-RTGJu3 . targetIntegration-3rnyMN :: before {
2020-10-20 17:37:27 +02:00
-webkit-mask : url ( https : / / discordapp . com / assets / da8463a04b4a289801d2516f50eb4c19 . svg ) ;
}
# app-mount . rolePills-32B_DQ {
color : rgba ( var ( --vtextbrightest ) , . 8 ) ;
}
# app-mount . footerImage-4UrEF0 {
background-image : url ( https : / / discordapp . com / assets / 36d0e0bb009fa362c2533003c0af67b5 . svg ) ;
opacity : . 5 ;
}
2020-10-27 14:35:43 +01:00
# app-mount . card-1o0mns {
border-color : var ( --background-secondary-alt ) ;
}
# app-mount . card-3IImnr {
border-color : var ( --background-secondary-alt ) ;
}
2020-10-20 17:37:27 +02:00
# app-mount . card-3_CqkU {
box-shadow : var ( --elevation-high ) ;
}
. splashImage-352DQ1 [ src = "/assets/7b6ed225050df29a07cb5db712d35a73.svg" ] ,
. splashImage-352DQ1 [ src = "/assets/d03d90cb6f12a7ea06274b278dfa4160.svg" ] {
background : url ( https : / / discordapp . com / assets / d03d90cb6f12a7ea06274b278dfa4160 . svg ) center / cover no-repeat ;
opacity : . 75 ;
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2020-10-20 17:37:27 +02:00
}
# app-mount . avatarUploaderInnerSquare-2wsxgt {
background-image : url ( https : / / discordapp . com / assets / d03d90cb6f12a7ea06274b278dfa4160 . svg ) ;
opacity : . 5 ;
}
. exampleContainerLight-2cIJFB ,
. exampleContainerDark-yyX7sl {
background-image : url ( https : / / discordapp . com / assets / 579d8c1aa51bd06391c5ac19c654cb5e . png ) ;
}
# app-mount . background-3xPPFc {
color : var ( --background-tertiary ) ;
}
# app-mount . tierInProgress-3mBoXq {
background-color : var ( --background-tertiary ) ;
}
# app-mount . moreSubscribers-1cuWDE {
background-color : var ( --background-tertiary ) ;
color : var ( --header-primary )
}
# app-mount . subscriberCount-27QHc5 {
color : var ( --header-secondary ) ;
}
# app-mount . subscriberCount-27QHc5 strong {
color : var ( --text-normal ) ;
}
# app-mount . subscribersPopout-2CP6Ln {
background : var ( --background-floating ) ;
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . subscribersPopoutUser-3rC75S {
color : var ( --header-secondary ) ;
}
# app-mount . tierHeaderLocked-1a2opw {
background-color : var ( --background-tertiary ) ;
color : var ( --header-secondary ) ;
}
# app-mount . tierHeaderUnlocked-2RhWqn {
background-color : var ( --background-tertiary ) ;
}
# app-mount . tierCloseClose-2z5dSa {
color : var ( --header-primary ) ;
}
# app-mount . tierBody-x9kBBp {
background-color : var ( --background-secondary ) ;
color : var ( --header-secondary ) ;
}
# app-mount . tierCurrent-Lw7-4E {
box-shadow : 0 4px 8px rgba ( 0 , 0 , 0 , . 24 ) ;
}
# app-mount . currentTierIcon-EGY5eG {
color : # fff ;
}
# app-mount . tooltipMuted-26IcoY {
color : # 72767d ;
}
# app-mount . tierUnlocked-27DwHo {
background-color : # fff ;
}
# app-mount . tierCloseHint-380zIA {
color : # fff ;
}
# app-mount . tierHeaderUnlocked-2RhWqn {
color : # fff ;
}
2020-12-23 16:01:57 +01:00
. exampleContainer-3ekFIr ,
. exampleContainer-25sB-A {
background : transparent ;
position : relative ;
}
. exampleContainer-3ekFIr > * ,
. exampleContainer-25sB-A > * {
z-index : 1 ;
}
. exampleContainer-3ekFIr . exampleModal-2oh58d ,
. exampleContainer-25sB-A . exampleModal-2X2Vf8 {
position : relative ;
box-shadow : 2 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 3 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
. exampleContainer-3ekFIr :: after ,
. exampleContainer-25sB-A :: after {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background : var ( --background-tertiary ) ;
-webkit-mask : url ( ' data : image / svg + xml ; utf8 , < svg width = "640" height = "560" viewBox = "0 0 640 560" xmlns = "http://www.w3.org/2000/svg" > < g fill = "black" > < path stroke-width = "0.93541437" d = "M 8 0 C 3.58172 -1.1842379e-15 0 3.134005 0 7 L 0 553 C 0 556.86575 3.58172 560 8 560 L 40 560 L 40 0 L 8 0 z M 20 8 A 12 12 0 0 1 32 20 A 12 12 0 0 1 20 32 A 12 12 0 0 1 8 20 A 12 12 0 0 1 20 8 z M 20 40 A 12 12 0 0 1 32 52 A 12 12 0 0 1 20 64 A 12 12 0 0 1 8 52 A 12 12 0 0 1 20 40 z M 20 72 A 12 12 0 0 1 32 84 A 12 12 0 0 1 20 96 A 12 12 0 0 1 8 84 A 12 12 0 0 1 20 72 z" opacity = "0.8" / > < circle cx = "20" cy = "20" r = "12" opacity = "0.1" / > < circle cx = "20" cy = "52" r = "12" opacity = "0.1" / > < circle cx = "20" cy = "84" r = "12" opacity = "0.1" / > < path stroke-width = "0.93541437" d = "M 40 0 L 40 24 L 160 24 L 160 0 L 40 0 z M 50 8 L 150 8 C 151.108 8 152 8.892 152 10 L 152 14 C 152 15.108 151.108 16 150 16 L 50 16 C 48.892 16 48 15.108 48 14 L 48 10 C 48 8.892 48.892 8 50 8 z M 40 25 L 40 560 L 160 560 L 160 25 L 40 25 z M 50 33 L 94 33 C 95.108 33 96 33.892 96 35 L 96 39 C 96 40.108 95.108 41 94 41 L 50 41 C 48.892 41 48 40.108 48 39 L 48 35 C 48 33.892 48.892 33 50 33 z M 50 49 L 126 49 C 127.108 49 128 49.892 128 51 L 128 55 C 128 56.108 127.108 57 126 57 L 50 57 C 48.892 57 48 56.108 48 55 L 48 51 C 48 49.892 48.892 49 50 49 z M 50 65 L 118 65 C 119.108 65 120 65.892 120 67 L 120 71 C 120 72.108 119.108 73 118 73 L 50 73 C 48.892 73 48 72.108 48 71 L 48 67 C 48 65.892 48.892 65 50 65 z M 50 81 L 142 81 C 143.108 81 144 81.892 144 83 L 144 87 C 144 88.108 143.108 89 142 89 L 50 89 C 48.892 89 48 88.108 48 87 L 48 83 C 48 81.892 48.892 81 50 81 z M 50 105 L 94 105 C 95.108 105 96 105.892 96 107 L 96 111 C 96 112.108 95.108 113 94 113 L 50 113 C 48.892 113 48 112.108 48 111 L 48 107 C 48 105.892 48.892 105 50 105 z M 50 121 L 126 121 C 127.108 121 128 121.892 128 123 L 128 127 C 128 128.108 127.108 129 126 129 L 50 129 C 48.892 129 48 128.108 48 127 L 48 123 C 48 121.892 48.892 121 50 121 z M 50 137 L 118 137 C 119.108 137 120 137.892 120 139 L 120 143 C 120 144.108 119.108 145 118 145 L 50 145 C 48.892 145 48 144.108 48 143 L 48 139 C 48 137.892 48.892 137 50 137 z" opacity = "0.6" / > < rect x = "48" y = "33" width = "48" height = "8" rx = "2" opacity = "0.1" / > < rect x = "48" y = "49" width = "80" height = "8" rx = "2" opacity = "0.1" / > < rect x = "48" y = "65" width = "72" height = "8" rx = "2" opacity = "0.1" / > < rect x = "48" y = "81" width = "96" height = "8" rx = "2" opacity = "0.1" / > < rect x = "48" y = "105" width = "48" height = "8" rx = "2" opacity = "0.1" / > < rect x = "48" y = "121" width = "80" height = "8" rx = "2" opacity = "0.1" / > < rect x = "48" y = "137" width = "72" height = "8" rx = "2" opacity = "0.1" / > < rect x = "48" y = "8" width = "104" height = "8" rx = "2" opacity = "0.1" / > < rect x = "40" y = "24" width = "120" height = "1" opacity = "0.1" / > < path stroke-width = "0.93541437" d = " M 160 0 L 160 24 L 640 24 L 640 7 C 640 3 . 134005 636 . 418 0 632 0 L 160 0 z M 170 8 L 270 8 C 271 . 108 8 272 8 . 892 272 10 L 272 14 C 272 15 . 108 271 . 108 16 270 16 L 170 16 C 168 . 892 16 168 15 . 108 168 14 L 168 10 C 168 8 . 892 168 . 892 8 170 8 z M 602 8 L 606 8 C 607 . 108 8 608 8 . 892 608 10 L 608 14 C 608 15 . 108 607 . 108 16 606 16 L 602 16 C 600 . 892 16 600 15 . 108 600 14 L 600 10 C 600 8 . 892 600 . 892 8 602 8 z M 614 8 L 618 8 C 619 . 108 8 620 8 . 892 620 10 L 620 14 C 620 15 . 108 619 . 108 16 618 16 L 614 16 C 612 . 892 16 612 15 . 108 612 14 L 612 10 C 612 8 . 892 612 . 892 8 614 8 z M 626 8 L 630 8 C 631 . 108 8 632 8 . 892 632 10 L 632 14 C 632 15 . 108 631 . 108 16 630 16 L 626 16 C 624 . 892 16 624 15 . 108 624 14 L 624 10 C 624 8 . 892 624 . 892 8 626 8 z M 160 25 L 160 560 L 169 . 08398 560 A 8 8 0 0 1 168 556 A 8 8 0 0 1 176 548 A 8 8 0 0 1 184 556 A 8 8 0 0 1 182 . 91992 560 L 188 560 C 188 558 . 892 188 . 892 558 190 558 L 306 558 C 307 . 108 558 308 558 . 892 308 560 L 632 560 C 636 . 418 560 640 556 . 86575 640 553 L 640 25 L 160 25 z M 176 428 A 8 8 0 0 1 184 436 A 8 8 0 0 1 176 444 A 8 8 0 0 1 168 436 A 8 8 0 0 1 176 428 z M 190 430 L 226 430 C 227 . 108 430 228 430 . 892 228 432 C 228 433 . 108 227 . 108 434 226 434 L 190 434 C 188 . 892 434 188 433 . 108 188 432 C 188 430 . 892 188 . 892 430 190 430 z M 190 438 L 306 438 C 307 . 108 438 308 438 . 892 3
}
2020-10-20 17:37:27 +02:00
# app-mount . member-1q7VfX {
box-shadow : 0 1px 0 0 rgba ( var ( --vtextbrightest ) , . 04 ) ;
}
# app-mount . member-1q7VfX . name-8yzEIY {
color : var ( --header-primary ) ;
}
# app-mount . member-1q7VfX . tag-1YGWN9 {
color : var ( --text-muted ) ;
}
# app-mount . member-1q7VfX . roleWrapper-1Hde_V {
color : rgba ( var ( --vtextbrightest ) , . 8 ) ;
}
# app-mount . member-1q7VfX . overflowIconFg-QMRRFI {
fill : var ( --header-primary ) ;
}
# app-mount . member-1q7VfX . ownerHelpIcon-3ItaBx {
color : var ( --header-primary ) ;
}
# app-mount . to-2819fF {
background-color : var ( --background-secondary ) ;
box-shadow : 0 0 0 4px var ( --background-secondary ) ;
}
# app-mount . fromToWrapper-LEJK5w {
background : transparent ;
}
# app-mount . fromToWrapper-LEJK5w :: before {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
-webkit-mask : url ( https : / / discordapp . com / assets / 7d74fde5c67e7d6dd17ebefedce42c74 . svg ) 50 % 0 no-repeat ;
background : var ( --header-primary ) ;
}
# app-mount . inviteSettingsInviteRow-3p2O-N {
box-shadow : 0 1px 0 0 rgba ( var ( --vtextbrightest ) , . 04 ) ;
}
# app-mount . row-35Mhio {
color : var ( --header-primary ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . row-35Mhio :: after {
2020-10-20 17:37:27 +02:00
background-color : rgba ( var ( --vtextbrightest ) , . 04 ) ;
}
# app-mount . bannedUser-1IalTM {
box-shadow : 0 1px 0 0 rgba ( var ( --vtextbrightest ) , . 04 ) ;
}
# app-mount . bannedUser-1IalTM . username-1b3MVI {
color : var ( --header-primary ) ;
}
# app-mount . bannedUser-1IalTM . username-1b3MVI . discrim-oGb-FO ,
# app-mount . bannedUserModal-3RJCOV . reason-YbfGC6 ,
# app-mount . bannedUserModal-3RJCOV . userDiscrim-1D2NlF {
color : var ( --text-muted ) ;
}
# app-mount . bannedUserModal-3RJCOV . reasonHeader-2etdjy {
color : var ( --text-normal ) ;
}
/* ~~~~ 10. MODALS ~~~~ */
# app-mount . root-1gCeng ,
# app-mount . modal-yWgWj- {
background-color : var ( --background-primary ) ;
2020-10-21 13:44:10 +02:00
border : none ;
2020-10-20 17:37:27 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 3 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . separator-2-RRj_ {
box-shadow : 0 1px 0 0 rgba ( var ( --vbackgroundtertiary ) , . 3 ) , 0 1px 2px 0 rgba ( var ( --vbackgroundtertiary ) , . 3 ) ;
}
# app-mount . footer-2gL1pp ,
# app-mount . footer-3rDWdC {
background-color : var ( --background-secondary ) ;
box-shadow : inset 0 1px 0 rgba ( var ( --vbackgroundsecondary ) , . 6 ) ;
2020-10-20 21:44:08 +02:00
color : var ( --header-secondary ) ;
2020-10-20 17:37:27 +02:00
}
# app-mount . modal-6GHvdM . tabBarContainer-1s1u-z {
background : rgba ( 0 , 0 , 0 , . 2 ) ;
box-shadow : 0 2px 3px 0 rgba ( 0 , 0 , 0 , . 1 ) ;
}
# app-mount . separator-19P9q2 {
box-shadow : 0 1px 0 0 rgba ( var ( --vbackgroundfloating ) , . 3 ) , 0 1px 2px 0 rgba ( var ( --vbackgroundfloating ) , . 3 ) ;
}
# app-mount . divider-3WKGWk {
border-color : var ( --background-secondary ) ;
}
# app-mount . subHeader-3TFIST {
color : var ( --header-secondary ) ;
}
# app-mount . sectionBody-DUrZPU ,
# app-mount . subHeader-3FXnUc {
color : var ( --header-secondary ) ;
}
# app-mount . message-1F58Gs {
color : var ( --header-secondary ) ;
}
# app-mount . secondaryButton-197mr8 {
color : var ( --header-primary ) ;
}
# app-mount . imageUpgrade-moI_hv {
background-image : url ( https : / / discordapp . com / assets / 81ded87ebac6f9d55e8624a3e5167c8f . svg ) ;
}
# app-mount . imageCancel-2x4k_k {
background : url ( https : / / discordapp . com / assets / 03863b539aec443327ca2ffc51a89dac . svg ) ;
}
# app-mount . imageUnclaimed-5nJyYs {
background-image : url ( https : / / discordapp . com / assets / 3b65c741e596bc0979f7ba0c42de6fff . svg ) ;
opacity : . 5 ;
}
# app-mount . imageUnverified-2NLnW6 {
background-image : url ( https : / / discordapp . com / assets / e260177e5165e6789e30b9592df75424 . svg ) ;
opacity : . 5 ;
}
# app-mount . paginator-2CA79G {
color : var ( --text-muted ) ;
}
# app-mount . pageIndicator-1gAbyA {
border-color : var ( --interactive-muted ) ;
color : var ( --interactive-hover ) ;
}
# app-mount . pageButtonNext-V2kUq0 ,
# app-mount . pageButtonPrev-1Y-47D {
border-color : var ( --interactive-muted ) ;
}
# app-mount . pageButtonNext-V2kUq0 : hover ,
# app-mount . pageButtonPrev-1Y-47D : hover {
border-color : var ( --interactive-hover ) ;
color : var ( --interactive-hover ) ;
}
# app-mount . disabled-BrLY9Y : hover {
border-color : var ( --interactive-muted ) ;
color : var ( --text-muted ) ;
}
# app-mount . divider-1que2t {
border-color : var ( --background-secondary ) ;
}
# app-mount . backButtonColor-N09dXJ {
color : var ( --header-primary ) ;
}
# app-mount . checkboxLabel-3WoD3k {
color : var ( --header-secondary ) ;
}
# app-mount . backdrop-1wrmKB ,
# app-mount . backdropWithLayer-3_uhz4 {
background-color : rgb ( 0 , 0 , 0 ) ! important ;
}
/* ---- 10.1. USERMODAL ---- */
2020-10-22 15:37:03 +02:00
# app-mount . topSectionNormal-2-vo2m {
2020-12-15 09:48:55 +01:00
--text-color : var ( --user-background , var ( --header-primary ) ) ;
2020-10-20 17:37:27 +02:00
background : var ( --user-background , var ( --background-tertiary ) ) center / cover no-repeat ;
2020-10-22 15:49:13 +02:00
border-color : # fff ;
color : # fff ;
2020-12-15 09:48:55 +01:00
text-shadow : 1px 1px var ( --background-tertiary ) ;
2020-10-20 17:37:27 +02:00
}
2020-12-24 12:36:09 +01:00
# app-mount . topSectionNormal-2-vo2m span [ style * = "color" ] ,
# app-mount . topSectionNormal-2-vo2m . botText-1526X_ {
text-shadow : 1px 1px transparent ;
}
2020-10-22 15:37:03 +02:00
# app-mount . topSectionNormal-2-vo2m . username-3gJmXY {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-20 17:37:27 +02:00
}
2020-10-22 15:37:03 +02:00
# app-mount . topSectionNormal-2-vo2m . discriminator-xUhQkU {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-20 17:37:27 +02:00
opacity : . 7 ;
}
2020-10-22 15:37:03 +02:00
# app-mount . topSectionNormal-2-vo2m . date-YN6TCS {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-22 15:37:03 +02:00
opacity : . 7 ;
}
2020-10-20 17:37:27 +02:00
# app-mount . topSectionNormal-2-vo2m . additionalActionsIcon-1FoUlE {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-20 17:37:27 +02:00
opacity : . 7 ;
}
# app-mount . topSectionNormal-2-vo2m . additionalActionsIcon-1FoUlE : hover {
opacity : 1 ;
}
2020-10-22 15:49:13 +02:00
# app-mount . topSectionNormal-2-vo2m . activityHeader-1PExlk ,
# app-mount . topSectionNormal-2-vo2m . customStatusText-39gdCI {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-22 15:49:13 +02:00
}
# app-mount . topSectionNormal-2-vo2m . tabBarContainer-1s1u-z {
border-top-color : var ( --user-background , var ( --background-secondary ) ) ;
}
# app-mount . topSectionNormal-2-vo2m . themed-OHr7kt . item-PXvHYJ {
color : var ( --user-background , var ( --interactive-active ) ) ;
opacity : . 5 ;
}
# app-mount . topSectionNormal-2-vo2m . themed-OHr7kt . item-PXvHYJ : hover {
border-bottom-color : var ( --user-background , var ( --interactive-active ) ) ;
opacity : . 7 ;
}
# app-mount . topSectionNormal-2-vo2m . selected-3s45Ha . themed-OHr7kt . item-PXvHYJ ,
# app-mount . topSectionNormal-2-vo2m . themed-OHr7kt . item-PXvHYJ : active {
border-bottom-color : var ( --user-background , var ( --interactive-active ) ) ;
color : var ( --user-background , var ( --interactive-active ) ) ;
opacity : 1 ;
}
2020-10-20 17:37:27 +02:00
# app-mount . emptyIconStreamerMode-3RfWOW {
background-image : url ( https : / / discordapp . com / assets / e18336bc1141d8a5e88379e41e91cacb . svg ) ;
2020-10-22 15:49:13 +02:00
opacity : . 5 ;
2020-10-20 17:37:27 +02:00
}
# app-mount . emptyIconGuilds-3OViNh {
background-image : url ( https : / / discordapp . com / assets / 87ad02315e38924402c7fb5017cf11ab . svg ) ;
2020-10-22 15:49:13 +02:00
opacity : . 5 ;
2020-10-20 17:37:27 +02:00
}
# app-mount . emptyIconFriends-BrjhY9 {
background-image : url ( https : / / discordapp . com / assets / ca3f5ec71bb86c6aeb015bb0d54a10fa . svg ) ;
2020-10-22 15:49:13 +02:00
opacity : . 5 ;
2020-10-20 17:37:27 +02:00
}
/* ---- 10.2. GUILDADD/CREATION ---- */
. container-UC8Ug1 {
background-color : var ( --background-secondary ) ;
border : none ;
}
. container-UC8Ug1 : hover {
background-color : var ( --background-secondary-alt ) ;
border : none ;
}
. arrow-hynWUl {
-webkit-mask : url ( https : / / discordapp . com / assets / 69a0ea5dbf79a129c81a0cb171b60b7a . svg ) center / cover no-repeat ;
background : var ( --text-normal ) ;
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2020-10-20 17:37:27 +02:00
}
2020-11-27 18:01:08 +01:00
. input--jS-j2 {
background : transparent ;
}
. inputInner-2akrSS {
border : 1px solid var ( --deprecated-text-input-border ) ;
}
2020-10-20 17:37:27 +02:00
/* ---- 10.3. REGIONSELECTMODAL ---- */
# app-mount . regionSelect-3lf4eE . regionSelectLoading-34I21m {
border : 1px solid var ( --header-secondary ) ;
}
# app-mount . regionSelect-3lf4eE button {
border : 1px solid var ( --header-secondary ) ;
}
# app-mount . regionSelect-3lf4eE . regionSelectInner-24f4Ce {
border : 1px solid var ( --header-secondary ) ;
}
# app-mount . regionSelectModal-12e-57 {
background : var ( --background-primary ) ! important ;
}
# app-mount . regionSelectModal-12e-57 . regionSelectModalFooter-20C5iA {
color : var ( --text-muted ) ;
}
# app-mount . regionSelectModal-12e-57 . regionSelectModalOption-2DSIZ3 {
border : 2px solid var ( --background-secondary ) ;
background-color : var ( --background-secondary ) ;
}
# app-mount . regionSelectModal-12e-57 . regionSelectModalOption-2DSIZ3 : hover {
border-color : var ( --background-tertiary ) ;
}
# app-mount . regionSelectName-2-2FWh {
color : var ( --text-muted ) ;
}
# app-mount . regionSelectModal-12e-57 . regionSelectModalOption-2DSIZ3 : hover . regionSelectName-2-2FWh {
color : var ( --text-normal ) ;
}
# app-mount . regionSelect-3lf4eE : hover button {
color : var ( --header-primary ) ;
}
# app-mount . container-1s4HBn . hover-2AGf5p {
border-color : var ( --deprecated-text-input-border-hover ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . flag-16iIBd . vip-3pFIN8 :: after {
2020-10-20 17:37:27 +02:00
border-color : var ( --background-primary ) ;
}
/* ---- 10.4. UPLOADMODAL ---- */
# app-mount . uploadModal-2ifh8j {
background-color : var ( --background-primary ) ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . footer-3mqk7D {
background-color : var ( --background-secondary ) ;
box-shadow : inset 0 1px 0 rgba ( var ( --vbackgroundsecondary ) , . 6 ) ;
}
/* ---- 10.5. KEYBOARDSHORTCUTSMODAL ---- */
# app-mount . keyboardShortcutsModal-3piNz7 {
background-color : var ( --background-primary ) ;
}
# app-mount . modalTitle-37O4n6 {
color : var ( --header-primary ) ;
}
# app-mount . modalSubtitle-1Pj5nv {
border : none ;
box-shadow : var ( --elevation-low ) ;
color : var ( --text-normal ) ;
}
# app-mount . keyboardShortcutList-13cQ-8 . keybindGroup--6Qp-w . keybindDescription-2RDbC2 {
color : var ( --header-secondary ) ;
}
# app-mount . keybindShortcut-1BD6Z1 {
color : var ( --header-primary ) ;
}
# app-mount . keybindShortcut-1BD6Z1 span {
background-color : var ( --text-muted ) ;
border : 1px solid var ( --background-tertiary ) ;
box-shadow : inset 0 -4px 0 rgba ( var ( --vbackgroundtertiary ) , . 6 ) ;
color : var ( --header-primary ) ;
}
# app-mount . keybindShortcut-1BD6Z1 span . bindArrow-2X3Aom g {
fill : var ( --header-primary ) ;
}
# app-mount . keybindShortcut-1BD6Z1 span : active {
box-shadow : inset 0 -2px 0 var ( --background-tertiary ) ;
border : 1px solid # 000 ;
color : var ( --header-secondary ) ;
}
# app-mount . keybindShortcut-1BD6Z1 span : active . bindArrow-2X3Aom g {
fill : var ( --header-secondary ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . keybindShortcutTipsSelect-HDyfe8 : last-of-type :: before {
2020-10-20 17:37:27 +02:00
background-color : var ( --interactive-muted ) ;
}
2020-12-17 20:26:16 +01:00
# app-mount . tabButton-1n4gNP {
background-color : var ( --text-muted ) ;
border : 1px solid var ( --background-tertiary ) ;
border-radius : 4px ;
box-shadow : inset 0 -4px 0 rgba ( var ( --vbackgroundtertiary ) , . 6 ) ;
color : var ( --header-primary ) ;
}
# app-mount . tabButton-1n4gNP rect [ fill = "#4F545C" ] ,
# app-mount . tabButton-1n4gNP path [ fill = "#36393F" ] {
display : none ;
}
2020-10-20 17:37:27 +02:00
/* ---- 10.6. QUICKSWITCHER ---- */
# app-mount . emptyState-2gL-9T {
background : transparent ;
}
# app-mount . emptyState-2gL-9T :: before {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background : url ( https : / / discordapp . com / assets / 0b298968e0a756e25677771fd6b58b34 . svg ) center / 100px no-repeat ;
opacity : . 5 ;
}
/* ---- 10.7. INVITEMODAL/GROUPCREATE ---- */
# app-mount . contentWrapper-3WC1ID {
background-color : var ( --background-primary ) ;
}
# app-mount . friendSelected-1sa4bG ,
# app-mount . inviteRow-2L02ae : hover {
background-color : var ( --background-accent ) ;
color : var ( --header-primary ) ;
}
# app-mount . friend-3KALPe ,
# app-mount . inviteRowName-1tVaxu {
color : var ( --header-secondary ) ;
}
# app-mount . footer-1eyGBa ,
# app-mount . footer-1FPmkC {
background-color : var ( --background-secondary ) ;
box-shadow : inset 0 1px 0 rgba ( var ( --vbackgroundsecondary ) , . 6 ) ;
}
. footerSeparator-M9dQY1 ,
2020-10-20 20:58:08 +02:00
# app-mount . content-3CCvMx :: before {
2020-10-20 17:37:27 +02:00
display : none ;
}
# app-mount . subtitle-2P4u9v ,
# app-mount . footerText-3w69ae ,
# app-mount . checkBoxLabel-4PWfpk ,
# app-mount . footerText-2a7NxZ ,
# app-mount . subText-bCySlS {
color : var ( --header-secondary ) ;
}
# app-mount . errorState-KkUH_2 {
color : var ( --text-muted : )
}
# app-mount . notFriends-SkjxV- . errorStateIcon-3fNXE5 {
background-image : url ( https : / / discordapp . com / assets / 4f86d7f58df32580164fc595377c0169 . svg ) ;
opacity : . 5 ;
}
# app-mount . noFriends-1fVUuM . errorStateIcon-3fNXE5 {
background-image : url ( https : / / discordapp . com / assets / 16bd6f7e8c2feedd7fa44d25013e687f . svg ) ;
opacity : . 5 ;
}
# app-mount . partyFull-35IpOX . errorStateIcon-3fNXE5 {
background-image : url ( https : / / discordapp . com / assets / f690b8a9cd33cda18e431d4717fff5ab . svg ) ;
opacity : . 5 ;
}
# app-mount . noResults-ZTbl5V . errorStateIcon-3fNXE5 {
background-image : url ( https : / / discordapp . com / assets / 1eed0d895df6e35f164d8ed5e84037d2 . svg ) ;
opacity : . 5 ;
}
/* ---- 10.8. LOGINSCREEN ---- */
. theme-dark . authBox-hW6HRx ,
. theme-light . authBox-hW6HRx {
color : var ( --text-muted ) ;
background : var ( --background-mobile-primary ) ;
}
2020-10-20 20:58:08 +02:00
. theme-dark . authBox-hW6HRx :: before ,
. theme-light . authBox-hW6HRx :: before {
2020-10-20 17:37:27 +02:00
background-image : url ( https : / / discordapp . com / assets / 4f004ac9be168ac6ee18fc442a52ab53 . svg ) ;
}
. subText-1XkjIB strong {
color : rgba ( var ( --vtextbright ) , . 9 ) ;
}
# app-mount . authBoxWithMobileBanner-1Iy9y7 {
color : var ( --text-muted ) ;
background : var ( --background-primary ) ;
}
/* ---- 10.9. TERMACCEPTMODAL ---- */
# app-mount . modal-DRZfgq {
background-color : var ( --background-primary ) ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 3 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . modal-DRZfgq [ style * = "/assets/a13cfdd7220132fff399a76c3ed64519.svg" ] ,
# app-mount . modal-DRZfgq [ src * = "/assets/a13cfdd7220132fff399a76c3ed64519.svg" ] {
filter : brightness ( 85 % ) invert ( 100 % ) ;
opacity : . 7 ;
}
# app-mount . modal-DRZfgq . checked-3_4uQ9 {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
# app-mount . modal-DRZfgq . checkbox-1ix_J3 [ stroke = "#7289da" ] {
stroke : # fff ! important ;
}
# app-mount . ack-2yIUvY {
color : var ( --header-secondary ) ;
}
# app-mount . buttonContainer-3S_miP {
background-color : var ( --background-secondary ) ;
}
/* ---- 10.10. DOWNLOADAPPMODAL ---- */
. downloadApps-wbBFdZ {
background-color : var ( --background-primary ) ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 3 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
. downloadApps-wbBFdZ . inner-2LETmR {
height : 100 % ;
width : 100 % ;
overflow : hidden ;
}
. downloadApps-wbBFdZ . header-nJMe-Q {
color : var ( --text-normal ) ;
}
. downloadApps-wbBFdZ . footer-1nkeBm {
color : var ( --text-muted ) ;
}
/* ---- 10.11. GUILDBOOSTMODAL ---- */
# app-mount . perksModal-fSYqOq {
background : var ( --background-primary ) ;
}
# app-mount . perksModal-fSYqOq :: before {
content : "" ;
position : fixed ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background-color : var ( --header-primary ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / c486dc65ce2877eeb18e4c39bb49507a . svg ) bottom / 100 % no-repeat ;
}
# app-mount . headerLogo--hLLAk {
color : var ( --header-primary ) ;
}
# app-mount . tierHeaderLocked-1s2JJz {
background-color : var ( --background-floating ) ;
color : var ( --text-muted ) ;
}
# app-mount . tierLock-3CSxSX {
color : var ( --interactive-muted ) ;
}
# app-mount . tierBody-16Chc9 {
background-color : var ( --background-tertiary ) ;
2020-10-20 20:58:08 +02:00
border-color : var ( --background-secondary ) ;
2020-10-20 17:37:27 +02:00
}
# app-mount . tierHeaderUnlocked-1n-OTI {
color : # fff ;
}
# app-mount . tierUnlocked-25K6Kv {
background-color : # fff ;
}
# app-mount . barBackground-2EEiLw {
background-color : var ( --background-tertiary ) ;
}
# app-mount . tierMarkerBackground-3q29am {
background-color : var ( --background-primary ) ! important ;
}
# app-mount . tierMarkerInProgress-24LMzJ {
background-color : var ( --background-tertiary ) ! important ;
}
# app-mount . currentTierIcon-2gcTCn {
color : var ( --header-secondary ) ;
}
# app-mount . selectedTier-1JkO7i . tierMarkerLabelText-F_zS1F {
color : var ( --header-primary ) ;
}
# app-mount . ctaBar-2UsjF2 {
position : relative ;
background-image : none ;
}
# app-mount . ctaBar-2UsjF2 :: before {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background-color : var ( --text-normal ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / 94ff6fdc535b6ecb7b1bc54f2dd56a10 . svg ) ;
}
# app-mount . giftIcon-ZxlWk5 {
color : var ( --header-secondary ) ;
}
# app-mount . badgeIconWithoutSubscribers-3A9Xol {
color : var ( --text-muted ) ;
}
# app-mount . tierPill-1yRO48 {
background-color : var ( --background-primary ) ;
color : var ( --header-primary ) ;
}
# app-mount . tierPillStar-34rvoJ {
color : var ( --header-primary ) ;
}
# app-mount . tierPillGem-3zcO2T {
color : var ( --interactive-muted ) ;
}
# app-mount . confirmImage-2pGr87 {
background-image : url ( https : / / discordapp . com / assets / 19298ddf142a1ceaf0adaeda2f224490 . svg ) ;
opacity : . 5 ;
}
# app-mount . transferConfirmImage-1SYwXp {
background-image : url ( https : / / discordapp . com / assets / da122e6ea7c85ec7db00cf1949dad206 . svg ) ;
opacity : . 5 ;
}
# app-mount . tierPill-3gJ0eN {
background-color : var ( --background-primary ) ;
color : var ( --header-primary ) ;
}
# app-mount . perk-2WeBWW {
background-color : var ( --background-secondary ) ;
}
# app-mount . tierMarkerAccomplished-2MiXeg . currentTierIcon-2gcTCn {
color : # fff ;
}
/* ---- 10.12. REACTIONSMODAL ---- */
# app-mount . container-1If-HZ ,
# app-mount . reactors-Blmlhw {
background-color : var ( --background-primary ) ;
}
# app-mount . remove-3V-yj8 {
color : var ( --interactive-normal ) ;
}
# app-mount . remove-3V-yj8 : hover {
color : var ( --interactive-hover ) ;
background : transparent ;
}
# app-mount . remove-3V-yj8 : active {
color : var ( --interactive-active ) ;
}
# app-mount . scroller-1-nKid {
background-color : var ( --background-secondary ) ;
}
# app-mount . reactionSelected-1pqISm {
background-color : rgba ( var ( --vbackgroundaccent ) , . 8 ) ;
}
# app-mount . reactionDefault-GBA58K : hover {
background-color : rgba ( var ( --vbackgroundaccent ) , . 4 ) ;
}
# app-mount . reactorDefault-1IUqMZ {
box-shadow : inset 0 -1px 0 rgba ( var ( --vbackgroundaccent ) , . 3 ) ;
}
# app-mount . discriminator-byOsvi {
color : var ( --text-muted ) ;
}
/* ---- 10.13. RATEMODAL ---- */
# app-mount . header-sJd8D7 {
color : var ( --header-primary ) ;
}
/* ---- 10.14. CHANGELOG ---- */
# app-mount . date-1k6kG2 {
color : var ( --header-secondary ) ;
}
# app-mount . content-s2SEQO ol ,
# app-mount . content-s2SEQO p ,
# app-mount . content-s2SEQO ul li {
color : var ( --header-secondary ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . content-s2SEQO ul li :: before {
2020-10-20 17:37:27 +02:00
background-color : var ( --text-normal ) ;
}
# app-mount . video-1FESK- {
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
# app-mount . socialLink-3n2n25 {
color : var ( --interactive-normal ) ;
}
# app-mount . socialLink-3n2n25 : hover {
color : var ( --interactive-hover ) ;
}
# app-mount . socialLink-3n2n25 : active {
color : var ( --interactive-active ) ;
}
/* ---- 10.15. NOTIFICATIONSMODAL ---- */
# app-mount . channelName-28iMRJ {
color : var ( --header-primary ) ;
}
# app-mount . guildName-3WI6ml ,
# app-mount . override-2YgiXd ,
# app-mount . overrideHighlight-YPcBxt {
color : var ( --header-secondary ) ;
}
# app-mount . override-2YgiXd : hover {
background-color : rgba ( var ( --vbackgroundtertiary ) , . 1 ) ;
}
# app-mount . overrideHighlight-YPcBxt ,
# app-mount . overrideHighlight-YPcBxt : hover {
background-color : rgba ( var ( --vbackgroundtertiary ) , . 3 ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . checkboxContainer-2vV9zd :: before {
2020-10-20 17:37:27 +02:00
background-color : rgba ( var ( --vbackgroundtertiary ) , . 6 ) ;
}
# app-mount . overridePlaceholder-14_rPI {
border : 1px dashed var ( --background-floating ) ;
}
/* ---- 10.16. PAYMENTMODAL ---- */
# app-mount . sectionHeader-1068cF {
color : var ( --header-secondary ) ;
}
# app-mount . paypalInput-3MddcM ,
# app-mount . paypalInput-3MddcM : focus ,
# app-mount . paypalInput-3MddcM : hover {
border-color : var ( --deprecated-text-input-border ) ;
}
# app-mount . description-HxwDO4 {
color : var ( --text-normal ) ;
}
# app-mount . descriptionWrapper-1YBY_J {
color : var ( --text-muted ) ;
}
# app-mount . defaultIndicator-G3c16x {
background-color : var ( --text-muted ) ;
color : var ( --header-primary ) ;
}
# app-mount . premiumIndicator-1XvbfM {
color : var ( --header-primary ) ;
}
# app-mount . invalidIndicator-3Buq_- {
color : var ( --header-primary ) ;
}
# app-mount . summaryInfo-2QFKUg {
color : var ( --header-primary ) ;
}
# app-mount . payment-xT17Mq {
background-color : var ( --background-secondary ) ;
color : var ( --header-secondary ) ;
}
# app-mount . hoverablePayment-Yc6mK7 : hover {
background-color : var ( --background-vbackgroundtertiary ) ;
}
# app-mount . paymentHeader-3QlZQi {
color : var ( --header-primary ) ;
border-color : var ( --text-muted ) ;
}
# app-mount . expandedInfo-3kfShd {
background-color : var ( --background-primary ) ;
}
# app-mount . paymentText-2vaF7U {
color : var ( --header-secondary ) ;
}
# app-mount . giftIcon-3DRGI6 {
color : var ( --header-primary ) ;
}
# app-mount . paymentPane-3bwJ6A {
background-color : var ( --background-secondary ) ;
color : var ( --header-primary ) ;
}
# app-mount . paginator-166-09 {
background : var ( --background-secondary ) ;
color : var ( --text-muted ) ;
}
# app-mount . bottomDivider-1K9Gao {
border-bottom-color : var ( --background-tertiary ) ;
}
# app-mount . tab-1kx2RU {
color : var ( --text-muted ) ;
}
# app-mount . externalRowHeader-2-8cG6 {
color : var ( --header-secondary ) ;
}
# app-mount . authenticationRequiredImage-2I6f-O {
background-image : url ( https : / / discordapp . com / assets / 8923d313e1704c4bc45025fc8463affd . svg ) ;
opacity : . 5 ;
}
# app-mount . authenticationSuccessImage-1-XUab {
background-image : url ( https : / / discordapp . com / assets / 0c840f9cc846705b725bd89aec58f994 . svg ) ;
opacity : . 5 ;
}
# app-mount . authenticationFailImage-9Wmybq {
background-image : url ( https : / / discordapp . com / assets / 42c81194eaf9128b942adc5d2a6fd66e . svg ) ;
opacity : . 5 ;
}
/* ---- 10.17. CHANNELCREATIONMODAL ---- */
# app-mount . cloneInfo-1OC_Ee strong ,
# app-mount . subtitle-3csUrC {
color : var ( --header-secondary ) ;
}
/* ---- 10.18. CLOUDSYNCRESOLUTION ---- */
# app-mount . modal-1XR4nE {
color : var ( --text-normal ) ;
}
# app-mount . conflictButton-2TEeJu {
background-color : var ( --background-secondary ) ;
border-color : var ( --background-tertiary ) ;
}
# app-mount . conflictButton-2TEeJu : hover {
background-color : var ( --background-accent ) ;
}
# app-mount . title-1ao9Am {
color : var ( --text-normal ) ;
}
# app-mount . conflictUploadArt-3V4Em_ {
background-image : url ( https : / / discordapp . com / assets / 9fefebe24085efe085629513732efd08 . svg ) ;
opacity : . 5 ;
}
# app-mount . conflictDownloadArt-36cpxM {
background-image : url ( https : / / discordapp . com / assets / ec92991091f67ad3984517478f7a16e4 . svg ) ;
opacity : . 5 ;
}
# app-mount . errorArt-3qzArg {
background-image : url ( https : / / discordapp . com / assets / 5ad409a997b726652a95dba012336127 . svg ) ;
opacity : . 5 ;
}
# app-mount . buttonBody-3cgCL5 {
color : var ( --header-primary ) ;
}
# app-mount . choiceLine-BbJN0b {
background-color : rgba ( var ( --vtextdarkest ) , . 6 ) ;
}
/* ---- 10.19. APPLICATIONINSTALLATIONMODAL ---- */
# app-mount . gameName-3S4nBI {
color : var ( --text-normal ) ;
}
# app-mount . installSize-1eXbBX {
background-color : var ( --background-accent ) ;
color : var ( --header-primary ) ;
}
# app-mount . divider-38zUJA {
background-color : rgba ( var ( --vbackgroundsecondary ) , . 6 ) ;
}
# app-mount . premiumTerms-QoMVGx {
color : var ( --text-normal ) ;
}
/* ---- 10.20. SPECIALMARKDOWNMODAL ---- */
# app-mount . modal-3SaIF0 {
background-color : var ( --background-primary ) ;
}
# app-mount . content-RXzE-X ul li :: before {
background-color : var ( --text-normal ) ;
}
/* ---- 10.21. REPORTPROBLEM ---- */
# app-mount . art-clkMXs {
background-image : url ( https : / / discordapp . oom / assets / 2ceb472e89545af8543aa44b072b910d . svg ) ;
opacity : . 5 ;
}
# app-mount . description-FLRtPT {
color : var ( --header-primary ) ;
}
/* ---- 10.22. DISPATCHERROR ---- */
# app-mount . body-3AvtFJ {
color : var ( --text-normal ) ;
}
# app-mount . errorLabel-7OAe-A {
color : var ( --header-secondary ) ;
}
# app-mount . errorDetails-qKU8eS {
background : var ( --background-secondary ) ;
border-color : rgba ( var ( --vbackgroundsecondary ) , . 3 ) ;
color : var ( --header-primary ) ;
}
# app-mount . closeLink-2MRAUp {
color : var ( --header-primary ) ;
}
/* ---- 10.23. HYPESQUADQUIZ ---- */
# app-mount . prompt-kcCNXs {
color : var ( --header-primary ) ;
}
# app-mount . selectYourAnswer-2lDJj_ {
color : var ( --channels-default ) ;
}
# app-mount . separator-PE-_y1 {
background-color : var ( --background-accent ) ;
}
/* ~~~~ 11. POPOUTS ~~~~ */
# app-mount . popout-2iWAc- {
box-shadow : 0 0 1px rgba ( 0 , 0 , 0 , . 82 ) , 0 1px 4px rgba ( 0 , 0 , 0 , . 1 ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . popoutRight-1veHKi . arrowAlignmentMiddle-NBGtsX :: before {
2020-10-20 22:09:06 +02:00
border-right-color : var ( --background-floating ) ! important ;
2020-10-20 17:37:27 +02:00
}
2020-10-20 20:58:08 +02:00
# app-mount . popoutLeft-3aViER . arrowAlignmentMiddle-NBGtsX :: before {
2020-10-20 22:09:06 +02:00
border-left-color : var ( --background-floating ) ! important ;
2020-10-20 17:37:27 +02:00
}
2020-10-20 20:58:08 +02:00
# app-mount . popoutBottom-2GAFPg . arrowAlignmentMiddle-NBGtsX :: before ,
# app-mount . popoutBottom-2GAFPg . arrowAlignmentTop-1yftWI :: before ,
# app-mount . popoutBottomLeft-1pG8B4 . arrowAlignmentMiddle-NBGtsX :: before ,
# app-mount . popoutBottomLeft-1pG8B4 . arrowAlignmentTop-1yftWI :: before ,
# app-mount . popoutBottomRight-2Rno5S . arrowAlignmentMiddle-NBGtsX :: before ,
# app-mount . popoutBottomRight-2Rno5S . arrowAlignmentTop-1yftWI :: before {
2020-10-20 22:09:06 +02:00
border-bottom-color : var ( --background-floating ) ! important ;
2020-10-20 17:37:27 +02:00
}
2020-10-20 20:58:08 +02:00
# app-mount . popoutTop-3WSJtH :: before ,
# app-mount . popoutTopLeft-3B0mFf :: before ,
# app-mount . popoutTopRight-1lc8Mq :: before {
2020-10-20 17:37:27 +02:00
border-top-color : rgba ( 0 , 0 , 0 , . 1 ) ! important ;
}
2020-10-20 20:58:08 +02:00
# app-mount . popoutTop-3WSJtH :: after ,
# app-mount . popoutTopLeft-3B0mFf :: after ,
# app-mount . popoutTopRight-1lc8Mq :: after {
2020-10-20 22:09:06 +02:00
border-top-color : var ( --background-floating ) ! important ;
2020-10-20 17:37:27 +02:00
}
2020-11-28 19:17:54 +01:00
# app-mount . popout-xwjvsX . popoutRight-1veHKi . arrowAlignmentMiddle-NBGtsX : before {
border-right-color : var ( --background-secondary ) ! important ;
}
# app-mount . popout-xwjvsX . popoutLeft-3aViER . arrowAlignmentMiddle-NBGtsX : before {
border-left-color : var ( --background-secondary ) ! important ;
}
# app-mount . popout-xwjvsX . popoutBottom-2GAFPg . arrowAlignmentMiddle-NBGtsX : before ,
# app-mount . popout-xwjvsX . popoutBottom-2GAFPg . arrowAlignmentTop-1yftWI : before ,
# app-mount . popout-xwjvsX . popoutBottomLeft-1pG8B4 . arrowAlignmentMiddle-NBGtsX : before ,
# app-mount . popout-xwjvsX . popoutBottomLeft-1pG8B4 . arrowAlignmentTop-1yftWI : before ,
# app-mount . popout-xwjvsX . popoutBottomRight-2Rno5S . arrowAlignmentMiddle-NBGtsX : before ,
# app-mount . popout-xwjvsX . popoutBottomRight-2Rno5S . arrowAlignmentTop-1yftWI : before {
border-bottom-color : var ( --background-secondary ) ! important ;
}
# app-mount . popout-xwjvsX . popoutTop-3WSJtH : after ,
# app-mount . popout-xwjvsX . popoutTopLeft-3B0mFf : after ,
# app-mount . popout-xwjvsX . popoutTopRight-1lc8Mq : after {
border-top-color : var ( --background-secondary ) ! important ;
}
2020-10-20 17:37:27 +02:00
# app-mount . content-1nP7fx {
2020-10-20 22:09:06 +02:00
background-color : var ( --background-floating ) ! important ;
2020-10-20 17:37:27 +02:00
}
2020-10-20 20:58:08 +02:00
# app-mount . leftArrow-fNTiNn :: before {
2020-10-20 22:09:06 +02:00
border-right-color : var ( --background-floating ) ! important ;
2020-10-20 17:37:27 +02:00
}
2020-10-20 20:58:08 +02:00
# app-mount . rightArrow-1u-p-_ :: before {
2020-10-20 22:09:06 +02:00
border-left-color : var ( --background-floating ) ! important ;
2020-10-20 17:37:27 +02:00
}
2020-10-20 20:58:08 +02:00
# app-mount . contentNarrowNoMedia-Il01H1 . topArrow-1B63md :: before ,
# app-mount . contentWideNoMedia-22TIu6 . topArrow-1B63md :: before {
2020-10-20 17:37:27 +02:00
border-bottom-color : var ( --header-primary ) ! important ;
}
# app-mount . background-2lsEHp {
color : var ( --header-primary ) ! important ;
}
# app-mount . popoutLoadingForeground-2mZT61 {
background-image : linear-gradient ( 90deg , var ( --background-tertiary ) , var ( --background-accent ) , var ( --background-tertiary ) ) ;
}
/* ---- 11.1. USERPOPOUT ---- */
2020-10-22 15:32:42 +02:00
# app-mount . userPopout-3XzG_A {
2020-12-15 09:48:55 +01:00
--text-color : var ( --user-background , var ( --header-primary ) ) ;
2020-10-20 17:37:27 +02:00
background-color : var ( --background-tertiary ) ;
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) , 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) ;
color : # fff ;
}
# app-mount . headerNormal-T_seeN {
background : var ( --user-background , var ( --background-tertiary ) ) center / cover no-repeat ;
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
text-shadow : 1px 1px var ( --background-tertiary ) ;
2020-10-20 17:37:27 +02:00
}
2020-12-24 12:36:09 +01:00
# app-mount . headerNormal-T_seeN span [ style * = "color" ] ,
# app-mount . headerNormal-T_seeN . botText-1526X_ {
text-shadow : 1px 1px transparent ;
}
2020-10-22 15:32:42 +02:00
# app-mount . userPopout-3XzG_A . username-2b1r56 + span {
opacity : . 7 ;
}
# app-mount . headerNormal-T_seeN . headerName-fajvi9 ,
# app-mount . headerNormal-T_seeN . headerTagUsernameNoNickname-2_H881 {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-22 15:32:42 +02:00
}
# app-mount . headerNormal-T_seeN . headerTag-2pZJzA {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-22 15:32:42 +02:00
}
# app-mount . headerNormal-T_seeN . headerActivityText-gcopRr {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-22 15:32:42 +02:00
opacity : . 7 ;
2020-10-20 17:37:27 +02:00
}
2020-10-22 15:37:03 +02:00
# app-mount . headerNormal-T_seeN . date-YN6TCS {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-22 15:37:03 +02:00
opacity : . 7 ;
}
2020-10-22 15:32:42 +02:00
# app-mount . headerNormal-T_seeN . customStatus-1bh2V9 {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-20 17:37:27 +02:00
}
2020-10-22 15:32:42 +02:00
# app-mount . headerNormal-T_seeN . text-AOoUen {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-20 17:37:27 +02:00
opacity : . 7 ;
}
2020-10-22 15:32:42 +02:00
# app-mount . headerNormal-T_seeN . bar-3urHkF {
background-color : rgba ( var ( --vtextdarkest ) , . 2 ) ;
}
# app-mount . headerNormal-T_seeN . barInner-3NDaY_ {
2020-12-15 09:48:55 +01:00
background-color : var ( --text-color ) ;
2020-10-22 15:32:42 +02:00
}
# app-mount . headerNormal-T_seeN . activityName-1IaRLn ,
# app-mount . headerNormal-T_seeN . nameNormal-2lqVQK ,
# app-mount . headerNormal-T_seeN . nameWrap-3Z4G_9 {
2020-12-15 09:48:55 +01:00
color : var ( --text-color ) ;
2020-10-20 17:37:27 +02:00
}
# app-mount . body-3iLsc4 ,
# app-mount . footer-1fjuF6 {
background-color : var ( --background-secondary-alt ) ;
color : var ( --header-secondary ) ;
}
# app-mount . footer-1fjuF6 {
border-color : rgba ( var ( --vbackgroundtertiary ) , . 3 ) ;
}
# app-mount . wumpusTooltip-65YlMT {
background-color : var ( --background-floating ) ;
color : var ( --header-primary ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . wumpusTooltip-65YlMT :: after {
2020-10-20 17:37:27 +02:00
border-color : transparent var ( --background-floating ) transparent transparent ;
}
. role-2irmRk [ style * = "border-color: rgba(185, 187, 190, 0.6)" ] ,
. role-3paDXR [ style * = "border-color: rgba(185, 187, 190, 0.6)" ] {
border-color : rgba ( var ( --vtextbrighter ) , 0 . 6 ) ! important ;
}
. role-2irmRk . roleCircle-3xAZ1j [ style * = "background-color: rgb(185, 187, 190)" ] ,
. role-3paDXR . roleCircle-3DE8xJ [ style * = "background-color: rgb(185, 187, 190)" ] {
background-color : rgb ( var ( --vtextbrighter ) ) ! important ;
}
. role-2irmRk . roleCircle-3xAZ1j [ style * = "background-color: rgb(185, 187, 190)" ] path [ fill ] ,
. role-3paDXR . roleCircle-3DE8xJ [ style * = "background-color: rgb(185, 187, 190)" ] path [ fill ] {
fill : rgb ( var ( --vtextdarkest ) ) ! important ;
}
/* ---- 11.2. EMOJIPICKER ---- */
# app-mount . wrapper-1GJGVj {
color : var ( --text-muted ) ;
}
2020-10-20 21:57:17 +02:00
. categoryItemDefaultCategory-aBZ6nJ : first-child ,
. categoryItemDefaultCategory-aBZ6nJ : first-child + . categoryItemDefaultCategory-aBZ6nJ {
margin-bottom : 8px ;
}
2020-10-20 17:37:27 +02:00
# app-mount . sadImage-2ph8SI {
background-image : url ( https : / / discordapp . com / assets / e25713e4eba8c1e069ceac8f90262f62 . svg ) ;
opacity : . 5 ;
}
# app-mount . imageLoading-bpSr0M {
background : var ( --background-tertiary ) ;
border-radius : 10px ;
}
. premiumPromoClose-1w65km {
-webkit-mask : url ( https : / / discordapp . com / assets / f815a774c2b98d3109293a4e2afb733c . svg ) 50 % 50 % no-repeat ;
background : var ( --interactive-normal ) ;
}
. premiumPromoClose-1w65km : hover {
background : var ( --interactive-hover ) ;
}
. premiumPromoClose-1w65km : active {
background : var ( --interactive-active ) ;
}
2020-10-20 20:36:12 +02:00
# app-mount . categoryItemDefaultCategorySelected-_HCKoz . categoryIcon-1SvUHG ,
# app-mount . categoryItemDefaultCategorySelected-_HCKoz : hover . categoryIcon-1SvUHG {
color : var ( --interactive-active ) ;
}
2020-10-20 17:37:27 +02:00
# app-mount . focused-1En8bG ,
# app-mount . result-3w1ZcL : hover {
box-shadow : 0 11px 22px 1px rgba ( 4 , 4 , 5 , . 3 ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . focused-1En8bG :: after ,
# app-mount . result-3w1ZcL : hover :: after {
2020-10-20 17:37:27 +02:00
box-shadow : inset 0 0 0 2px , inset 0 0 0 3px var ( --background-secondary ) ;
}
# app-mount . placeholder-1kJjXI {
background : rgba ( var ( --vtextdarkest ) , . 6 ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . endContainer-1ZDW8j :: after {
2020-10-20 17:37:27 +02:00
background-image : url ( https : / / discordapp . com / assets / 2052722a3703f91daba4979d8c2effb7 . svg ) ;
opacity : . 5 ;
}
# app-mount . endText-3SrwuD {
color : var ( --header-secondary ) ;
}
# app-mount . emptyHintCard-2mUdMe {
background-color : var ( --background-primary ) ;
color : var ( --header-secondary ) ;
}
# app-mount . container-3ISnnM {
background-color : var ( --background-secondary ) ;
}
# app-mount . header-1TOWci {
box-shadow : 0 1px 0 0 rgba ( var ( --vbackgroundfloating ) , . 3 ) , 0 1px 2px 0 rgba ( var ( --vbackgroundfloating ) , . 3 ) ;
}
# app-mount . backButton-JyKGC1 {
color : var ( --interactive-normal ) ;
}
# app-mount . backButton-JyKGC1 : hover {
color : var ( --interactive-hover ) ;
}
# app-mount . backButton-JyKGC1 : active {
color : var ( --interactive-active ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . content-ySCtCx :: after {
2020-10-20 17:37:27 +02:00
background : rgba ( var ( --vbackgroundaccent ) , . 3 ) ;
}
/* ---- 11.3. SEARCHPOPOUT ---- */
. DraftEditor-editorContainer {
background-color : transparent ;
border-left : . 1px solid transparent ;
}
. public-DraftEditorPlaceholder-root {
color : var ( --channels-default ) ;
}
. public-DraftEditorPlaceholder-hasFocus {
color : var ( --header-secondary ) ;
}
# app-mount . searchAnswer-3Dz2-q ,
# app-mount . searchFilter-2ESiM3 {
background-color : var ( --background-primary ) ;
color : var ( --header-primary ) ;
}
# app-mount . container-3ayLPN {
background-color : var ( --background-primary ) ;
}
# app-mount . queryContainer-RKFJW- {
border-bottom-color : rgba ( var ( --vbackgroundtertiary ) , . 3 ) ;
color : var ( --header-secondary ) ;
}
# app-mount . queryContainer-RKFJW- strong {
color : var ( --header-primary ) ;
}
# app-mount . focused-2bY0OD {
background-color : var ( --background-tertiary ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . resultsGroup-r_nuzN :: before {
2020-10-20 17:37:27 +02:00
border-top : 1px solid rgba ( var ( --vbackgroundtertiary ) , . 3 ) ;
}
# app-mount . resultsGroup-r_nuzN . header-2N-gMV ,
# app-mount . resultsGroup-r_nuzN . plusIcon-v0BTrL ,
# app-mount . resultsGroup-r_nuzN . searchClearHistory-2cSSMO ,
# app-mount . resultsGroup-r_nuzN . searchLearnMore-3SQUAj a {
color : var ( --text-normal ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . option-96V44q :: after {
2020-10-20 17:37:27 +02:00
background : linear-gradient ( 90deg , transparent , var ( --background-primary ) 80 % ) ;
}
# app-mount . option-96V44q . selected-rZcOL- {
background-color : var ( --background-tertiary ) ;
}
2020-10-20 20:58:08 +02:00
# app-mount . option-96V44q . selected-rZcOL- :: after {
2020-10-20 17:37:27 +02:00
background : linear-gradient ( 90deg , transparent , var ( --background-tertiary ) 50 % ) ;
}
# app-mount . option-96V44q . answer-1n6g43 ,
# app-mount . option-96V44q . nonText-3CRkO0 ,
# app-mount . option-96V44q strong {
color : var ( --text-normal ) ;
}
# app-mount . option-96V44q . filter-3Y_im- {
color : var ( --text-muted ) ;
}
# app-mount . option-96V44q . user-O3Czj0 . displayedNick-3xxvzU {
color : var ( --text-normal ) ;
}
# app-mount . option-96V44q . user-O3Czj0 . displayUsername-Qekxml {
color : var ( --interactive-muted ) ;
}
# app-mount . searchOption-zQ-1l6 . filter-3Y_im- {
color : var ( --text-normal ) ;
}
# app-mount . searchOption-zQ-1l6 . answer-1n6g43 {
color : var ( --text-muted ) ;
}
# app-mount . datePicker--XZbmJ . datePickerHint-3Q1Udw {
border-top : 1px solid rgba ( var ( --vbackgroundtertiary ) , . 3 ) ;
}
# app-mount . datePicker--XZbmJ . datePickerHint-3Q1Udw . hint-165cR4 {
color : var ( --text-normal ) ;
}
# app-mount . datePicker--XZbmJ . datePickerHint-3Q1Udw . hintValue-29ny8Z {
color : var ( --header-primary ) ;
}
# app-mount . searchResultChannelCategory-1l0lSn ,
# app-mount . searchResultChannelIcon-1DnTme {
color : var ( --text-muted ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker {
background-color : var ( --background-primary ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__header {
background-color : var ( --background-primary ) ;
border-color : rgba ( var ( --vbackgroundfloating ) , . 2 ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__current-month {
border-bottom-color : rgba ( var ( --vbackgroundfloating ) , . 3 ) ;
color : var ( --header-primary ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__navigation . react-datepicker__navigation--next ,
# app-mount . calendarPicker-2yf6Ci . react-datepicker__navigation . react-datepicker__navigation--previous {
-webkit-mask : url ( https : / / discordapp . com / assets / 7619529e87dad31fd2ae83d9b9583e49 . svg ) 50 % / 6px 12px no-repeat ;
background : var ( --interactive-normal ) ;
border-color : var ( --background-floating ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__navigation . react-datepicker__navigation--next : hover ,
# app-mount . calendarPicker-2yf6Ci . react-datepicker__navigation . react-datepicker__navigation--previous : hover {
background : var ( --interactive-hover ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__navigation . react-datepicker__navigation--next : active ,
# app-mount . calendarPicker-2yf6Ci . react-datepicker__navigation . react-datepicker__navigation--previous : active {
background : var ( --interactive-active ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__week : last-of-type . react-datepicker__day {
border-bottom-color : var ( --background-floating ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__week . react-datepicker__day : last-of-type {
border-right-color : var ( --background-floating ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__day-name {
color : rgba ( var ( --vtextbrightest ) , . 6 ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__day {
border-top-color : var ( --background-floating ) ;
border-left-color : var ( --background-floating ) ;
color : var ( --header-primary ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__day . react-datepicker__day--selected : hover ,
# app-mount . calendarPicker-2yf6Ci . react-datepicker__day : hover {
color : var ( --header-primary ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__day . react-datepicker__day--disabled ,
# app-mount . calendarPicker-2yf6Ci . react-datepicker__day . react-datepicker__day--disabled : hover {
background-color : var ( --background-secondary ) ;
color : rgba ( var ( --vtextbrightest ) , . 3 ) ;
}
# app-mount . calendarPicker-2yf6Ci . react-datepicker__day--disabled ,
# app-mount . calendarPicker-2yf6Ci . react-datepicker__day--outside-month {
background-color : var ( --background-secondary ) ;
color : rgba ( var ( --vtextbrightest ) , . 3 ) ;
}
/* ---- 11.4. ADDROLE ---- */
# app-mount . container-VSDcQc . input-1ppKdn {
color : var ( --header-primary ) ;
}
# app-mount . container-VSDcQc . input-1ppKdn :: -webkit-input-placeholder ,
# app-mount . container-VSDcQc . input-1ppKdn :: -moz-placeholder ,
# app-mount . container-VSDcQc . input-1ppKdn : -ms-input-placeholder ,
# app-mount . container-VSDcQc . input-1ppKdn :: placeholder {
color : var ( --text-muted ) ;
}
# app-mount . container-VSDcQc . sectionTag-pXyto9 {
background-color : var ( --background-secondary ) ;
color : var ( --text-muted ) ;
}
# app-mount . autocompleteArrow-Zxoy9H ,
# app-mount . autocompleteShadow-iiGWFU {
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) , 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) ;
}
# app-mount . autocompleteArrow-Zxoy9H ,
# app-mount . header-2bNvm4 {
background-color : var ( --background-tertiary ) ;
}
# app-mount . empty-3hoe1g . noResultsHeader-pqW4H- {
color : var ( --header-secondary ) ;
}
# app-mount . empty-3hoe1g p {
color : var ( --text-muted ) ;
}
/* ---- 11.5. EVERYONEMENTION ---- */
# app-mount . everyonePopout-nEbJY3 {
background-color : var ( --background-primary ) ;
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) , 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) ;
}
# app-mount . header-3_S6dz {
color : var ( --header-primary ) ;
}
# app-mount . body-2iXqIL {
color : var ( --header-secondary ) ;
}
# app-mount . body-2iXqIL . animation-3GofIz {
opacity : . 5 ;
}
# app-mount . buttonHint-2OxJB8 {
color : var ( --text-muted ) ;
}
# app-mount . buttonHint-2OxJB8 strong {
color : var ( --header-secondary ) ;
}
# app-mount . footer-2aTx0s {
background-color : rgba ( var ( --vbackgroundtertiary ) , . 4 ) ;
color : var ( --text-muted ) ;
}
# app-mount . footer-2aTx0s strong {
color : var ( --header-secondary ) ;
}
/* ---- 11.6. CHANNELFOLLOW ---- */
# app-mount . header-1pGpFt {
background : var ( --background-tertiary ) ;
}
# app-mount . header-1pGpFt :: before {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background : var ( --header-primary ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / cb89c31c79a62ae99ec12351c1efb277 . svg ) center / cover no-repeat ;
}
/* ---- 11.7. CHANNELFOLLOWINFO ---- */
# app-mount . guildPopout-3CgKqR {
background-color : var ( --background-tertiary ) ;
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) , 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) ;
}
# app-mount . guildName-vhRkcC {
color : var ( --header-primary ) ;
}
# app-mount . dotOffline-3gYNLJ {
background-color : var ( --header-secondary ) ;
}
# app-mount . placeholderSkeleton-2WHb-r {
background : var ( --text-muted ) ;
}
/* ---- 11.8. STREAMPREVIEW ---- */
# app-mount . streamPreview-2-WUWT {
background-color : var ( --background-tertiary ) ;
}
# app-mount . previewContainer-12UlHl {
background-color : var ( --background-secondary-alt ) ;
}
# app-mount . applicationName-31eLkz {
color : var ( --header-primary ) ;
}
# app-mount . watchButton-2SbJEo {
border-color : var ( --text-muted ) ;
color : var ( --header-primary ) ;
}
# app-mount . watchButton-2SbJEo : not ( [ disabled ] ) : hover {
border-color : var ( --header-primary ) ;
}
# app-mount . previewHover-1tGzfF {
background : rgba ( 0 , 0 , 0 , . 6 ) ;
}
/* ---- 11.9. ROLEOVERFLOW ---- */
# app-mount . overflowRolesPopoutHeaderText-1SW-y3 {
color : var ( --text-muted ) ;
}
# app-mount . actionButton-VzECiy {
border-color : var ( --header-secondary ) ;
color : var ( --header-secondary ) ;
}
# app-mount . overflowRolesPopout-140n9i {
color : rgba ( var ( --vtextbrightest ) , . 8 ) ;
}
# app-mount . overflowRolesPopout-140n9i ,
# app-mount . overflowRolesPopoutArrow-2O66oH {
background-color : var ( --background-tertiary ) ;
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) , 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) ;
}
/* ---- 11.10. PUBLICGUILDANNOUNCEMENT ---- */
# app-mount . popout-6p6fkZ {
background-color : var ( --background-tertiary ) ;
box-shadow : 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) , 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) ;
}
# app-mount . popout-6p6fkZ {
color : var ( --header-primary ) ;
}
/* ---- 11.11. QUICKSELECTPOPOUT ---- */
# app-mount . selectableItem-1MP3MQ {
color : var ( --header-primary ) ;
}
# app-mount . selectableItem-1MP3MQ : hover {
background-color : var ( --background-accent ) ;
}
# app-mount . popoutList-T9CKZQ {
background : var ( --background-primary ) ;
}
# app-mount . popoutListEmpty-voOEBJ {
color : var ( --header-primary ) ;
}
# app-mount . quickSelectArrow-1QublR {
-webkit-mask : url ( https : / / discordapp . com / assets / f58cf3b8fc79e9d671ab649ab37651a9 . svg ) 50 % no-repeat ;
background : var ( --interactive-normal ) ;
}
# app-mount . quickSelectPopout-X1hvgV {
background : var ( --background-secondary ) ;
color : var ( --header-primary ) ;
}
# app-mount . quickSelectPopoutOption-opKBx9 : hover {
background-color : var ( --background-accent ) ;
}
/* ---- 11.12. RTCSTATUSPOPOUT ---- */
# app-mount . container-2x5lvQ {
width : 260px ;
}
# app-mount . container-2x5lvQ . header-2C89wJ {
background-color : var ( --background-secondary ) ;
color : var ( --header-primary ) ;
}
# app-mount . container-2x5lvQ canvas {
background-color : # 36393f ;
padding : 5px ;
border-radius : 5px ;
}
# app-mount . container-2x5lvQ section {
background-color : var ( --background-primary ) ;
}
# app-mount . container-2x5lvQ section p {
color : var ( --header-primary ) ;
}
# app-mount . container-2x5lvQ section strong {
color : var ( --header-primary ) ;
}
# app-mount . debugButton-1Zec0y {
color : var ( --header-secondary ) ;
}
# app-mount . krispLogo-a9msDI {
-webkit-mask : url ( https : / / discordapp . com / assets / c28317e203e00b2d7390d5ece2399228 . svg ) center / contain no-repeat ;
background-color : var ( --header-primary ) ;
}
/* ---- 11.13. PHONE-/EMAILVALIDATION ---- */
# app-mount . input-3yHnCz {
background-color : var ( --background-accent ) ;
color : var ( --header-primary ) ;
}
# app-mount . phoneFieldPopout-h7c9mt . countryName-3dA1Xv {
color : var ( --header-secondary ) ;
}
# app-mount . phoneFieldPopout-h7c9mt . countryCode-2TeNMX {
color : var ( --header-primary ) ;
}
# app-mount . activityInviteEducationArrow-3DEpKU {
-webkit-mask : url ( https : / / discordapp . com / assets / ba018cf9baa19824316dc4c2beb080a4 . svg ) center / contain no-repeat ;
background : var ( --header-primary ) ;
}
# app-mount . emailVerificationModal-3cfLjL . title-38uBel {
color : var ( --header-primary ) ;
}
# app-mount . emailVerificationModal-3cfLjL . body-1_Foxn {
color : var ( --text-muted ) ;
}
# app-mount . verification-3RfWYC . image-2LVZ_j {
background-image : url ( https : / / discordapp . com / assets / c290235278e128e94ae5ac37e58c5cbb . svg ) ;
opacity : . 5 ;
}
# app-mount . verification-3RfWYC . title-wZCcDo {
color : var ( --header-primary ) ;
}
# app-mount . verification-3RfWYC . body-3ROqbj ,
# app-mount . verification-3RfWYC . footer-1eZumv {
color : var ( --header-secondary ) ;
}
# app-mount . verificationBlock-1Chfpc {
border : 1px solid var ( --background-tertiary ) ;
}
# app-mount . verificationBlock-1Chfpc : hover {
background-color : var ( --background-tertiary ) ;
}
# app-mount . verificationBlock-1Chfpc . image-2LVZ_j . email-1MPDs- {
background-image : url ( https : / / discordapp . com / assets / cefc9c14adce616059f519c581331b32 . svg ) ;
opacity : . 5 ;
}
# app-mount . verificationBlock-1Chfpc . image-2LVZ_j . phone-27MBJz {
background-image : url ( https : / / discordapp . com / assets / ca452f5271ebcc7132db59f60a2a9cfe . svg ) ;
opacity : . 5 ;
}
# app-mount . verificationBlock-1Chfpc . body-3ROqbj {
color : var ( --header-secondary ) ;
}
/* ~~~~ 12. BDSUPPORT ~~~~ */
2020-12-20 12:27:15 +01:00
html . toast ,
html . bd-toast {
2020-12-12 21:27:56 +01:00
background-color : var ( --background-floating ) ;
box-shadow : var ( --elevation-medium ) ;
color : var ( --header-primary ) ;
}
2020-10-20 17:37:27 +02:00
# bd-pub-button {
background-color : var ( --background-primary ) ;
}
2020-10-28 12:24:12 +01:00
html . bd-settings-group . collapsible . bd-settings-title : hover {
color : var ( --text-normal ) ;
cursor : pointer ;
}
html . bd-settings-group . collapsible . bd-settings-title :: before {
background-color : currentColor ;
opacity : 0 . 2 ;
}
html . bd-settings-group . collapsible . bd-settings-title :: after {
background-color : currentColor ;
}
# app-mount . fav {
background : var ( --header-primary ) ;
width : 16px ;
height : 16px ;
padding : 0 ;
-webkit-mask : url ( 'data:image/svg+xml;utf8, <svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M19.6, 9l-4.2-0.4c-0.4, 0-0.7-0.3-0.8-0.6l-1.6-3.9c-0.3-0.8-1.5-0.8-1.8, 0L9.4, 8.1C9.3, 8.4, 9, 8.6, 8.6, 8.7L4.4, 9 c-0.9, 0.1-1.2, 1.2-0.6, 1.8L7, 13.6c0.3, 0.2, 0.4, 0.6, 0.3, 1l-1, 4.1c-0.2, 0.9, 0.7, 1.5, 1.5, 1.1l3.6-2.2c0.3-0.2, 0.7-0.2, 1, 0l3.6, 2.2 c0.8, 0.5, 1.7-0.2, 1.5-1.1l-1-4.1c-0.1-0.4, 0-0.7, 0.3-1l3.2-2.8C20.9, 10.2, 20.5, 9.1, 19.6, 9z M12, 15.4l-3.8, 2.3l1-4.3l-3.3-2.9 l4.4-0.4l1.7-4l1.7, 4l4.4, 0.4l-3.3, 2.9l1, 4.3L12, 15.4z"></path></svg>' ) center / contain no-repeat ;
}
# app-mount . fav : hover ,
# app-mount . fav . active {
background : # faa61a ;
}
# app-mount . fav . active {
-webkit-mask : url ( 'data:image/svg+xml;utf8, <svg viewBox="0 0 24 24" width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M0, 0H24V24H0Z" fill="none"></path><path fill="currentColor" d="M12.5, 17.6l3.6, 2.2a1, 1, 0, 0, 0, 1.5-1.1l-1-4.1a1, 1, 0, 0, 1, .3-1l3.2-2.8A1, 1, 0, 0, 0, 19.5, 9l-4.2-.4a.87.87, 0, 0, 1-.8-.6L12.9, 4.1a1.05, 1.05, 0, 0, 0-1.9, 0l-1.6, 4a1, 1, 0, 0, 1-.8.6L4.4, 9a1.06, 1.06, 0, 0, 0-.6, 1.8L7, 13.6a.91.91, 0, 0, 1, .3, 1l-1, 4.1a1, 1, 0, 0, 0, 1.5, 1.1l3.6-2.2A1.08, 1.08, 0, 0, 1, 12.5, 17.6Z"></path></svg>' ) center / contain no-repeat ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-modal-wrapper . bd-modal-inner {
2020-10-21 13:44:10 +02:00
background-color : var ( --background-primary ) ;
border : none ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 3 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-modal-wrapper . header ,
# app-mount . bd-modal-wrapper . bd-modal-body {
2020-10-21 13:44:10 +02:00
background : transparent ;
box-shadow : none ;
color : var ( --header-primary ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-modal-wrapper . tab-bar-container {
2020-10-21 13:44:10 +02:00
background : rgba ( 0 , 0 , 0 , . 2 ) ;
box-shadow : 0 2px 3px 0 rgba ( 0 , 0 , 0 , . 1 ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-modal-wrapper . tab-bar-container . tab-bar-item {
2020-10-21 13:44:10 +02:00
border-bottom-color : transparent ! important ;
color : var ( --interactive-normal ) ! important ;
opacity : 1 ! important ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-modal-wrapper . tab-bar-container . tab-bar-item : hover {
2020-10-21 13:44:10 +02:00
border-bottom-color : var ( --interactive-hover ) ! important ;
color : var ( --interactive-hover ) ! important ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-modal-wrapper . tab-bar-container . tab-bar-item : active ,
# app-mount . bd-modal-wrapper . tab-bar-container . tab-bar-item . selected {
2020-10-21 13:44:10 +02:00
border-bottom-color : var ( --interactive-active ) ! important ;
color : var ( --interactive-active ) ! important ;
cursor : default ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-modal-wrapper . table-header {
2020-10-21 13:44:10 +02:00
border : none ;
color : var ( --header-primary ) ;
cursor : default ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-modal-wrapper . table-column {
2020-10-21 13:44:10 +02:00
border-right : 1px solid transparent ;
margin-right : 20px ;
2020-11-11 10:02:09 +01:00
min-width : 20 % ;
}
# app-mount . bd-modal-wrapper . table-column . column-error {
margin-right : 0 ;
min-width : 50 % ;
2020-10-21 13:44:10 +02:00
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-modal-wrapper . table-header . table-column : not ( : last-child ) {
2020-10-21 13:44:10 +02:00
border-right-color : var ( --background-modifier-accent ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-modal-wrapper . error {
2020-10-21 13:44:10 +02:00
border-top : 1px solid var ( --background-modifier-accent ) ;
border-bottom : none ;
color : var ( --header-primary ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # pubslayer . ui-tab-bar-header ,
# app-mount # bd-settings-sidebar . ui-tab-bar-header {
2020-10-20 17:37:27 +02:00
color : var ( --channels-default ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # bd-settings-sidebar . ui-tab-bar-header . bd-changelog-button . bd-icon {
2020-10-20 17:37:27 +02:00
fill : var ( --channels-default ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # bd-settings-sidebar . ui-tab-bar-header . bd-changelog-button : hover . bd-icon {
2020-10-20 17:37:27 +02:00
fill : var ( --interactive-hover ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # bd-settings-sidebar . ui-tab-bar-header . bd-changelog-button : active . bd-icon {
2020-10-20 17:37:27 +02:00
fill : var ( --interactive-active ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # pubslayer . ui-tab-bar-item ,
2020-10-20 17:37:27 +02:00
# bd-settings-sidebar . ui-tab-bar-item {
margin-bottom : 2px ;
}
2020-10-24 10:48:06 +02:00
# app-mount # pubslayer . ui-tab-bar-item ,
# app-mount # bd-settings-sidebar . ui-tab-bar-item {
2020-10-20 17:37:27 +02:00
color : var ( --interactive-normal ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # pubslayer . ui-tab-bar-item : hover ,
# app-mount # bd-settings-sidebar . ui-tab-bar-item : hover {
2020-10-20 17:37:27 +02:00
background-color : var ( --background-modifier-hover ) ;
color : var ( --interactive-hover ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # pubslayer . ui-tab-bar-item . selected ,
# app-mount # bd-settings-sidebar . ui-tab-bar-item . selected {
2020-10-20 17:37:27 +02:00
background-color : var ( --background-modifier-selected ) ;
color : var ( --interactive-active ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # pubslayer input {
2020-10-20 22:22:06 +02:00
background-color : var ( --deprecated-text-input-bg ) ;
border-color : var ( --deprecated-text-input-border ) ;
color : var ( --header-primary ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # pubslayer input : hover {
2020-10-20 22:22:06 +02:00
border-color : var ( --deprecated-text-input-border-hover ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # bd-settingspane-container h2 . ui-form-title {
2020-10-20 17:37:27 +02:00
color : var ( --header-primary ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # bd-settingspane-container . ui-switch-item h3 {
2020-10-20 17:37:27 +02:00
color : var ( --header-primary ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount # bd-settingspane-container . ui-switch-item . style-description {
2020-10-20 17:37:27 +02:00
border-bottom : thin solid var ( --background-modifier-accent ) ;
color : var ( --text-muted ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-search-wrapper {
2020-10-20 17:37:27 +02:00
background-color : var ( --background-tertiary ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-search {
2020-10-20 17:37:27 +02:00
color : var ( --header-primary ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-search :: placeholder {
2020-10-20 17:37:27 +02:00
color : var ( --text-muted ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-search-wrapper svg {
2020-10-20 17:37:27 +02:00
fill : var ( --header-secondary ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-select-wrapper . bd-label {
2020-10-20 17:37:27 +02:00
color : var ( --text-muted ) ;
opacity : 1 ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-select {
2020-10-20 17:37:27 +02:00
color : var ( --interactive-normal ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-select . bd-select-transparent {
2020-10-24 10:41:08 +02:00
align-items : center ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-select-arrow {
2020-10-20 17:37:27 +02:00
fill : var ( --interactive-normal ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-select . bd-select-options {
2020-10-20 17:37:27 +02:00
background : var ( --background-floating ) ;
border : none ;
border-radius : 4px ;
box-shadow : var ( --elevation-high ) ;
box-sizing : border-box ;
padding : 6px 8px ;
margin-left : -9px ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-select . bd-select-option {
2020-10-20 17:37:27 +02:00
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 ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-select . bd-select-option : hover ,
# app-mount . bd-select . bd-select-option . selected {
2020-10-20 17:37:27 +02:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
color : var ( --interactive-active ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-addon-list . bd-addon-card {
2020-10-28 22:34:16 +01:00
background-color : var ( --deprecated-card-bg ) ;
2020-10-20 17:37:27 +02:00
border-color : var ( --background-tertiary ) ;
color : var ( --header-primary ) ;
2020-10-28 22:34:16 +01:00
max-height : unset ;
2020-10-20 17:37:27 +02:00
}
2020-10-28 22:34:16 +01:00
# app-mount . bd-addon-list . bd-addon-header {
2020-11-03 12:41:23 +01:00
border-bottom-color : var ( --background-modifier-accent ) ;
2020-10-20 17:37:27 +02:00
color : var ( --header-primary ) ;
}
2020-11-17 22:06:39 +01:00
# app-mount . bd-addon-list . bd-addon-header > . bd-icon {
fill : var ( --header-primary ) ;
}
2020-10-28 22:34:16 +01:00
# app-mount . bd-addon-card . bd-description :: -webkit-scrollbar-track {
background-color : var ( --background-secondary-alt ) ;
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-addon-button . bd-icon {
2020-12-24 12:08:01 +01:00
fill : currentColor ! important ;
2020-12-24 12:07:24 +01:00
color : var ( --interactive-normal ) ;
2020-10-20 17:37:27 +02:00
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-addon-button . bd-icon : hover {
2020-12-24 12:07:24 +01:00
color : var ( --interactive-hover ) ;
2020-10-20 17:37:27 +02:00
}
2020-10-24 10:48:06 +02:00
# app-mount . bd-addon-button . bd-icon : active {
2020-12-24 12:07:24 +01:00
color : var ( --interactive-active ) ;
2020-10-20 17:37:27 +02:00
}
2020-10-28 22:34:16 +01:00
# app-mount . bd-addon-list . bd-description {
2020-10-20 17:37:27 +02:00
color : var ( --header-secondary ) ;
}
2020-10-28 22:34:16 +01:00
# app-mount . bd-addon-card . bd-description :: -webkit-scrollbar {
width : 10px ;
}
# app-mount . bd-addon-card . bd-description :: -webkit-scrollbar-thumb {
background-color : var ( --background-tertiary ) ;
min-height : 40px ;
}
# app-mount . bd-addon-card . bd-description :: -webkit-scrollbar-thumb ,
# app-mount . bd-addon-card . bd-description :: -webkit-scrollbar-track {
border : 2px solid transparent ;
background-clip : padding-box ;
border-radius : 18px ;
}
# app-mount . bd-addon-list . bd-footer {
2020-11-03 12:41:23 +01:00
border-top-color : var ( --background-modifier-accent ) ;
2020-10-20 17:37:27 +02:00
}
2020-10-28 22:34:16 +01:00
# app-mount . bd-addon-card . settings-open svg . fill {
2020-10-20 17:37:27 +02:00
fill : var ( --interactive-normal ) ;
}
2020-10-28 22:34:16 +01:00
# app-mount . bd-addon-card . settings-open svg : hover . fill {
2020-10-20 17:37:27 +02:00
fill : var ( --interactive-hover ) ;
}
2020-10-28 22:34:16 +01:00
# app-mount . bd-addon-card . settings-open svg : active . fill {
2020-10-20 17:37:27 +02:00
fill : var ( --interactive-active ) ;
}
2020-10-28 22:34:16 +01:00
# app-mount . bd-addon-card . settings-open :: -webkit-scrollbar {
width : 16px ;
}
# app-mount . bd-addon-card . settings-open :: -webkit-scrollbar-thumb {
background-color : var ( --background-tertiary ) ;
min-height : 40px ;
}
# app-mount . bd-addon-card . settings-open :: -webkit-scrollbar-thumb ,
# app-mount . bd-addon-card . settings-open :: -webkit-scrollbar-track {
border : 4px solid transparent ;
background-clip : padding-box ;
border-radius : 8px ;
}
# app-mount . bd-addon-card . settings-open :: -webkit-scrollbar-track {
background-color : var ( --background-secondary-alt ) ;
}
2020-10-20 17:37:27 +02:00
2020-10-20 17:55:18 +02:00
# bd-customcss-attach-controls {
background-color : var ( --background-tertiary ) ;
box-shadow : none ;
border-radius : 0 0 5px 5px ;
}
. contentRegion-3nDuYy # bd-customcss-attach-controls ,
# bd-customcss-detach-container # bd-customcss-attach-controls {
background-color : var ( --background-tertiary ) ;
color : var ( --header-primary ) ;
}
. standardSidebarView-3F1I7i # bd-customcss-attach-controls button ,
. bd-detached-css-editor # bd-customcss-attach-controls button {
background-color : var ( --background-secondary ) ;
border : none ! important ;
border-radius : 3px ! important ;
color : var ( --header-secondary ) ;
margin : 5px 5px 0 0 ;
transition : background-color 0 . 1s ease ;
}
. standardSidebarView-3F1I7i # bd-customcss-attach-controls button : hover ,
. bd-detached-css-editor # bd-customcss-attach-controls button : hover {
background-color : var ( --background-primary ) ;
color : var ( --header-primary ) ;
}
. standardSidebarView-3F1I7i # editor-detached h3 {
color : var ( --header-secondary ) ;
}
# bd-customcss-attach-controls . help-text . inline {
background-color : var ( --background-secondary ) ;
}
2020-10-24 10:35:05 +02:00
html . floating-window . resizable {
background : var ( --background-tertiary ) ;
border-radius : 3px ;
}
html . floating-window-titlebar {
background : var ( --background-tertiary ) ;
border-bottom-color : var ( --background-modifier-hover ) ;
color : var ( --header-primary ) ;
width : unset ;
height : 32px ;
padding : 0 ;
}
html . floating-window-buttons ,
html . floating-window-buttons . button {
display : flex ;
justify-content : center ;
align-items : center ;
height : 100 % ;
padding : 0 ;
}
html . floating-window-buttons . button {
width : 32px ;
}
html . floating-window-buttons . button : hover {
background-color : var ( --background-modifier-hover ) ;
2020-11-17 22:06:39 +01:00
color : var ( --interactive-hover ) ;
2020-10-24 10:35:05 +02:00
}
html . floating-window-buttons . close-button : hover {
background-color : # f04747 ;
2020-11-17 22:06:39 +01:00
color : var ( --interactive-hover ) ;
2020-10-24 10:35:05 +02:00
}
html . floating-window-buttons . button svg {
margin : 0 ;
}
html . floating-window-buttons . close-button svg path . fill ,
html . floating-window-buttons . button : not ( . close-button ) svg path : not ( [ fill ] ) {
fill : var ( --interactive-normal ) ;
}
html . floating-window-buttons . button : not ( . close-button ) : hover svg path : not ( [ fill ] ) {
2020-11-17 22:06:39 +01:00
fill : var ( --interactive-hover ) ;
}
html . floating-window-buttons . close-button : hover svg path . fill {
2020-10-24 10:35:05 +02:00
fill : # fff ;
}
html . floating-window-content {
background : var ( --background-tertiary ) ;
color : var ( --header-primary ) ;
}
2020-10-27 13:58:40 +01:00
html # bd-editor-controls ,
html . floating-window # bd-editor-controls {
2020-10-24 10:35:05 +02:00
box-shadow : unset ;
height : 32px ;
padding : 0 ;
}
html . controls-section ,
html # bd-editor-controls button {
display : flex ;
justify-content : center ;
align-items : center ;
height : 100 % ;
padding : 0 ;
}
html # bd-editor-controls button {
color : var ( --interactive-normal ) ;
border-radius : 0 ;
margin : 0 ;
width : 32px ;
}
html # bd-editor-controls button : hover {
background-color : var ( --background-modifier-hover ) ;
2020-11-17 22:06:39 +01:00
color : var ( --interactive-hover ) ;
2020-10-24 10:35:05 +02:00
}
html # bd-editor-controls button path : not ( [ fill ] ) {
fill : currentColor ;
}
2020-10-20 17:37:27 +02:00
2020-11-14 17:09:09 +01:00
html # bd-editor-panel # bd-editor-controls {
background-color : var ( --background-tertiary ) ;
border-radius : 5px 5px 0 0 ;
overflow : hidden ;
}
html # bd-editor-panel . editor-wrapper {
background-color : var ( --background-secondary ) ;
border-radius : 0 0 5px 5px ;
overflow : hidden ;
}
html . floating-window # bd-editor-panel . editor-wrapper : last-child {
border-radius : 0 ;
}
2020-11-21 18:39:48 +01:00
2020-12-02 20:46:28 +01:00
html . monaco-editor . minimap ,
html . monaco-editor . decorationsOverviewRuler {
display : none ;
}
2020-11-14 17:09:09 +01:00
html . monaco-editor ,
html . monaco-editor-background ,
html . monaco-editor . inputarea . ime-input ,
html . monaco-editor . margin {
background-color : var ( --background-secondary ) ;
}
html . monaco-editor ,
html . monaco-editor . inputarea . ime-input {
color : var ( --text-normal ) ;
}
html . mtk9 {
color : var ( --text-normal ) ;
}
html . monaco-editor . line-numbers {
color : var ( --channels-default ) ;
}
html . monaco-editor . bracket-match {
border-color : var ( --channels-default ) ;
}
html . monaco-editor . lines-content . cigr {
box-shadow : 1px 0 0 0 var ( --interactive-muted ) inset ;
}
html . monaco-editor . view-overlays . current-line {
border-color : var ( --interactive-muted ) ;
}
2020-11-21 18:39:48 +01:00
html . monaco-editor . selected-text {
background-color : var ( --background-tertiary ) ;
2020-10-29 16:59:00 +01:00
}
2020-11-21 18:40:40 +01:00
html . monaco-editor . focused . selected-text {
background-color : rgb ( var ( --vmentioncolor ) ) ;
}
2020-11-17 21:07:34 +01:00
html . monaco-editor . rename-box {
background-color : var ( --background-secondary ) ! important ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ! important ;
color : var ( --header-secondary ) ! important ;
}
html . monaco-editor . rename-box . rename-input {
background-color : var ( --background-primary ) ! important ;
color : var ( --text-normal ) ! important ;
}
html . monaco-editor . find-widget {
background-color : var ( --background-secondary ) ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ;
color : var ( --header-secondary ) ;
}
html . monaco-editor . find-widget . monaco-sash {
background-color : var ( --background-accent ) ;
}
html . monaco-editor . find-widget . monaco-inputbox ,
html . monaco-editor . find-widget . monaco-inputbox textarea {
background-color : var ( --background-primary ) ! important ;
color : var ( --text-normal ) ! important ;
}
html . monaco-editor . find-widget . button : not ( . disabled ) : hover ,
html . monaco-editor . hc-black . find-widget . button : not ( . disabled ) : hover ,
html . monaco-editor . vs-dark . find-widget . button : not ( . disabled ) : hover {
background-color : var ( --background-modifier-hover ) ;
}
2020-11-21 18:25:51 +01:00
html . monaco-editor . monaco-editor-hover {
background-color : var ( --background-secondary ) ! important ;
border : unset ! important ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ! important ;
color : var ( --header-secondary ) ! important ;
}
html . monaco-editor . monaco-editor-hover . hover-row : not ( : first-child ) : not ( : empty ) {
border-color : var ( --background-modifier-accent ) ;
}
html . monaco-editor . monaco-editor-hover . hover-row . actions {
background-color : var ( --background-floating ) ;
}
2020-11-21 18:49:06 +01:00
html . monaco-editor . monaco-editor-hover . monaco-editor-hover-content [ style * = "max-height" ] {
max-height : 300px ! important ;
}
2020-11-21 18:25:51 +01:00
2020-11-17 23:12:28 +01:00
html . monaco-quick-open-widget {
background-color : var ( --background-secondary ) ! important ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ! important ;
color : var ( --header-secondary ) ! important ;
}
html . monaco-quick-open-widget input {
background-color : var ( --background-primary ) ! important ;
color : var ( --text-normal ) ! important ;
}
html . monaco-quick-open-widget . results-group {
color : var ( --text-muted ) ! important ;
}
2020-11-18 17:19:25 +01:00
html . monaco-tree [ class * = "monaco-tree-instance" ] . monaco-tree-rows > . monaco-tree-row : hover : not ( . highlighted ) : not ( . selected ) : not ( . focused ) {
2020-11-17 23:12:28 +01:00
background-color : var ( --background-primary ) ! important ;
color : var ( --header-primary ) ! important ;
}
2020-11-18 17:19:25 +01:00
html . monaco-tree [ class * = "monaco-tree-instance" ] . monaco-tree-rows > . monaco-tree-row : hover : not ( . highlighted ) : not ( . selected ) : not ( . focused ) . results-group {
2020-11-17 23:12:28 +01:00
color : var ( --header-primary ) ! important ;
}
2020-11-18 17:29:06 +01:00
html . monaco-editor . findOptionsWidget {
background-color : var ( --background-secondary ) ! important ;
box-shadow : 0 0 0 1px rgba ( var ( --vbackgroundtertiary ) , . 6 ) , 0 2px 10px 0 rgba ( 0 , 0 , 0 , . 2 ) ! important ;
color : var ( --header-secondary ) ! important ;
}
2020-11-17 21:07:34 +01:00
html . monaco-editor . peekview-widget . head {
background : var ( --background-tertiary ) ! important ;
}
html . monaco-editor . peekview-widget . head . peekview-title . filename {
color : var ( --header-primary ) ! important ;
}
html . monaco-editor . peekview-widget . head . peekview-title . dirname {
color : var ( --header-secondary ) ! important ;
}
html . monaco-editor . reference-zone-widget . ref-tree {
background : var ( --background-secondary ) ! important ;
color : var ( --header-secondary ) ! important ;
}
2020-11-21 18:33:29 +01:00
html . monaco-list [ class * = "list_id" ] . monaco-list-rows {
background : var ( --background-secondary ) ! important ;
}
html . monaco-list [ class * = "list_id" ] . monaco-list-row {
color : var ( --text-muted ) ! important ;
}
2020-11-17 21:07:34 +01:00
html . monaco-drag-image ,
2020-11-21 18:33:29 +01:00
html . monaco-list [ class * = "list_id" ] . monaco-list-row . focused ,
html . monaco-list [ class * = "list_id" ] . monaco-list-row . focused : hover ,
html . monaco-list [ class * = "list_id" ] . monaco-list-row . selected ,
html . monaco-list [ class * = "list_id" ] . monaco-list-row . selected : hover ,
html . monaco-list [ class * = "list_id" ] : focus . monaco-list-row . selected . focused ,
html . monaco-list [ class * = "list_id" ] : not ( . drop-target ) . monaco-list-row : hover : not ( . selected ) : not ( . focused ) {
2020-11-17 21:07:34 +01:00
color : var ( --header-primary ) ! important ;
}
2020-11-21 18:33:29 +01:00
html . monaco-list [ class * = "list_id" ] . monaco-list-row . focused ,
html . monaco-list [ class * = "list_id" ] . monaco-list-row . focused : hover ,
2020-11-18 17:19:25 +01:00
html . monaco-list [ class * = "list_id" ] . monaco-list-row . selected ,
2020-11-21 18:33:29 +01:00
html . monaco-list [ class * = "list_id" ] . monaco-list-row . selected : hover ,
html . monaco-list [ class * = "list_id" ] : not ( . drop-target ) . monaco-list-row : hover : not ( . selected ) : not ( . focused ) {
2020-11-17 21:44:58 +01:00
background : var ( --background-primary ) ! important ;
}
2020-11-17 21:07:34 +01:00
html . monaco-editor . reference-zone-widget . preview . monaco-editor . margin {
background : var ( --background-secondary ) linear-gradient ( 0deg , rgba ( var ( --vaccentcolor ) , 0 . 1 ) , rgba ( var ( --vaccentcolor ) , 0 . 1 ) ) ;
}
html . monaco-editor . reference-zone-widget . preview . monaco-editor . monaco-editor-background ,
html . monaco-editor . reference-zone-widget . preview . monaco-editor . inputarea . ime-input {
background : var ( --background-secondary ) linear-gradient ( 0deg , rgba ( var ( --vaccentcolor ) , 0 . 1 ) , rgba ( var ( --vaccentcolor ) , 0 . 1 ) ) ;
}
html . monaco-editor . reference-zone-widget . ref-tree . monaco-list : focus . monaco-list-rows > . monaco-list-row . selected : not ( . highlighted ) {
background : var ( --background-primary ) ! important ;
color : var ( --header-primary ) ! important ;
}
2020-11-17 20:40:39 +01:00
html . monaco-editor . reference-zone-widget . ref-tree . referenceMatch . highlight {
background : rgb ( var ( --vmentioncolor ) ) ;
}
2020-11-17 21:44:58 +01:00
html . codicon-close ,
html . codicon-remove-close ,
html . codicon-x {
color : var ( --interactive-normal ) ! important ;
}
html . codicon-close : hover ,
html . codicon-remove-close : hover ,
html . codicon-x : hover {
color : var ( --interactive-hover ) ! important ;
}
2020-10-28 22:34:16 +01:00
2020-11-17 21:07:34 +01:00
html . monaco-menu . monaco-action-bar . vertical {
2020-11-17 22:46:59 +01:00
cursor : default ;
background : var ( --background-floating ) ! important ;
border-radius : 4px ;
box-shadow : var ( --elevation-high ) ;
box-sizing : border-box ;
2020-11-17 21:07:34 +01:00
color : var ( --text-normal ) ! important ;
padding : 8px 6px ;
2020-11-17 22:46:59 +01:00
height : auto ;
max-height : calc ( 100vh - 32px ) ;
2020-11-17 21:07:34 +01:00
}
html . monaco-menu . monaco-action-bar . vertical . action-label . separator {
border-bottom : 1px solid var ( --background-modifier-accent ) ! important ;
box-sizing : border-box ;
margin : 4px ;
padding : 0 ;
opacity : 1 ;
}
html . monaco-menu . monaco-action-bar . vertical . action-menu-item {
2020-11-17 22:46:59 +01:00
position : relative ;
display : flex ;
justify-content : space-between ;
align-items : center ;
border-color : var ( --interactive-normal ) ! important ;
border-radius : 2px ;
box-sizing : border-box ;
2020-11-17 22:25:00 +01:00
color : var ( --interactive-normal ) ! important ;
2020-11-17 22:46:59 +01:00
cursor : pointer ;
margin : 2px 0 ;
padding : 6px 8px ;
line-height : 18px ;
font-size : 14px ;
font-weight : 500 ;
box-sizing : border-box ;
min-height : 32px ;
}
html . monaco-menu . monaco-action-bar . vertical . action-menu-item [ style * = "color: rgb(255, 255, 255)" ] ,
html . monaco-menu . monaco-action-bar . vertical . action-menu-item : hover {
border-color : # ffffff ! important ;
color : # ffffff ! important ;
}
html . monaco-menu . monaco-action-bar . vertical . action-menu-item > * {
border-color : currentColor ! important ;
color : currentColor ! important ;
}
html . monaco-menu . monaco-action-bar . vertical . action-label {
flex : 1 1 auto ;
white-space : nowrap ;
overflow : hidden ;
font-size : unset ;
line-height : unset ;
text-overflow : ellipsis ;
padding : unset ;
}
html . monaco-menu . monaco-action-bar . vertical . keybinding ,
html . monaco-menu . monaco-action-bar . vertical . submenu-indicator {
font-size : unset ;
line-height : unset ;
padding-left : unset ;
flex : 0 0 auto ;
max-height : 18px ;
margin-left : 8px ;
}
html . monaco-menu . monaco-action-bar . vertical . submenu-indicator . codicon :: before {
margin-left : 0 ;
margin-right : -4px ;
flex : 2 1 auto ;
2020-11-17 21:07:34 +01:00
}
2020-10-28 22:56:40 +01:00
2020-10-20 21:44:08 +02:00
/* ~~~~ 13. POWERCORDSUPPORT ~~~~ */
. powercord-toast . header {
background-color : var ( --background-floating ) ;
box-shadow : var ( --elevation-medium ) ;
}
2020-10-20 17:37:27 +02:00
2020-10-20 21:44:08 +02:00
. powercord-pc-icon {
margin-right : 4px ;
}
. powercord-pc-icon svg {
padding-right : 0 ;
width : 28px ;
}
. powercord-pc-icon :: before {
background : var ( --interactive-normal ) ;
-webkit-mask : url ( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcEAAAHBAgMAAABs1eh7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURQAAAK2trf///xHpVx0AAAACdFJOUwAQayTdXAAABbVJREFUeNrt3UFy8jgQQGFVL2aho+iUqjmJalYqnXISYAgmwbjVrcfkp30Av5I/2RhHMSnZtzx6QrcyPjYyKJ9BdJTjvFUsmC/Fziqikv8FR4MPKndYrwcVO6xfQWi2yk2xwYwU5A0jBDnoomyKFWZkpk7Bi5sgMVkFL2a8uGUkTo9BFwUv5vtipRnXFwddFLyY8WLBi9+Cqy/lghczXix4cdDFHxgXz9WMFwteHHRR8GLGiz8xDpxx4IwDZ+w4Y8cZG87YaMalp2PBi4M+OX5m7DhjC8ZgfFfGMmBGuUpRjPk6DIqxXKkoxus4QMaLFch4GQjJeMYiGU8jQRlPWijjaSgs4ycXy/gxFpjxwwtm/BgMzfhooz6DCcYH20LGB1swBmMw/rmMGWcsNOOzYsOLFS8mutjx4oqv/3mScd44zzEakGWKMVuUZxjFdO6UCUbbcsg8wWg7XUXPKLazR/SMxuWQWc9oXA5ZDIxzs9XCOAVpYpyCtDHOFG2MM1PHxjgxdYyME0Uj48RktTLqi1ZG9WQ1M6qLZkb16WFmVBfNjNqinVFbdGBUXgIcGJVF/W2ccTmk6G9Vjcshs/523Lgcsui/chi/0+q/VomtKPqvjtlWzPqvx8VWnHgEYHw2oX9aZVwOOfFEzrgc8tnzsX7Mobox/gRpfMb0LPh9X2J7xiRPi+2Qgx/jD5DG5ZBPGb/vzPjk7nnwHlJsT+7kQLEdcOiOjN/2VmzPCg8w3hsZn04eCW4hxfaQWQ4V23OH6sl4B1lsJ8chxu3+jI+1jwVvj5lxrYAcLLZnDs2XcTME41qBg4y3kMa/hxwNfo0BYrxxghhvBkExfkFRjNdRYIxeyyGzothpRqflkJqgy3JIURUbzOizHFLF6LIcUhd0WA4pymKDGT2WQyoZHZZDaoPm5ZCiLjaY0b4cUs1oXvLhFVzIaF3ykb2KwRiMwRiMwRiMfwij4IwZZyw0o1ux4VO14sVET9WOF48zZpwx04xeJ0fHiw0vev4Z15sx4YwJZ0w4o+CMgjMKzig0o1Mx0cWOFxterHgxvcEY2xvMVf58fME1p73BZ4cKEr8H+LX3Ofy9nAaSvyf/td87FMWMTx3+GytflDcopncoFvzCyhczfc15wb1VoieOT1H3z4AFZvSZOipGl6mTEgyp/Z/OAjN6QFZlUWhGO6T+P9cLzGiHrOqi0IxWyJl3VxSY0QpZJ4pCM9og597sMgn5zyzjNGSdZZyGvHnxLQPZb17uy0C2mxcYM5D189jUyaJMnogyO8QpSOPbwgpzPbVBVltRoOupBdL80rcCM05AVnyMiXY0M0owBmMwBmMwBmMwBmMw/kbGjDMWmlFdbHix4sVEFztebHix4kV7cOZlBOh11YFx5qUSKKRHcOblICCkC+PMS158If9ezngPmZYz3kH2vbnrxLiFbDPvtTWNse7N3bSiuDd33X5II9/ttCxnLHc7zasZN8W6dxFKK6bq3kWoryj2vU+TtmKqtr1Pk7qiWPc+TdKKk2Pv06SvKPa92wI3xtPu23aneSnjqVjLZqeylPH8M6h5u9OljKe9n0fV9+7vmnMxbXeaVzLKuL6fqu7d3yXvYt7udCXjpSjbnZaFjHLZ3XaneR3jad/nz+HdG/XkW6xPb9T7+mJZxviomJcxPirKMsaHy3qWMT4s5lWMD4uy6qA+XixVFh3Ux8W8ZqbuFNOiIe4UZc0Q9xa9lQUTdb94Trr//OLuwj5Z9QOzCd2iGEXXT+Qo/sJiQ4vykmKPovc28IvOa4rsCVleUmRPyIxP1vySE3LwxYqfHg0vdvz0GHyx0qcHCyk4pAwccuCQBYfMbwApPOTAIQsOmQMyIAMyIAMyIAMyIAMyIP/3kH8FZJyRARmQARmQARmQARmQARmQIORb/OEs4ZAJh0w4ZMIhEw6ZaEh45ZXgxY/D2hJ9WB139i9DGxh/HluS1wAAAABJRU5ErkJggg==" ) left / 18px 18px no-repeat ;
}
. powercord-pc-icon : hover :: before {
background : var ( --interactive-hover ) ;
}
. powercord-pc-icon : active :: before {
background : var ( --interactive-active ) ;
}
/* ~~~~ 14. PLUGINSUPPPORT ~~~~ */
/* ---- 14.1. MEMBERCOUNT ---- */
2020-10-20 17:37:27 +02:00
# app-mount # MemberCount {
background-color : var ( --background-secondary ) ;
}
2020-10-20 21:44:08 +02:00
/* ---- 14.2. CHANNELTABS ---- */
2020-10-20 17:37:27 +02:00
html . channelTabs-tabContainer ,
html . channelTabs-favContainer {
display : flex ;
align-items : center ;
2020-10-24 18:59:25 +02:00
flex-wrap : wrap ;
min-height : 28px ;
height : unset ;
2020-10-20 17:37:27 +02:00
overflow : hidden ;
transition : height 0 . 3s linear ;
}
html . channelTabs-tabContainer {
background-color : var ( --background-secondary-alt ) ;
2020-10-24 18:59:25 +02:00
border-bottom : 3px solid var ( --background-tertiary ) ;
2020-10-20 17:37:27 +02:00
padding-top : 6px ;
padding-left : 4px ;
}
html . channelTabs-favContainer {
background-color : var ( --background-tertiary ) ;
padding-top : 3px ;
padding-bottom : 3px ;
padding-left : 2px ;
}
2020-10-24 18:59:25 +02:00
html . channelTabs-noFavs {
background : transparent ;
padding : 0 6px ;
2020-10-20 17:37:27 +02:00
}
html . channelTabs-tab ,
html . channelTabs-fav {
display : flex ;
align-items : center ;
color : var ( --interactive-normal ) ;
height : 28px ;
padding : 0 4px ;
cursor : pointer ;
}
html . channelTabs-tab {
border-radius : 5px 5px 0 0 ;
margin : 0 2px ;
}
html . channelTabs-fav {
border-radius : 5px ;
margin : 0 4px ;
}
html . channelTabs-tab : not ( . channelTabs-selected ) : hover ,
html . channelTabs-fav : hover {
2020-10-20 20:58:08 +02:00
background-color : var ( --background-secondary ) ;
2020-10-20 17:37:27 +02:00
color : var ( --interactive-hover ) ;
}
2020-11-02 20:31:56 +01:00
html . channelTabs-tab . channelTabs-selected ,
2020-10-20 17:37:27 +02:00
html . channelTabs-fav : active {
background-color : var ( --background-tertiary ) ;
color : var ( --interactive-active ) ;
2020-10-25 17:45:11 +01:00
z-index : 2 ! important ;
2020-10-20 17:37:27 +02:00
}
html . channelTabs-tab > * ,
2020-11-12 13:32:16 +01:00
html . channelTabs-fav > * ,
html . channelTabs-tab . channelTabs-mentionBadge ,
html . channelTabs-fav . channelTabs-mentionBadge ,
html . channelTabs-tab . channelTabs-unreadBadge ,
html . channelTabs-fav . channelTabs-unreadBadge {
2020-10-25 17:45:11 +01:00
position : static ! important ;
transform : unset ! important ;
2020-11-12 13:32:16 +01:00
float : unset ! important ;
2020-10-25 17:45:11 +01:00
z-index : 3 ! important ;
2020-10-20 17:37:27 +02:00
}
2020-10-20 20:58:08 +02:00
html . channelTabs-tab :: before ,
html . channelTabs-tab :: after {
2020-10-20 17:37:27 +02:00
content : "" ;
position : absolute ;
height : 10px ;
width : 20px ;
bottom : 0 ;
}
2020-10-20 20:58:08 +02:00
html . channelTabs-tab :: before {
2020-10-20 17:37:27 +02:00
left : -20px ;
border-radius : 0 0 8px 0 ;
}
2020-10-20 21:44:08 +02:00
html . channelTabs-tab :: after {
right : -20px ;
border-radius : 0 0 0 8px ;
2020-10-20 17:37:27 +02:00
}
2020-10-20 20:58:08 +02:00
html . channelTabs-tab : not ( . channelTabs-selected ) : hover :: before {
2020-10-20 17:37:27 +02:00
box-shadow : 8px 0 0 0 var ( --background-secondary ) ;
}
2020-10-20 21:44:08 +02:00
html . channelTabs-tab : not ( . channelTabs-selected ) : hover :: after {
box-shadow : -8px 0 0 0 var ( --background-secondary ) ;
}
2020-11-02 20:31:56 +01:00
html . channelTabs-tab . channelTabs-selected :: after {
2020-10-20 17:37:27 +02:00
box-shadow : -8px 0 0 0 var ( --background-tertiary ) ;
}
2020-11-02 20:31:56 +01:00
html . channelTabs-tab . channelTabs-selected :: before {
2020-10-20 17:37:27 +02:00
box-shadow : 8px 0 0 0 var ( --background-tertiary ) ;
}
html . channelTabs-tabIcon ,
html . channelTabs-favIcon {
2020-10-25 17:45:11 +01:00
margin-right : 6px ! important ;
2020-10-20 17:37:27 +02:00
}
html . channelTabs-tabName ,
html . channelTabs-favName {
2020-10-25 17:45:11 +01:00
margin : 0 ! important ;
2020-10-20 17:37:27 +02:00
font-size : 16px ;
line-height : 20px ;
font-weight : 500 ;
white-space : nowrap ;
}
2020-10-25 17:45:11 +01:00
html . channelTabs-tab . channelTabs-tabName ~ * ,
html . channelTabs-fav . channelTabs-favName ~ * {
margin : 0 0 0 4px ! important ;
2020-10-20 17:37:27 +02:00
}
html . channelTabs-closeTab ,
2020-11-02 20:31:56 +01:00
html . channelTabs-tab . channelTabs-selected . channelTabs-closeTab {
2020-10-20 17:37:27 +02:00
background-color : transparent ;
color : var ( --interactive-hover ) ;
border-radius : 50 % ;
width : 14px ;
height : 14px ;
2020-10-25 17:45:11 +01:00
min-width : 14px ;
min-height : 14px ;
2020-10-20 17:37:27 +02:00
font-size : 14px ;
line-height : unset ;
}
html . channelTabs-closeTab : hover ,
2020-11-02 20:31:56 +01:00
html . channelTabs-tab . channelTabs-selected . channelTabs-closeTab : hover {
2020-10-20 17:37:27 +02:00
background : # f04747 ;
color : var ( --interactive-active ) ;
}
html . channelTabs-newTab {
position : static ;
display : flex ;
justify-content : center ;
align-items : center ;
background-color : var ( --background-secondary ) ;
color : var ( --interactive-hover ) ;
padding : 0 ;
width : 22px ;
height : 22px ;
transition : background-color 0 . 3s linear , color 0 . 3s linear ;
}
html . channelTabs-newTab : hover {
background-color : var ( --background-primary ) ;
color : var ( --interactive-active ) ;
2020-10-20 18:01:25 +02:00
}
/* ~~~~ 14. WATERMARK ~~~~ */
html : only-child > head + body > div # app-mount . appMount-3lHmkl > div . app-1q1i1E > div . app-2rEoOp > div . layers-3iHuyZ . layers-3q14ss > div . layer-3QrUeG . baseLayer-35bLyl + div . layer-3QrUeG > div . standardSidebarView-3F1I7i > div . sidebarRegion-VFTUkN > div . sidebarRegionScroller-3MXcoP . thin-1ybCId . scrollerBase-289Jih . fade-2kXiP2 > nav . sidebar-CFHs9e > div . side-8zPYf6 > div . info-1VyQPT {
position : relative ! important ;
}
html : only-child > head + body > div # app-mount . appMount-3lHmkl > div . app-1q1i1E > div . app-2rEoOp > div . layers-3iHuyZ . layers-3q14ss > div . layer-3QrUeG . baseLayer-35bLyl + div . layer-3QrUeG > div . standardSidebarView-3F1I7i > div . sidebarRegion-VFTUkN > div . sidebarRegionScroller-3MXcoP . thin-1ybCId . scrollerBase-289Jih . fade-2kXiP2 > nav . sidebar-CFHs9e > div . side-8zPYf6 > div . info-1VyQPT :: after {
content : "DiscordRecolor 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-mount . appMount-3lHmkl > div . app-1q1i1E > div . app-2rEoOp > div . layers-3iHuyZ . layers-3q14ss > div . layer-3QrUeG . baseLayer-35bLyl + div . layer-3QrUeG > div . standardSidebarView-3F1I7i > div . sidebarRegion-VFTUkN > div . sidebarRegionScroller-3MXcoP . thin-1ybCId . scrollerBase-289Jih . fade-2kXiP2 > nav . sidebar-CFHs9e > div . side-8zPYf6 > div . info-1VyQPT :: before {
content : "DevilBro" ! important ;
font-size : 12px ! important ;
color : rgb ( var ( --vaccentcolor ) ) ! 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 : 106px ! important ;
bottom : 9px ! important ;
right : unset ! important ;
transform : unset ! important ;
animation : unset ! important ;
2020-10-20 17:37:27 +02:00
}