2021-01-18 11:13:18 +01:00
@ import url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / SettingsIcons . css ) ;
2019-03-21 10:34:13 +01:00
@ import url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / BlurpleRecolor / BlurpleRecolor . css ) ;
2019-02-12 12:52:32 +01:00
2018-10-11 10:21:26 +02:00
: root {
2021-05-03 16:23:08 +02:00
--transparencycolor : 0 , 0 , 0 ;
--transparencyalpha : 0 . 15 ;
--messagetransparency : 0 . 5 ;
--usechatbubbles : calc ( var ( --messagetransparency ) / ( var ( --messagetransparency ) + 0 . 00000000000000000000001 ) ) ;
--guildchanneltransparency : 0 . 15 ;
2021-05-29 11:57:30 +02:00
--chatinputtransparency : 0 . 0 ;
2021-05-03 16:23:08 +02:00
--memberlisttransparency : 0 . 0 ;
2021-05-06 12:41:18 +02:00
2022-12-01 20:48:45 +01:00
--font : "gg sans" , "Noto Sans" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
2021-05-11 11:28:22 +02:00
--textshadow : transparent ;
2021-05-03 16:23:08 +02:00
--accentcolor : 190 , 78 , 180 ;
--accentcolor2 : var ( --accentcolor ) ;
2021-06-30 11:56:30 +02:00
--mentioncolor : var ( --accentcolor ) ;
2021-05-03 16:23:08 +02:00
--linkcolor : var ( --accentcolor ) ;
2019-09-19 12:56:54 +02:00
2021-05-15 23:43:03 +02:00
--successcolor : 59 , 165 , 92 ;
2021-05-11 11:28:22 +02:00
--warningcolor : 250 , 166 , 26 ;
2021-05-14 08:48:01 +02:00
--dangercolor : 237 , 66 , 69 ;
2019-12-18 09:36:29 +01:00
2021-05-06 12:41:18 +02:00
--textbrightest : 255 , 255 , 255 ;
2021-05-06 21:30:35 +02:00
--textbrighter : 222 , 222 , 222 ;
--textbright : 200 , 200 , 200 ;
--textdark : 160 , 160 , 160 ;
--textdarker : 125 , 125 , 125 ;
--textdarkest : 90 , 90 , 90 ;
2021-05-06 12:41:18 +02:00
2021-05-03 16:23:08 +02:00
--background : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / BasicBackground / _res / background . jpg ) ;
--backgroundposition : center ;
--backgroundsize : cover ;
--backgroundblur : unset ;
2019-09-19 12:56:54 +02:00
2021-05-03 16:23:08 +02:00
--popout : var ( --background ) ;
--popoutposition : var ( --backgroundposition ) ;
--popoutsize : var ( --backgroundsize ) ;
--popoutblur : var ( --backgroundblur ) ;
2019-12-18 09:36:29 +01:00
2021-05-03 16:23:08 +02:00
--backdrop : rgba ( 0 , 0 , 0 , 0 . 85 ) ;
2021-06-26 21:00:04 +02:00
--backdropposition : center ;
--backdropsize : cover ;
--backdropblur : unset ;
2019-09-19 12:56:54 +02:00
}
2022-08-30 17:29:09 +02:00
. theme-light , . theme-dark , . theme-amoled {
2021-05-11 11:28:22 +02:00
--text-positive : rgb ( var ( --successcolor ) ) ;
--text-warning : rgb ( var ( --warningcolor ) ) ;
--text-danger : rgb ( var ( --dangercolor ) ) ;
--info-positive-background : rgba ( var ( --successcolor ) , . 1 ) ;
--info-positive-foreground : rgb ( var ( --successcolor ) ) ;
--info-positive-text : # fff ;
--info-warning-background : rgba ( var ( --warningcolor ) , . 1 ) ;
--info-warning-foreground : rgb ( var ( --warningcolor ) ) ;
--info-warning-text : # fff ;
--info-danger-background : rgba ( var ( --dangercolor ) , . 1 ) ;
--info-danger-foreground : rgb ( var ( --dangercolor ) ) ;
--info-danger-text : # fff ;
2022-04-11 11:22:41 +02:00
--status-positive : rgb ( var ( --successcolor ) ) ;
2021-05-11 11:28:22 +02:00
--status-positive-background : rgb ( var ( --successcolor ) ) ;
--status-positive-text : # fff ;
2022-04-11 11:22:41 +02:00
--status-warning : rgb ( var ( --warningcolor ) ) ;
2021-05-11 11:28:22 +02:00
--status-warning-background : rgb ( var ( --warningcolor ) ) ;
--status-warning-text : # fff ;
2022-04-11 11:22:41 +02:00
--status-danger : rgb ( var ( --dangercolor ) ) ;
2021-05-11 11:28:22 +02:00
--status-danger-background : rgb ( var ( --dangercolor ) ) ;
--status-danger-text : # fff ;
2021-05-06 12:41:18 +02:00
--header-primary : rgb ( var ( --textbrightest ) ) ;
--header-secondary : rgb ( var ( --textbright ) ) ;
--text-normal : rgb ( var ( --textbrighter ) ) ;
--text-muted : rgb ( var ( --textdarker ) ) ;
--channels-default : rgb ( var ( --textdark ) ) ;
--interactive-normal : rgb ( var ( --textbright ) ) ;
--interactive-hover : rgb ( var ( --textbrighter ) ) ;
--interactive-active : rgb ( var ( --textbrightest ) ) ;
--interactive-muted : rgb ( var ( --textdarkest ) ) ;
2021-05-11 11:28:22 +02:00
--logo-primary : rgb ( var ( --textbrightest ) ) ;
2022-07-07 16:45:33 +02:00
--modal-background : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-05-14 09:43:40 +02:00
--background-accent : rgba ( var ( --transparencycolor ) , . 1 ) ;
--background-primary : rgba ( var ( --transparencycolor ) , . 2 ) ;
--background-secondary : rgba ( var ( --transparencycolor ) , . 3 ) ;
--background-secondary-alt : rgba ( var ( --transparencycolor ) , . 35 ) ;
2021-05-11 11:28:22 +02:00
--background-tertiary : rgba ( var ( --transparencycolor ) , . 4 ) ;
--background-floating : rgba ( var ( --transparencycolor ) , . 5 ) ;
2022-03-24 17:49:33 +01:00
--background-mobile-primary : rgba ( var ( --transparencycolor ) , . 2 ) ;
--background-mobile-secondary : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-11 11:28:22 +02:00
--background-modifier-accent : rgba ( var ( --textbrightest ) , . 1 ) ;
2022-04-11 11:22:41 +02:00
--background-message-automod : rgba ( var ( --dangercolor ) , . 05 ) ;
--background-message-automod-hover : rgba ( var ( --dangercolor ) , . 1 ) ;
2022-04-21 19:42:18 +02:00
--channeltextarea-background : rgba ( var ( --transparencycolor ) , . 3 ) ;
--input-background : rgba ( var ( --transparencycolor ) , . 1 ) ;
2021-05-06 12:41:18 +02:00
--elevation-low : 0 1px 5px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
--elevation-high : 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-13 21:43:11 +02:00
--font-primary : var ( --font ) ! important ;
--font-display : var ( --font ) ! important ;
2019-09-19 21:23:08 +02:00
}
2021-09-28 12:28:25 +02:00
html {
color : var ( --header-primary ) ;
}
2019-09-19 12:56:54 +02:00
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
/ *
1 . TRANSPARENCY
2 . BACKGROUND
3 . TITLEBAR
4 . GUILDLIST
5 . CHANNELLIST
1 . GUILDHEADER
2 . CHANNELS
3 . DMCHANNELS
4 . ACCOUNT / VOICE / GOLIVE
6 . CHAT
1 . CHANNELHEADER
2 . MESSAGES
1 . MESSAGE
2 . EMBEDS
3 . NITROGIFT
4 . INVITE
3 . TEXTAREA
4 . AUTOCOMPLETEMENU
5 . MEMBERLIST
6 . SEARCHPAGE
2022-03-30 13:44:48 +02:00
7 . CHAT SIDEBAR
2021-07-24 22:12:11 +02:00
8 . CALL
9 . UNAVAILABLESCREEN
2020-03-26 00:42:57 +01:00
7 . PEOPLES
8 . STORE / NITRO
9 . LIBRARY
2021-09-28 12:28:25 +02:00
10 . DISCOVERY / UNIHUB
2020-03-26 00:42:57 +01:00
11 . USERSETTINGS
12 . GUILDSETTINGS
13 . MODALS
2019-09-19 12:56:54 +02:00
1 . USERMODAL
2 . GUILDADD / CREATION
3 . REGIONSELECTMODAL
4 . UPLOADMODAL
5 . KEYBOARDSHORTCUTSMODAL
6 . QUICKSWITCHER
2020-10-17 17:30:58 +02:00
7 . INVITEMODAL / GROUPCREATE
2019-09-20 13:29:31 +02:00
8 . LOGINSCREEN
2019-10-12 19:03:12 +02:00
9 . TERMACCEPTMODAL
2020-02-19 14:54:06 +01:00
10 . DOWNLOADAPPMODAL
2020-02-23 13:10:23 +01:00
11 . GUILDBOOSTMODAL
2020-10-18 23:17:42 +02:00
12 . REACTIONSMODAL
2022-07-08 16:22:05 +02:00
13 . GUILDWELCOMEMODAL
14 . GUILDRULESMODAL
15 . GUILDFEEDBACKMODAL
16 . SCREENSHAREMODAL
17 . PHONEVERIFICATIONMODAL
18 . NOTIFICATIONSMODAL
19 . DISCOVERYENTRYMODAL
20 . NITROFEATUREMODAL
2022-07-10 00:08:03 +02:00
21 . DIRECTORYMODAL
2020-03-26 00:42:57 +01:00
14 . POPOUTS
2019-09-19 12:56:54 +02:00
1 . CONTEXTMENU
2 . USERPOPOUT
3 . EMOJIPICKER
4 . PINS / MENTIONS
5 . SEARCHPOPOUT
2019-09-26 10:28:46 +02:00
6 . COLORPICKER
2019-10-14 15:57:38 +02:00
7 . ADDROLE
2020-01-30 10:22:32 +01:00
8 . EVERYONEMENTION
2020-03-25 20:19:24 +01:00
9 . CHANNELFOLLOW
10 . CHANNELFOLLOWINFO
2020-09-12 17:50:02 +02:00
11 . EMOJIINFO
2020-10-06 20:16:58 +02:00
12 . STREAMPREVIEW
2021-03-19 23:23:44 +01:00
13 . STREAMINFO
14 . PUBLICGUILDANNOUNCEMENT
2021-05-06 21:30:35 +02:00
15 . RTCSTATUSPOPOUT
16 . PHONE- / EMAILVALIDATION
2021-05-07 17:07:56 +02:00
17 . QUICKSELECTPOPOUT
2021-05-15 12:30:19 +02:00
18 . WARNINGPOPOUT
2021-11-09 17:21:22 +01:00
19 . ACTIVETHREADLISTPOPOUT
2022-09-09 14:27:08 +02:00
20 . ROLEMEMBERSPOPOUT
2022-11-03 14:51:36 +01:00
21 . FORUMFILTERPOPOUT
2020-03-26 00:42:57 +01:00
15 . GENERAL
2019-09-19 12:56:54 +02:00
1 . TEXT
2 . BUTTONS
3 . INPUTS
4 . SEARCHBARS
5 . TAGS
6 . ICONS
7 . SCROLLBARS
8 . NOTIFICATIONBAR
9 . TOOLTIPS
2020-03-26 00:42:57 +01:00
16 . BDSUPPORT
2021-02-03 13:00:57 +01:00
17 . POWERCORDSUPPORT
18 . PLUGINSUPPORT
2021-02-03 13:11:47 +01:00
1 . BDFDB
2 . DATEVIEWER
2021-05-13 21:18:23 +02:00
3 . MEMBERCOUNT
4 . LINENUMBERS
5 . PERMISSIONVIEWER
6 . DIRECTDOWNLOAD
7 . BETTERFORMATINGREDUX
8 . CHANNELHISTORY
9 . CHANNELTABS
10 . TYPINGINDICATOR
11 . BADGESEVERYWHERE
2022-03-24 17:49:33 +01:00
12 . CHANNELDMS
2021-02-03 13:00:57 +01:00
19 . UPDATENOTICE
20 . WATERMARK
2019-09-19 12:56:54 +02:00
* /
/* ~~~~ 1. TRANSPARENCY ~~~~ */
body , /* body */
2022-01-11 15:06:27 +01:00
# app-mount . app-3xd6d0 , /* app container */
# app-mount . app-2CXKsg , /* app inner */
# app-mount . loading-1yrGTe , /* app i18n loading */
# app-mount . wrapper-3AZUiP , /* app errorscreen */
# app-mount . bg-1QIAus , /* app background */
# app-mount . layer-86YKbF , /* layer container */
# app-mount . container-2o3qEW , /* layer container */
# app-mount . container-1NXEtd , /* channels inner */
# app-mount . privateChannels-oVe7HL , /* dmchannels */
# app-mount . panels-3wFtMD > * , /* account/voice inner */
2022-01-11 15:32:34 +01:00
# app-mount . chat-2ZfjoI , /* chat container */
2022-12-17 12:40:35 +01:00
# app-mount . container-3wLKDe , /* chat forums */
# app-mount . container-2IKOsH , /* chat search */
# app-mount . container-1um7CU , /* chat search inner */
2022-01-11 18:37:55 +01:00
# app-mount . container-3XgAHv , /* chat thread sidebar */
2022-01-11 15:06:27 +01:00
# app-mount . wrapper-3HVHpV , /* chat messages loading */
2019-09-19 12:56:54 +02:00
# app-mount . noChannel-Z1DQK7 , /* nochannel */
2022-01-11 15:06:27 +01:00
# app-mount . members-3WRCEx , /* members */
# app-mount . members-3WRCEx > div , /* members content */
# app-mount . content-3_h0XI , /* unavailable */
2022-01-10 12:22:09 +01:00
# app-mount . container-2cd8Mz , /* peoples */
2022-01-11 15:06:27 +01:00
# app-mount . container-1oAagU , /* peoples activity list */
# app-mount . applicationStore-2nk7Lo , /* nitro */
# app-mount . pageWrapper-2PwDoS , /* guilddiscovery */
2021-09-28 12:28:25 +02:00
# app-mount . pageWrapper-1x6lGh , /* unihub */
2022-01-11 15:06:27 +01:00
# app-mount . scrollerBase-_bVAAt , /* scroller */
2020-08-26 15:45:38 +02:00
# app-mount . scroller-2FKFPG , /* scroller old */
2022-01-11 15:06:27 +01:00
# app-mount . standardSidebarView-E9Pc3j , /* settings */
# app-mount . contentRegion-3HkfJJ { /* settings content */
2019-09-19 12:56:54 +02:00
background : transparent ;
}
2022-01-11 15:06:27 +01:00
# app-mount . scroller-hE2gWq { /* peoples activity scroller */
2021-05-13 20:58:14 +02:00
border : none ;
}
2022-01-11 15:06:27 +01:00
# app-mount . sidebarRegion-1VBisG , /* settings sidebar */
2020-08-04 12:17:56 +02:00
# app-mount . sidebar-_0OpfR { /* sidebarlist sidebar */
2021-07-29 05:39:45 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( 0 . 2 * ( var ( --transparencyalpha ) / ( var ( --transparencyalpha ) + 0 . 00000000000000000000001 ) ) ) ) ;
2020-08-04 12:17:56 +02:00
}
2019-09-24 11:47:20 +02:00
2019-09-19 12:56:54 +02:00
# app-mount { /* app-mount */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , var ( --transparencyalpha ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . wrapper-1_HaEi { /* guilds container */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --guildchanneltransparency ) * 2 ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . sidebar-1tnWFu { /* channels container */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , var ( --guildchanneltransparency ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . panels-3wFtMD { /* account/voice container */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --guildchanneltransparency ) / 1 . 5 ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . container-ZMc96U . themed-Hp1KC_ { /* channelheader container */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , var ( --guildchanneltransparency ) ) ;
2019-09-24 11:47:20 +02:00
}
2022-03-30 13:44:48 +02:00
# app-mount . chatHeaderBar-qygUNT { /* channelheader sub header */
background-color : rgba ( var ( --transparencycolor ) , var ( --guildchanneltransparency ) ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . membersWrap-3NUR2t { /* members container */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , var ( --memberlisttransparency ) ) ;
2019-09-19 12:56:54 +02:00
}
2020-07-29 18:13:00 +02:00
# app-mount . tabBar-fg4VK9 { /* members tabbar */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , var ( --memberlisttransparency ) ) ;
2020-07-29 18:13:00 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . nowPlayingColumn-1eCBCN { /* peoples now playing */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , var ( --memberlisttransparency ) ) ;
2020-01-24 18:50:34 +01:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . image-35kDIs { /* app errorscreen image */
2021-04-03 16:55:17 +02:00
background-image : url ( https : / / discord . com / assets / e9baf4b505eb54129f832556ea16538e . svg ) ;
2019-09-19 20:17:19 +02:00
opacity : 0 . 6 ;
}
2019-09-19 12:56:54 +02:00
/* ~~~~ 2. BACKGROUND ~~~~ */
2021-06-26 16:48:42 +02:00
body :: before ,
body :: after {
2018-10-24 21:35:17 +02:00
content : "" ;
2021-04-21 17:42:07 +02:00
position : fixed ;
2018-10-24 21:35:17 +02:00
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
2021-06-26 17:05:43 +02:00
pointer-events : none ;
2021-06-26 16:48:42 +02:00
z-index : -1 ;
}
body :: before {
2021-05-03 16:23:08 +02:00
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
2021-06-26 16:48:42 +02:00
}
body :: after {
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. layer-86YKbF {
2021-09-11 19:35:49 +02:00
z-index : 1000 ;
}
2022-01-11 15:32:34 +01:00
. container-2RRFHK :: before ,
2022-01-11 15:06:27 +01:00
. layer-86YKbF ~ . layer-86YKbF :: before ,
. root-2zfUH6 :: before ,
2022-01-11 15:32:34 +01:00
. container-2RRFHK :: after ,
2022-01-11 15:06:27 +01:00
. layer-86YKbF ~ . layer-86YKbF :: after ,
. root-2zfUH6 :: after {
2021-07-01 22:49:45 +02:00
content : "" ;
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
. container-2RRFHK :: before ,
2022-01-11 15:06:27 +01:00
. layer-86YKbF ~ . layer-86YKbF :: before ,
. root-2zfUH6 :: before {
2021-07-01 22:49:45 +02:00
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. container-2RRFHK :: after ,
2022-01-11 15:06:27 +01:00
. layer-86YKbF ~ . layer-86YKbF :: after ,
. root-2zfUH6 :: after {
2021-07-01 22:49:45 +02:00
background-color : rgba ( var ( --transparencycolor ) , var ( --transparencyalpha ) ) ;
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
}
2022-01-11 15:32:34 +01:00
. uploadArea-2Nu_Vc ,
2022-01-11 15:06:27 +01:00
. backdrop-1BR_bn ,
. backdrop-2ByYRN {
2021-06-26 21:00:04 +02:00
background : transparent ! important ;
opacity : 1 ! important ;
animation : none ! important ;
}
2022-01-11 15:32:34 +01:00
. uploadArea-2Nu_Vc :: before ,
2022-01-11 15:06:27 +01:00
. backdrop-1BR_bn :: before ,
. backdrop-2ByYRN :: before ,
2022-01-11 15:32:34 +01:00
. uploadArea-2Nu_Vc :: after ,
2022-01-11 15:06:27 +01:00
. backdrop-1BR_bn :: after ,
. backdrop-2ByYRN :: after {
2021-04-21 17:42:07 +02:00
content : "" ;
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
pointer-events : none ;
2021-06-26 21:00:04 +02:00
z-index : -2 ;
2021-04-22 10:08:38 +02:00
}
2022-01-11 15:32:34 +01:00
. uploadArea-2Nu_Vc :: before ,
2022-01-11 15:06:27 +01:00
. backdrop-1BR_bn :: before ,
. backdrop-2ByYRN :: before {
2021-06-26 21:00:04 +02:00
background : var ( --backdrop ) var ( --backdropposition ) / var ( --backdropsize ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. uploadArea-2Nu_Vc :: after ,
2022-01-11 15:06:27 +01:00
. backdrop-1BR_bn :: after ,
. backdrop-2ByYRN :: after {
2021-06-26 21:00:04 +02:00
backdrop-filter : blur ( var ( --backdropblur ) ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. withLayer-2VVmpp {
2019-09-19 12:56:54 +02:00
z-index : -1 ;
2019-07-29 22:06:38 +02:00
}
2019-09-19 12:56:54 +02:00
/* ~~~~ 3. TITLEBAR ~~~~ */
2022-01-11 15:06:27 +01:00
. titleBar-1it3bQ {
2020-08-26 16:14:26 +02:00
z-index : 5001 ;
2019-07-24 09:04:50 +02:00
}
2022-01-11 15:06:27 +01:00
. titleBar-1it3bQ :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
pointer-events : none ;
position : absolute ;
z-index : -1 ;
top : 0 ;
left : 0 ;
width : 100 % ;
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( 0 . 1 + var ( --guildchanneltransparency ) * 2 ) ) ;
2019-07-24 09:04:50 +02:00
}
2022-01-11 15:32:34 +01:00
. titleBar-1it3bQ : not ( . typeMacOS-3V4xXE ) :: after {
2019-09-19 12:56:54 +02:00
height : 22px ;
2019-07-25 10:23:06 +02:00
}
2022-01-11 15:32:34 +01:00
. titleBar-1it3bQ . typeMacOS-3V4xXE :: after {
2020-08-26 16:14:26 +02:00
height : 28px ;
width : calc ( 100 % - 4px ) ;
margin : 2px ;
border-radius : 5px ;
2019-07-25 10:23:06 +02:00
}
2022-01-11 15:32:34 +01:00
. titleBar-1it3bQ . typeMacOS-3V4xXE ,
. titleBar-1it3bQ . typeMacOS-3V4xXE . macButtons-eIdy0e {
2019-09-19 12:56:54 +02:00
width : 72px ;
}
2022-01-11 15:32:34 +01:00
. titleBar-1it3bQ . typeMacOS-3V4xXE . typeMacOSWithFrame-1XEpN7 . macButtons-eIdy0e {
2019-09-19 12:56:54 +02:00
margin-top : 0 ;
margin-right : 0 ;
2019-05-22 10:31:02 +02:00
}
2022-01-11 15:06:27 +01:00
. platform-osx . wrapper-1_HaEi {
2020-08-26 16:14:26 +02:00
margin-top : 0 ;
padding-top : 32px ;
}
2022-01-11 15:06:27 +01:00
. platform-osx . standardSidebarView-E9Pc3j :: before {
2020-08-26 16:14:26 +02:00
left : 72px ;
}
2022-01-11 15:32:34 +01:00
. winButtonMinMax-3RsPUg : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-05-01 21:46:13 +02:00
}
2019-02-04 12:15:46 +01:00
2019-09-19 12:56:54 +02:00
/* ~~~~ 4. GUILDLIST ~~~~ */
2022-10-12 10:36:49 +02:00
. childWrapper-1j_1ub { /* homebutton/acronym innerwrap */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
font-weight : 500 ;
2018-12-14 00:14:32 +01:00
}
2022-01-11 15:06:27 +01:00
. wrapper-3kah-n : hover . childWrapper-1j_1ub ,
2022-10-12 10:36:49 +02:00
. wrapper-3kah-n . selected-1Drb7Z . childWrapper-1j_1ub {
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2019-12-18 10:55:02 +01:00
}
2022-01-11 15:06:27 +01:00
. wrapper-3kah-n rect [ fill ] {
2021-12-09 22:14:47 +01:00
fill : rgba ( var ( --transparencycolor ) , . 3 ) ;
}
2022-01-11 15:06:27 +01:00
. noIcon-3gSX9V { /* acronym minicontainer */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2021-03-25 16:35:59 +01:00
. circleIconButton-1QV--U { /* guildadd/discovery innerwrap */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2021-03-26 12:41:33 +01:00
. guildIconUnavailable-3IYARS , /* guilderror miniicon */
2022-01-11 15:06:27 +01:00
. guildsError-YJjW3A { /* guilderror innerwrap */
2021-05-11 11:28:22 +02:00
background-color : rgba ( var ( --dangercolor ) ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2021-03-25 16:35:59 +01:00
. dragInner-Oq_toX { /* dragplaceholder */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. wrapper-38slSD { /* folder outerwrap */
2019-09-19 12:56:54 +02:00
margin-bottom : 8px ;
2018-10-11 10:21:26 +02:00
}
2021-03-25 16:35:59 +01:00
. folder-1hbNCn { /* folder iconwrap */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-03-25 14:13:02 +01:00
}
2021-03-25 16:35:59 +01:00
. folder-1hbNCn . hover-qTxTR_ {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. expandedFolderBackground-1kSAf6 { /* folder background */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
border-radius : 15px 15px 24px 24px ;
top : 0 ;
bottom : 0 ;
2020-12-22 18:09:12 +01:00
margin-bottom : 8px ;
2019-09-19 12:56:54 +02:00
transition : border-radius 3s ease , background-color 1s ease ;
}
2022-01-11 15:06:27 +01:00
. expandedFolderBackground-1kSAf6 . hover-qTxTR_ {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2019-05-01 21:21:11 +02:00
}
2022-01-11 15:06:27 +01:00
. wrapper-1_HaEi . wrapper-38slSD [ role = "group" ] { /* folder guildwrap */
2020-12-22 18:09:12 +01:00
margin-bottom : -8px ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. wrapper-1_HaEi . wrapper-38slSD [ role = "group" ] . listItem-GuPuDH : last-child {
2019-09-19 12:56:54 +02:00
margin-bottom : 0 ;
2018-12-26 20:56:57 +01:00
}
2022-01-11 15:06:27 +01:00
. bar-2eAyLE { /* guild/channelbar inner */
2021-05-06 12:41:18 +02:00
box-shadow : 0 2px 6px rgba ( var ( --transparencycolor ) , . 24 ) ;
2019-09-11 21:19:43 +02:00
}
2022-01-11 15:32:34 +01:00
. bar-2eAyLE : not ( . mention-3XBnnZ ) {
2020-11-24 10:38:02 +01:00
background-color : transparent ;
2019-09-19 12:56:54 +02:00
overflow : hidden ;
2019-09-11 21:19:43 +02:00
}
2022-01-11 15:32:34 +01:00
. bar-2eAyLE : not ( . mention-3XBnnZ ) :: before ,
. bar-2eAyLE : not ( . mention-3XBnnZ ) :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
2020-11-02 23:51:53 +01:00
pointer-events : none ;
z-index : -1 ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
. bar-2eAyLE : not ( . mention-3XBnnZ ) :: before {
2021-06-26 17:05:43 +02:00
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. bar-2eAyLE : not ( . mention-3XBnnZ ) :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 1 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
2020-11-24 10:38:02 +01:00
}
2022-01-11 15:32:34 +01:00
. sidebar-1tnWFu . bar-2eAyLE : not ( . mention-3XBnnZ ) :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + var ( --guildchanneltransparency ) * 0 . 85 + 0 . 1 ) ) ;
2020-11-24 10:38:02 +01:00
}
2022-01-11 15:32:34 +01:00
. wrapper-1_HaEi . bar-2eAyLE : not ( . mention-3XBnnZ ) :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + var ( --guildchanneltransparency ) * 1 . 9 + 0 . 1 ) ) ;
2020-11-24 10:38:02 +01:00
}
2022-07-05 17:19:26 +02:00
. fixedBottomList-1yrBla {
background : transparent ! important ;
box-shadow : none ! important ;
}
. fixedBottomList-1yrBla :: before ,
. fixedBottomList-1yrBla :: after {
content : "" ;
position : relative ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
pointer-events : none ;
z-index : -1 ;
}
. fixedBottomList-1yrBla :: before {
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
background-attachment : fixed ;
}
. fixedBottomList-1yrBla :: after {
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --guildchanneltransparency ) * 2 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
}
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
/* ~~~~ 5. CHANNELLIST ~~~~ */
2022-01-11 15:06:27 +01:00
# app-mount . sidebar-1tnWFu { /* channels container */
2019-09-19 12:56:54 +02:00
border-radius : 0 ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
/* ---- 5.1. GUILDHEADER ---- */
2022-01-11 15:06:27 +01:00
. container-1-ERn5 . animatedContainer-2laTjx { /* banner wrap */
2019-09-19 12:56:54 +02:00
background : none ;
box-shadow : none ;
}
. bannerImage-1jOskm { /* banner image */
-webkit-mask : linear-gradient ( rgba ( 0 , 0 , 0 , 0 . 9 ) 70 % , rgba ( 0 , 0 , 0 , 0 ) 100 % ) ;
}
2020-10-19 10:38:04 +02:00
. bannerImage-1jOskm :: before {
2019-09-19 12:56:54 +02:00
display : none ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. header-3OsQeK , /* header inner */
. searchBar-3TnChZ { /* header searchbar */
2021-05-06 12:41:18 +02:00
box-shadow : 0 1px 0 rgba ( var ( --transparencycolor ) , . 2 ) , 0 1 . 5px 0 rgba ( var ( --transparencycolor ) , . 05 ) , 0 2px 0 rgba ( var ( --transparencycolor ) , . 05 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. searchBar-3TnChZ . searchBarComponent-3N7dCG { /* header searchbarinner */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. clickable-vvKY2q : not ( . hasBanner-2IrYih ) . header-3OsQeK : hover ,
. selected-1GtAC5 : not ( . hasBanner-2IrYih ) . header-3OsQeK {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2021-09-11 19:35:49 +02:00
. container-3O_wAf ,
2022-01-11 15:32:34 +01:00
. channelNotice-tO6Tus { /* notice container */
2021-05-06 12:41:18 +02:00
box-shadow : inset 0 -1px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2021-09-11 19:35:49 +02:00
. container-3O_wAf ,
2022-01-11 15:32:34 +01:00
. channelNotice-tO6Tus . invite-OjTXrW ,
. channelNotice-tO6Tus . guildMFAWarning-3GEzs8 ,
. channelNotice-tO6Tus . maxMembersCount-3E4zND ,
2020-12-28 18:24:49 +01:00
. channelNotice-3DDmsB ,
# app-mount . channelNotice-3hkOiI {
2020-12-27 15:44:50 +01:00
background : transparent ;
}
2022-01-11 15:32:34 +01:00
. channelNotice-tO6Tus . invite-OjTXrW :: before {
2020-12-28 17:23:59 +01:00
opacity : 0 . 6 ;
2021-04-03 16:55:17 +02:00
background : url ( https : / / discord . com / assets / bf625d222187f542b9d7179109422e2c . svg ) center 20px no-repeat ;
2020-12-27 15:44:50 +01:00
}
2022-01-11 15:32:34 +01:00
. channelNotice-tO6Tus . guildMFAWarning-3GEzs8 :: before {
2020-12-28 17:23:59 +01:00
opacity : 0 . 6 ;
2021-04-03 16:55:17 +02:00
background : url ( https : / / discord . com / assets / 916a384814e3bbd2a84e2a1b352a17c3 . svg ) center 20px no-repeat ;
2020-12-28 18:24:49 +01:00
}
2022-01-11 15:32:34 +01:00
. channelNotice-tO6Tus . quickswitcher-35bYg4 :: before {
2020-12-28 18:24:49 +01:00
opacity : 0 . 6 ;
2020-12-27 15:44:50 +01:00
}
2022-01-11 15:32:34 +01:00
. channelNotice-tO6Tus . maxMembersCount-3E4zND :: before {
2020-12-28 17:23:59 +01:00
opacity : 0 . 6 ;
2021-04-03 16:55:17 +02:00
background : url ( https : / / discord . com / assets / 01f60394adffda20dc7270a1e3c727df . svg ) center 16px no-repeat ;
2020-12-28 18:24:49 +01:00
}
. channelNotice-3DDmsB :: before {
opacity : 0 . 6 ;
2021-04-03 16:55:17 +02:00
background : url ( https : / / discord . com / assets / 1858873f28bdc62dfb3a1f4b67d459bf . svg ) center top 20px / 153px no-repeat ;
2020-12-28 18:24:49 +01:00
}
# app-mount . channelNotice-3hkOiI :: before {
opacity : 0 . 6 ;
2021-04-03 16:55:17 +02:00
background : url ( https : / / discord . com / assets / 7065587bd42fd829925bf6aa4b36f5e2 . svg ) center top 22px / 220px no-repeat ;
2020-12-27 15:44:50 +01:00
}
2019-09-19 12:56:54 +02:00
/* ---- 5.2. CHANNELS ---- */
2022-01-11 15:06:27 +01:00
. wrapper-NhbLHG : hover . content-1gYQeQ { /* channel content */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2022-09-22 14:41:50 +02:00
. wrapper-NhbLHG : hover . content-1gYQeQ [ style * = "color: var(--text-muted)" ] {
color : var ( --header-secondary ) ! important ;
}
2022-01-11 15:06:27 +01:00
. modeSelected-3DmyhH . content-1gYQeQ ,
. modeSelected-3DmyhH : hover . content-1gYQeQ {
2021-05-06 12:41:55 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
text-shadow : 1px 1px var ( --textshadow ) ;
}
2022-09-22 14:41:50 +02:00
. modeSelected-3DmyhH . content-1gYQeQ [ style * = "color: var(--text-muted)" ] ,
. modeSelected-3DmyhH : hover . content-1gYQeQ [ style * = "color: var(--text-muted)" ] {
color : var ( --header-secondary ) ! important ;
}
2022-01-11 15:06:27 +01:00
. modeSelected-3DmyhH . content-1gYQeQ svg ,
. modeSelected-3DmyhH : hover . content-1gYQeQ svg {
2021-05-06 12:41:55 +02:00
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
}
2018-10-11 10:21:26 +02:00
2022-01-11 15:06:27 +01:00
. icon-2W8DHg { /* channel icon */
2021-05-06 12:47:10 +02:00
color : var ( --channels-default ) ;
}
2022-01-11 15:06:27 +01:00
. modeMuted-2T4MDZ . icon-2W8DHg {
2021-05-06 12:47:10 +02:00
color : var ( --interactive-muted ) ;
}
2022-01-11 15:06:27 +01:00
. modeMuted-2T4MDZ : hover . icon-2W8DHg ,
. wrapper-NhbLHG : hover . icon-2W8DHg {
2021-05-06 12:47:10 +02:00
color : var ( --interactive-hover ) ;
}
2022-01-11 15:06:27 +01:00
. modeConnected-NrO4cP . icon-2W8DHg ,
. modeConnected-NrO4cP : hover . icon-2W8DHg ,
. modeSelected-3DmyhH . icon-2W8DHg ,
. modeSelected-3DmyhH : hover . icon-2W8DHg ,
. modeUnread-3Cxepe . icon-2W8DHg ,
. modeUnread-3Cxepe : hover . icon-2W8DHg ,
. notInteractive-2tFrlE . modeConnected-NrO4cP . icon-2W8DHg ,
. notInteractive-2tFrlE . modeSelected-3DmyhH . icon-2W8DHg {
2021-05-06 12:47:10 +02:00
color : var ( --interactive-active ) ;
}
2022-01-11 15:06:27 +01:00
. modeConnected-NrO4cP . subtitle-3PyFgf , /* channel subtitle */
. modeConnected-NrO4cP : hover . subtitle-3PyFgf ,
. modeSelected-3DmyhH . subtitle-3PyFgf ,
. modeSelected-3DmyhH : hover . subtitle-3PyFgf ,
. modeUnread-3Cxepe . subtitle-3PyFgf ,
. modeUnread-3Cxepe : hover . subtitle-3PyFgf ,
. notInteractive-2tFrlE . modeConnected-NrO4cP . subtitle-3PyFgf ,
. notInteractive-2tFrlE . modeSelected-3DmyhH . subtitle-3PyFgf {
2021-05-07 12:14:40 +02:00
color : var ( --interactive-normal ) ;
}
2022-01-11 15:06:27 +01:00
. spine-29OFwR { /* channel thread spine */
2021-07-28 17:02:05 +02:00
color : var ( --channels-default ) ;
}
2021-05-06 12:47:10 +02:00
2022-01-11 15:06:27 +01:00
. wrapper-2fEmwW { /* voicechat limit */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 15 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. wrapper-2fEmwW . users-2JoyGL {
2019-09-19 12:56:54 +02:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
. wrapper-2fEmwW . total-1c5KCN {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. wrapper-2fEmwW . total-1c5KCN :: after {
2021-05-06 12:41:18 +02:00
border-right-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. listDefault-2F-w65 . clickable-1ctZ-H : hover . content-1Tgc42 {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2022-07-28 17:25:07 +02:00
# app-mount . streamPreview-I7itZ6 {
position : relative ;
background-color : transparent ;
color : var ( --header-secondary ) ;
overflow : hidden ;
}
. streamPreview-I7itZ6 :: before ,
. streamPreview-I7itZ6 :: after {
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
}
. streamPreview-I7itZ6 :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
. streamPreview-I7itZ6 :: after {
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur ) ) ;
}
# app-mount . previewContainer-35LFgt {
background-color : transparent ;
}
# app-mount . watchButton-2YRKxv {
border-color : var ( --header-secondary ) ;
color : var ( --header-secondary ) ;
}
# app-mount . watchButton-2YRKxv : not ( [ disabled ] ) : hover {
border-color : var ( --header-primary ) ;
color : var ( --header-primary ) ;
}
2019-09-19 12:56:54 +02:00
/* ---- 5.3. DMCHANNELS ---- */
2022-03-31 22:32:15 +02:00
. interactive-1vLZ_I : focus-within , /* dmchannel/page inner */
2022-12-09 14:00:16 +01:00
. interactive-1vLZ_I : hover ,
. snowsgivingLink-1TZi3c : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2022-03-31 22:32:15 +02:00
. selected-3veCBZ ,
. selected-3veCBZ : focus-within ,
2022-12-09 14:00:16 +01:00
. selected-3veCBZ : hover ,
. snowsgivingLink-1TZi3c : active {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2022-03-31 22:32:15 +02:00
color : var ( --header-primary ) ;
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2019-12-18 10:24:01 +01:00
}
2022-12-09 14:00:16 +01:00
. snowsgivingLink-1TZi3c {
border-radius : 4px ;
}
2022-03-31 22:32:15 +02:00
. selected-3veCBZ svg : not ( . svg-2azL_l ) {
2021-05-03 16:23:08 +02:00
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
2018-10-11 10:21:26 +02:00
}
2022-12-09 14:00:16 +01:00
. snowsgivingLink-1TZi3c : active . snowsgivingIcon-3d0pr1 {
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
}
. snowsgivingLink-1TZi3c : active . snowsgivingIcon-3d0pr1 path {
fill : var ( --header-primary ) ;
}
2019-12-19 10:26:15 +01:00
2022-01-11 15:06:27 +01:00
. empty-yQo7LQ { /* loadingplaceholders */
2021-05-06 12:41:18 +02:00
fill : rgba ( var ( --transparencycolor ) , . 4 ) ;
2019-09-19 14:29:45 +02:00
}
2019-09-19 12:56:54 +02:00
/* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */
2022-01-11 15:06:27 +01:00
. panels-3wFtMD > * , /* account/voice inner */
. panels-3wFtMD . wrapper-3Hk9OB > * { /* account/voice inner */
2019-09-19 12:56:54 +02:00
border : none ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. panels-3wFtMD > * : not ( : empty ) ~ * : not ( : empty ) {
2021-05-06 12:41:18 +02:00
border-top : 1px solid rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-03-08 21:11:30 +01:00
}
2022-01-11 15:06:27 +01:00
. button-12Fmur . enabled-9OeuTA { /* account/voice panel button */
2019-09-19 12:56:54 +02:00
opacity : 0 . 7 ;
}
2022-01-11 15:06:27 +01:00
. button-12Fmur . enabled-9OeuTA : hover {
2019-09-19 12:56:54 +02:00
opacity : 1 ;
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2019-02-24 10:41:42 +01:00
}
2022-04-08 11:41:55 +02:00
. withTagAsButton-OsgQ9L : hover ,
. withTagless-10ooWt : hover {
background-color : rgb ( var ( --accentcolor ) ) ;
}
2022-01-11 15:06:27 +01:00
. button-12Fmur . enabled-9OeuTA : hover svg {
2021-05-03 16:23:08 +02:00
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
2020-06-01 10:52:07 +02:00
}
2022-01-11 15:06:27 +01:00
. button-1EGGcP . buttonColor-3bP3fX {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-06-23 23:31:46 +02:00
}
2022-01-11 15:06:27 +01:00
. button-1EGGcP . buttonColor-3bP3fX : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-06-23 23:31:46 +02:00
}
2022-01-11 15:06:27 +01:00
. button-1EGGcP . buttonColor-3bP3fX . buttonActive-Uc1jHx ,
. button-1EGGcP . buttonColor-3bP3fX . buttonActive-Uc1jHx : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
text-shadow : 1px 1px var ( --textshadow ) ;
2020-06-23 23:31:46 +02:00
}
2022-01-11 15:06:27 +01:00
. button-1EGGcP . buttonColor-3bP3fX . buttonActive-Uc1jHx svg ,
. button-1EGGcP . buttonColor-3bP3fX . buttonActive-Uc1jHx : hover svg {
2021-05-03 16:23:08 +02:00
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
2020-06-23 23:31:46 +02:00
}
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
/* ~~~~ 6. CHAT ~~~~ */
2019-02-12 12:24:29 +01:00
2022-09-07 11:49:24 +02:00
. chat-2ZfjoI . threadSidebarOpen-1LSXvU { /* chat threadsidebar open */
2021-07-24 22:12:11 +02:00
border-radius : 0 ;
}
2022-10-11 14:02:10 +02:00
# app-mount . background-fkKrXt . container-2Hi7Km ,
# app-mount . background-fkKrXt . container-xwOzwi ,
# app-mount . background-fkKrXt . container-3rZ3XA ,
# app-mount . background-fkKrXt . icon-2IDTxf ,
# app-mount . background-fkKrXt . containerCard-2kwJKN ,
# app-mount . background-fkKrXt . containerCard-2kwJKN : hover ,
# app-mount . background-fkKrXt . interactiveCard-2iMtdk ,
# app-mount . container-3wLKDe . mainCard-3KBsBI ,
2022-12-17 12:40:35 +01:00
# app-mount . container-3wLKDe . sidebarCard-1Gn1ch ,
# app-mount . container-2IKOsH . channelRow-4X_3fi {
2022-11-22 01:59:05 +01:00
background-color : var ( --background-secondary ) ;
2022-10-11 14:02:10 +02:00
}
@ media ( max-width : 1300px ) {
. container-xwOzwi ,
. container-3rZ3XA {
background : none ! important ;
}
}
# app-mount . background-fkKrXt . containerCard-2kwJKN {
border-color : var ( --background-secondary ) ;
}
# app-mount . background-fkKrXt . container-3HMTms : hover ,
2022-12-17 12:40:35 +01:00
# app-mount . container-3wLKDe . pill-3pRQlO ,
# app-mount . container-2IKOsH . channelRow-4X_3fi : hover {
2022-10-11 14:02:10 +02:00
background : var ( --background-tertiary ) ;
}
2022-12-14 10:51:20 +01:00
. contentPreview-3fWiuC { /* forum list item */
border-color : rgb ( var ( --transparencycolor ) ) ;
}
# app-mount . textContentFooter-2JnNv8 { /* forum list item footer */
background : linear-gradient ( 0deg , rgba ( var ( --transparencycolor ) , . 5 ) , rgba ( var ( --transparencycolor ) , . 1 ) ) ;
}
. container-3YcgdM {
2022-09-07 11:49:24 +02:00
border-color : var ( --background-floating ) ;
}
. divider-AZrXIA { /* forum fat divider */
background : var ( --background-floating ) ;
}
2022-09-22 14:41:50 +02:00
# app-mount . container-2qVG6q . isOpen-2OXbFs { /* forum selected post */
background-color : rgb ( var ( --accentcolor ) ) ;
text-shadow : 1px 1px var ( --textshadow ) ;
}
# app-mount . container-2qVG6q . isOpen-2OXbFs . defaultColor-24IHKz ,
# app-mount . container-2qVG6q . isOpen-2OXbFs [ style * = "color: var(--header-secondary)" ] {
color : var ( --header-primary ) ! important ;
}
# app-mount . container-2qVG6q . isOpen-2OXbFs . author-22H8ZU a ,
# app-mount . container-2qVG6q . isOpen-2OXbFs [ style * = "color: var(--text-muted)" ] {
color : var ( --header-secondary ) ! important ;
}
2022-09-07 11:49:24 +02:00
2019-09-19 12:56:54 +02:00
/* ---- 6.1. CHANNELHEADER ---- */
2022-01-11 15:06:27 +01:00
. container-ZMc96U . themed-Hp1KC_ { /* header themedcontainer */
2021-05-15 12:30:19 +02:00
box-shadow : 0 1px 0 rgba ( var ( --transparencycolor ) , . 2 ) , 0 1 . 5px 0 rgba ( var ( --transparencycolor ) , . 05 ) , 0 2px 0 rgba ( var ( --transparencycolor ) , . 05 ) ;
2019-02-04 12:15:46 +01:00
}
2019-02-12 12:24:29 +01:00
2022-01-11 15:06:27 +01:00
. input-1nrc5P : focus { /* header dmchannelinput */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. input-1nrc5P : focus ,
. outer-1KB3kA : hover . input-1nrc5P {
2021-05-06 12:41:18 +02:00
box-shadow : inset 0 0 0 1px rgba ( var ( --transparencycolor ) , . 2 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. children-3xh0VB :: after { /* header topicgradient */
2019-09-19 12:56:54 +02:00
display : none ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
. akaBadge-3i7V3p { /* header aka */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-01-30 10:22:32 +01:00
}
2020-10-19 10:38:04 +02:00
. badge-2qGa_k :: after { /* header iconbadge red dot */
2020-05-08 10:40:28 +02:00
border : none ;
}
2022-01-11 15:06:27 +01:00
. searchBar-zdmu7v { /* header searchbar */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 12:10:06 +02:00
}
2021-05-06 12:41:18 +02:00
# app-mount . public-DraftEditorPlaceholder-root {
color : rgb ( var ( --textdarker ) ) ;
}
# app-mount . public-DraftEditorPlaceholder-hasFocus {
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . searchFilter-2UfsDk ,
# app-mount . searchAnswer-23w-CH {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-05-06 12:41:18 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
/* ---- 6.2. MESSAGES ---- */
2022-01-11 15:06:27 +01:00
. emptyChannelIcon-1YdEz2 { /* welcomemessage empty channelicon */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-05-22 20:08:56 +02:00
}
2020-06-09 15:21:14 +02:00
. card-1yV8cG { /* welcomemessage first steps card */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-01-28 09:13:31 +01:00
}
2020-06-09 15:21:14 +02:00
. card-1yV8cG : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2018-12-18 21:21:08 +01:00
}
2020-08-03 17:55:00 +02:00
2022-01-11 15:06:27 +01:00
. button-1kija8 : hover { /* welcomemessage edit channel */
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-05-06 17:50:44 +02:00
color : var ( --interactive-active ) ;
text-shadow : 1px 1px var ( --textshadow ) ;
2021-02-25 12:53:14 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . role-23oyrw { /* welcomemessage role */
2021-02-25 12:53:14 +01:00
background : transparent ;
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --textbrighter ) , . 6 ) ;
2021-02-25 12:53:14 +01:00
border-radius : 5px ;
height : 22px ;
padding : 0 5px ;
position : relative ;
}
2022-01-11 15:06:27 +01:00
# app-mount . role-23oyrw [ style * = "border-color: rgba(185, 187, 190, .6)" ] {
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --textbrighter ) , . 6 ) ! important ;
2021-02-25 12:53:14 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . role-23oyrw . roleColor-3cA0as { /* welcomemessage rolecircle */
2021-02-25 12:53:14 +01:00
position : absolute ;
2021-05-06 17:50:44 +02:00
background-color : var ( --text-normal ) ;
2021-02-25 12:53:14 +01:00
border-radius : 3px ;
opacity : 0 . 5 ;
height : 100 % ;
width : 100 % ;
margin : 0 ;
left : 0 ;
top : 0 ;
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
# app-mount . role-23oyrw : hover . roleColor-3cA0as {
2021-02-25 12:53:14 +01:00
opacity : 0 . 8 ;
}
2022-01-11 15:32:34 +01:00
# app-mount . role-23oyrw . roleColor-3cA0as [ style * = "background-color: rgb(185, 187, 190)" ] {
2021-05-06 17:50:44 +02:00
background-color : var ( --text-normal ) ! important ;
2021-02-25 12:53:14 +01:00
}
2022-01-11 15:06:27 +01:00
. divider-2rZFJK . hasContent-31hcsn { /* divider hascontent */
2021-07-13 02:02:26 +02:00
border-width : calc ( 1px * ( 1 - var ( --usechatbubbles ) ) ) ;
}
2022-01-11 15:06:27 +01:00
. divider-2rZFJK . hasContent-31hcsn :: before {
2021-07-13 02:02:26 +02:00
content : "" ;
position : absolute ;
top : -0 . 6rem ;
bottom : -0 . 6rem ;
right : -0 . 2rem ;
left : 0 ;
background : rgba ( var ( --transparencycolor ) , calc ( var ( --messagetransparency ) * 0 . 5 ) ) ;
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
. content-3spvdd { /* divider content */
2021-07-13 02:02:26 +02:00
position : absolute ;
background-color : transparent ;
padding : 2px 8px ;
width : unset ;
}
2022-01-11 15:06:27 +01:00
. content-3spvdd :: before ,
. content-3spvdd :: after {
2021-07-13 02:02:26 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
pointer-events : none ;
opacity : calc ( 1 - var ( --usechatbubbles ) ) ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. content-3spvdd :: before {
2021-07-13 02:02:26 +02:00
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. content-3spvdd :: after {
2021-07-13 02:02:26 +02:00
background-color : rgba ( var ( --transparencycolor ) , var ( --transparencyalpha ) ) ;
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
}
2022-01-11 15:06:27 +01:00
. unreadPill-3nEWYM { /* divider unreadpill */
2021-07-13 02:02:26 +02:00
border-radius : calc ( 4px * var ( --usechatbubbles ) ) 4px 4px calc ( 4px * var ( --usechatbubbles ) ) ;
padding-left : calc ( 4px * var ( --usechatbubbles ) + 1px * ( 1 - var ( --usechatbubbles ) ) ) ;
}
2022-01-11 15:06:27 +01:00
. unreadPillCap-2-iI4h { /* divider unreadpillcap */
2021-07-13 02:02:26 +02:00
opacity : calc ( 1 - var ( --usechatbubbles ) ) ;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
. hasMore-2mIMwb : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-23 12:01:10 +02:00
}
2022-01-11 15:32:34 +01:00
. jumpToPresentBar-1cEnH0 { /* bar jumptopresent */
2020-11-24 10:38:02 +01:00
background-color : transparent ;
2019-09-19 12:56:54 +02:00
overflow : hidden ;
opacity : 1 ;
2018-11-02 21:01:04 +01:00
}
2022-01-11 15:32:34 +01:00
. jumpToPresentBar-1cEnH0 :: before ,
. jumpToPresentBar-1cEnH0 :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
2020-11-02 23:51:53 +01:00
pointer-events : none ;
z-index : -1 ;
2018-11-10 14:02:26 +01:00
}
2022-01-11 15:32:34 +01:00
. jumpToPresentBar-1cEnH0 :: before {
2021-06-26 17:05:43 +02:00
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. jumpToPresentBar-1cEnH0 :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
2020-11-24 10:38:02 +01:00
}
2018-11-02 21:01:04 +01:00
2019-09-19 12:56:54 +02:00
/* ==== 6.2.1. MESSAGE ==== */
2018-10-11 10:21:26 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . message-G6O-Wv { /* message confirm modal */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-02-28 14:40:26 +01:00
box-shadow : none ;
}
2022-01-11 15:06:27 +01:00
. message-2CShn3 , /* message container */
2022-01-11 15:32:34 +01:00
. messagesWrapper-RpOMA3 . wrapper-30-Nkg , /* message upload placeholder */
2022-07-09 23:34:51 +02:00
. card-3x20HF . wrapper-30-Nkg , /* message home */
2022-01-11 15:06:27 +01:00
. wrapper-15CKyy , /* message loading */
. message-3g3FYR , /* message mention popout */
. message-372Ods , /* message inbox popout */
2022-01-11 15:32:34 +01:00
. message-G6O-Wv . wrapper-30-Nkg , /* message settings preview */
. messageGroupCozy-3v_RqN , /* message pin popout */
. message-24k8JL . wrapper-30-Nkg { /* message searchpage */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , var ( --messagetransparency ) ) ! important ;
2020-08-15 08:35:00 +02:00
contain : unset ;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:32:34 +01:00
. message-24k8JL . wrapper-30-Nkg { /* message searchpage */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --messagetransparency ) * 0 . 8 ) ) ! important ;
2021-01-09 16:59:29 +01:00
}
2022-01-11 15:06:27 +01:00
. message-2CShn3 . selected-2LX7Jy ,
. mouse-mode . message-2CShn3 : hover ,
. mouse-mode . full-motion . message-2CShn3 : hover ,
. mouse-mode . wrapper-15CKyy : hover ,
. mouse-mode . full-motion . wrapper-15CKyy : hover {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --messagetransparency ) * 1 . 2 * var ( --usechatbubbles ) + 0 . 3 * ( 1 - var ( --usechatbubbles ) ) ) ) ! important ;
2020-02-04 14:56:27 +01:00
}
2022-01-11 15:06:27 +01:00
. backgroundFlash-1X5jVs . message-2CShn3 { /* message jump flash */
2021-05-14 13:04:07 +02:00
position : relative ;
}
2022-01-11 15:06:27 +01:00
. backgroundFlash-1X5jVs . message-2CShn3 :: before {
2021-05-14 13:04:07 +02:00
content : "" ;
position : absolute ;
2021-05-18 12:01:04 +02:00
background : var ( --message-background-flash , transparent ) ;
2021-05-14 13:04:07 +02:00
top : 0 ;
right : 0 ;
bottom : 0 ;
2021-05-18 12:02:43 +02:00
left : 0 ;
2021-05-14 13:04:07 +02:00
z-index : 1 ;
2021-05-17 17:05:44 +02:00
pointer-events : none ;
2021-05-14 13:04:07 +02:00
}
2022-01-11 15:06:27 +01:00
. backgroundFlash-1X5jVs . cozyMessage-1DWF9U :: before {
2021-05-18 12:02:43 +02:00
left : calc ( -80px * var ( --usechatbubbles ) ) ;
}
2022-01-11 15:06:27 +01:00
. message-2CShn3 . ephemeral-2nDdnn , /* message localbot */
. message-2CShn3 . replying-eZ7p5z { /* message replying */
2021-05-14 13:04:07 +02:00
background-image : linear-gradient ( rgba ( var ( --accentcolor ) , calc ( 0 . 2 * ( 1 - var ( --usechatbubbles ) ) ) ) , rgba ( var ( --accentcolor ) , calc ( 0 . 2 * ( 1 - var ( --usechatbubbles ) ) ) ) ) ;
2020-02-07 13:50:04 +01:00
}
2022-01-11 15:06:27 +01:00
. message-2CShn3 . mentioned-Tre-dv { /* message mentioned */
2021-06-30 11:56:30 +02:00
background-image : linear-gradient ( rgba ( var ( --mentioncolor ) , calc ( 0 . 2 * ( 1 - var ( --usechatbubbles ) ) ) ) , rgba ( var ( --accentcolor ) , calc ( 0 . 2 * ( 1 - var ( --usechatbubbles ) ) ) ) ) ;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
. message-2CShn3 . ephemeral-2nDdnn :: before ,
. message-2CShn3 . replying-eZ7p5z :: before {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
. message-2CShn3 . mentioned-Tre-dv :: before {
2021-06-30 11:56:30 +02:00
background-color : rgb ( var ( --mentioncolor ) ) ;
}
2022-01-11 15:32:34 +01:00
. message-2CShn3 . mentioned-Tre-dv . contents-2MsGLg . messageContent-2t3eCI {
2020-01-30 10:22:32 +01:00
border-radius : 3px ;
2021-06-30 11:56:30 +02:00
background-color : rgba ( var ( --mentioncolor ) , calc ( 0 . 3 * var ( --usechatbubbles ) ) ) ;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . avatar-2e8lTP , /* message container avatar */
2022-01-11 15:06:27 +01:00
# app-mount . avatar-l9Txm5 { /* message loading avatar */
2020-05-06 08:33:11 +02:00
position : absolute ;
2020-10-27 15:46:46 +01:00
top : 2px ;
2021-05-03 16:23:08 +02:00
left : calc ( -70px * var ( --usechatbubbles ) + 16px ) ;
2020-02-28 18:22:36 +01:00
}
2022-11-22 02:01:24 +01:00
# app-mount . messageItemBody-2EpHAK . hasReply-2Cr4KE . avatar-2e8lTP ,
2022-01-11 15:32:34 +01:00
# app-mount . repliedMessage-3Z6XBG ~ * . avatar-2e8lTP {
2020-10-27 15:46:46 +01:00
top : 24px ;
}
2022-12-09 14:17:20 +01:00
# app-mount . container-3FojY8 . avatar-2e8lTP {
2021-05-03 16:23:08 +02:00
left : calc ( -10px * var ( --usechatbubbles ) ) ;
2020-02-28 18:22:36 +01:00
}
2022-12-09 14:17:12 +01:00
# app-mount . avatarDecoration-34OC0G { /* message avatar decoration */
position : absolute ;
top : 2px ;
left : calc ( -70px * var ( --usechatbubbles ) + 16px - ( 6 . 6666666px * var ( --decoration-to-avatar-ratio ) / 2 ) ) ;
}
# app-mount . container-3FojY8 . avatarDecoration-34OC0G {
left : calc ( -10px * var ( --usechatbubbles ) - ( 6 . 6666666px * var ( --decoration-to-avatar-ratio ) / 2 ) ) ;
}
2021-02-06 18:21:44 +01:00
2022-01-11 15:32:34 +01:00
# app-mount . replyBadge-LMm_Ic { /* message reply badge */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2020-11-17 18:40:02 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . spine-3OoQS_ {
2021-02-06 18:21:44 +01:00
width : 0px ;
top : 20px ;
2021-05-03 16:23:08 +02:00
right : calc ( 1px * ( -32 * var ( --usechatbubbles ) + -25 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2021-02-06 18:21:44 +01:00
left : unset ;
border : none ;
}
2022-01-11 15:32:34 +01:00
# app-mount . compact-2Nkcau . spine-3OoQS_ {
2021-02-06 18:21:44 +01:00
right : 0 ;
}
2022-01-11 15:32:34 +01:00
# app-mount . repliedMessage-3Z6XBG :: before , /* message reply spine */
# app-mount . repliedMessage-3Z6XBG :: after ,
2022-01-11 15:06:27 +01:00
# app-mount . spine-3OoQS_ :: before , /* message command spine */
# app-mount . spine-3OoQS_ :: after {
2021-07-28 16:58:08 +02:00
--avatar-size : 38px ;
2021-01-15 18:59:45 +01:00
--gutter : 16px ;
--spine-width : 2px ;
content : "" ;
display : block ;
position : absolute ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
top : 50 % ;
2020-11-17 18:40:02 +01:00
right : unset ;
2021-01-15 18:59:45 +01:00
bottom : 0 ;
2021-07-28 16:58:08 +02:00
left : calc ( -1 * var ( --avatar-size ) - ( 6px * var ( --usechatbubbles ) ) ) ;
2021-01-15 18:59:45 +01:00
width : calc ( var ( --avatar-size ) - 4px ) ;
2021-07-28 16:58:08 +02:00
margin : calc ( -1 * var ( --spine-width ) / 2 ) var ( --reply-spacing ) calc ( . 125rem - 4px ) calc ( -1 * var ( --spine-width ) / 2 ) ;
2021-01-15 18:59:45 +01:00
border-right : 0 solid var ( --background-accent ) ;
2021-02-06 19:54:38 +01:00
border-left : var ( --spine-width ) solid var ( --background-accent ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . repliedMessage-3Z6XBG :: before ,
# app-mount . repliedMessage-3Z6XBG :: after {
2021-01-15 18:59:45 +01:00
border-top : var ( --spine-width ) solid var ( --background-accent ) ;
2021-02-06 19:54:38 +01:00
border-bottom : 0 solid var ( --background-accent ) ;
2021-01-15 18:59:45 +01:00
border-top-left-radius : 6px ;
}
2022-01-11 15:06:27 +01:00
# app-mount . spine-3OoQS_ :: before ,
# app-mount . spine-3OoQS_ :: after {
2021-02-06 19:54:38 +01:00
border-top : 0 solid var ( --background-accent ) ;
border-bottom : var ( --spine-width ) solid var ( --background-accent ) ;
border-bottom-left-radius : 6px ;
}
2022-01-11 15:32:34 +01:00
# app-mount . compact-2Nkcau . repliedMessage-3Z6XBG :: before ,
# app-mount . compact-2Nkcau . repliedMessage-3Z6XBG :: after ,
# app-mount . compact-2Nkcau . spine-3OoQS_ :: before ,
# app-mount . compact-2Nkcau . spine-3OoQS_ :: after {
2021-01-15 18:59:45 +01:00
--avatar-size : 20px ;
2021-07-28 16:58:08 +02:00
left : calc ( -1 * var ( --avatar-size ) ) ;
2021-01-15 18:59:45 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . repliedMessage-3Z6XBG :: before ,
2022-01-11 15:06:27 +01:00
# app-mount . spine-3OoQS_ :: before {
2021-08-17 19:25:53 +02:00
border-color : rgba ( var ( --textbrighter ) , calc ( 0 . 3 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2021-01-15 18:59:45 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . repliedMessage-3Z6XBG :: after ,
2022-01-11 15:06:27 +01:00
# app-mount . spine-3OoQS_ :: after {
2021-08-17 19:25:53 +02:00
border-color : rgba ( var ( --transparencycolor ) , calc ( 0 . 5 * var ( --usechatbubbles ) ) ) ;
2021-01-15 18:59:45 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . compact-2Nkcau . repliedMessage-3Z6XBG :: before ,
# app-mount . compact-2Nkcau . spine-3OoQS_ :: before {
2021-08-17 19:25:53 +02:00
border-color : rgba ( var ( --textbrighter ) , . 3 ) ;
2021-01-15 18:59:45 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . compact-2Nkcau . repliedMessage-3Z6XBG :: after ,
# app-mount . compact-2Nkcau . spine-3OoQS_ :: after {
2021-08-17 19:25:53 +02:00
border-color : transparent ;
2020-10-27 15:46:46 +01:00
}
2021-02-06 18:21:44 +01:00
2022-01-11 15:32:34 +01:00
# app-mount . cozy-VmLDNB . hasThread-3h-KJV :: before , /* message thread spine */
# app-mount . cozy-VmLDNB . hasThread-3h-KJV :: after ,
# app-mount . compact-2Nkcau . hasThread-3h-KJV :: after {
2021-07-28 16:58:08 +02:00
--avatar-size : 38px ;
--gutter : 16px ;
--spine-width : 2px ;
content : "" ;
display : block ;
position : absolute ;
top : 2rem ;
bottom : 29px ;
left : calc ( var ( --avatar-size ) * ( 1 - var ( --usechatbubbles ) ) - var ( --avatar-size ) * var ( --usechatbubbles ) ) ;
width : calc ( var ( --avatar-size ) - 10px + ( 4px * var ( --usechatbubbles ) ) ) ;
margin : calc ( -1 * var ( --spine-width ) / 2 ) var ( --reply-spacing ) calc ( . 125rem - 4px ) calc ( -1 * var ( --spine-width ) / 2 ) ;
border-top : 0 solid var ( --background-accent ) ;
border-right : 0 solid var ( --background-accent ) ;
border-bottom : var ( --spine-width ) solid var ( --background-accent ) ;
border-left : var ( --spine-width ) solid var ( --background-accent ) ;
border-bottom-left-radius : 8px ;
}
2022-01-11 15:32:34 +01:00
# app-mount . cozy-VmLDNB . hasThread-3h-KJV :: before {
2021-08-17 19:25:53 +02:00
border-color : rgba ( var ( --textbrighter ) , calc ( 0 . 3 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2021-07-28 16:58:08 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . cozy-VmLDNB . hasThread-3h-KJV :: after {
2021-08-17 19:25:53 +02:00
border-color : rgba ( var ( --transparencycolor ) , calc ( 0 . 5 * var ( --usechatbubbles ) ) ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . message-2CShn3 . mentioned-Tre-dv . hasThread-3h-KJV :: before {
2021-08-17 19:25:53 +02:00
background-color : transparent ;
2021-07-28 16:58:08 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . compact-2Nkcau . hasThread-3h-KJV :: after {
2021-07-28 16:58:08 +02:00
left : calc ( var ( --avatar-size ) + 11px ) ;
width : calc ( var ( --avatar-size ) - 13px ) ;
border-color : rgba ( var ( --textbrighter ) , . 3 ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . compact-2Nkcau . hasThread-3h-KJV . contents-2MsGLg :: before {
2021-07-28 16:58:08 +02:00
border-color : rgba ( var ( --textbrighter ) , . 3 ) ;
}
2022-01-11 15:06:27 +01:00
. spine-2vt3pM {
2021-07-28 16:58:08 +02:00
border-color : rgba ( var ( --textbrighter ) , . 3 ) ;
}
2022-01-11 15:32:34 +01:00
. hasThread-3h-KJV . spine-2vt3pM {
2021-07-28 16:58:08 +02:00
display : none ;
}
2022-01-11 15:06:27 +01:00
. cozy-25GiHp . content-1UQFwj { /* message command content */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-02-06 18:21:44 +01:00
}
2022-01-11 15:32:34 +01:00
. cozy-VmLDNB . header-2jRmjb :: after , /* message container header */
2022-01-11 15:06:27 +01:00
. cozy-3hKWhq . header-35u4WP :: after { /* message loading header */
2020-02-28 18:22:36 +01:00
content : "" ;
position : absolute ;
top : 12px ;
left : -32px ;
border : 10px solid transparent ;
2021-05-03 16:23:08 +02:00
border-right : 12px solid rgba ( var ( --transparencycolor ) , var ( --messagetransparency ) ) ;
2020-02-28 18:22:36 +01:00
}
2022-01-11 15:32:34 +01:00
. cozy-VmLDNB . container-3FojY8 . header-2jRmjb :: after {
2020-02-28 18:22:36 +01:00
left : 40px ;
}
2022-01-11 15:32:34 +01:00
. messageGroupWrapper-1jf_7C . messageGroupCozy-3v_RqN . header-2jRmjb :: after {
2020-02-28 18:22:36 +01:00
top : 2px ;
}
2022-01-11 15:32:34 +01:00
. message-24k8JL . wrapper-30-Nkg . header-2jRmjb :: after {
2021-05-03 16:23:08 +02:00
border-right-color : rgba ( var ( --transparencycolor ) , calc ( var ( --messagetransparency ) * 0 . 8 ) ) ;
2021-01-09 16:59:29 +01:00
}
2022-01-11 15:32:34 +01:00
. cozy-VmLDNB . timestamp-p1Df1m . alt-1dvXnH {
2021-05-03 16:23:08 +02:00
left : calc ( -78px * var ( --usechatbubbles ) ) ;
2020-02-29 19:24:14 +01:00
}
2022-01-11 15:32:34 +01:00
. cozy-VmLDNB . iconContainer-2rPbqG {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , var ( --messagetransparency ) ) ;
2020-01-30 16:26:17 +01:00
border-radius : 50 % ;
2021-05-03 16:23:08 +02:00
left : calc ( 1px * ( -58 * var ( --usechatbubbles ) + -48 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2021-07-24 20:56:27 +02:00
height : 25px ! important ;
width : 25px ! important ;
2021-02-06 18:04:11 +01:00
margin : unset ;
margin-right : 1rem ;
2020-02-28 14:40:26 +01:00
padding : 0 ;
2020-01-30 16:26:17 +01:00
}
2022-01-11 15:32:34 +01:00
. cozy-VmLDNB . blockedSystemMessage-3FmE9n . iconContainer-2rPbqG {
2020-04-11 18:28:22 +02:00
background-color : transparent ;
}
2022-01-11 15:32:34 +01:00
. cozy-VmLDNB . iconContainer-2rPbqG :: after {
2020-01-30 16:26:17 +01:00
content : "" ;
position : absolute ;
2020-02-28 14:40:26 +01:00
top : 2px ;
2020-02-07 14:05:06 +01:00
left : 26px ;
2020-01-30 16:26:17 +01:00
border : 10px solid transparent ;
2021-05-03 16:23:08 +02:00
border-right : 12px solid rgba ( var ( --transparencycolor ) , var ( --messagetransparency ) ) ;
2020-01-30 16:26:17 +01:00
}
2022-01-11 15:32:34 +01:00
. cozy-VmLDNB . blockedSystemMessage-3FmE9n . iconContainer-2rPbqG :: after {
2020-04-11 18:28:22 +02:00
display : none ;
}
2022-01-11 15:32:34 +01:00
. selected-2LX7Jy . message-2CShn3 . cozy-VmLDNB . header-2jRmjb :: after ,
. mouse-mode . message-2CShn3 . cozy-VmLDNB : hover . header-2jRmjb :: after ,
. mouse-mode . full-motion . message-2CShn3 . cozy-VmLDNB : hover . header-2jRmjb :: after ,
2022-01-11 15:06:27 +01:00
. mouse-mode . wrapper-15CKyy . cozy-3hKWhq : hover . header-35u4WP :: after ,
. mouse-mode . full-motion . wrapper-15CKyy . cozy-3hKWhq : hover . header-35u4WP :: after ,
2022-01-11 15:32:34 +01:00
. selected-2LX7Jy . message-2CShn3 . cozy-VmLDNB . iconContainer-2rPbqG :: after ,
. mouse-mode . message-2CShn3 . cozy-VmLDNB : hover . iconContainer-2rPbqG :: after ,
. mouse-mode . full-motion . message-2CShn3 . cozy-VmLDNB : hover . iconContainer-2rPbqG :: after {
2021-05-03 16:23:08 +02:00
border-right-color : rgba ( var ( --transparencycolor ) , calc ( var ( --messagetransparency ) * 1 . 2 ) ) ;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . mentioned-Tre-dv . cozy-VmLDNB . header-2jRmjb :: after {
2021-08-11 12:09:14 +02:00
border-right-color : rgba ( var ( --mentioncolor ) , calc ( var ( --messagetransparency ) * 100000000000000000000000000000 ) ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . ephemeral-2nDdnn . cozy-VmLDNB . header-2jRmjb :: after ,
# app-mount . replying-eZ7p5z . cozy-VmLDNB . header-2jRmjb :: after {
2021-05-03 16:23:08 +02:00
border-right-color : rgba ( var ( --accentcolor ) , calc ( var ( --messagetransparency ) * 100000000000000000000000000000 ) ) ;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
. message-3g3FYR ,
. message-372Ods ,
2022-01-11 15:32:34 +01:00
. zalgo-26OfGz . messageContent-2t3eCI ,
. zalgo-26OfGz . cozy-VmLDNB . header-2jRmjb ,
2022-01-11 15:06:27 +01:00
. wrapper-15CKyy ,
. cozy-3hKWhq . header-35u4WP {
2020-02-06 16:11:15 +01:00
overflow : visible ;
2020-01-30 10:22:32 +01:00
}
2020-02-28 18:22:36 +01:00
. container-3FojY8 {
padding : 0 ;
overflow : visible ;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . cozyMessage-1DWF9U , /* message container cozy */
2022-01-11 15:32:34 +01:00
# app-mount . messagesWrapper-RpOMA3 . cozy-VmLDNB , /* message upload placeholder cozy */
2022-07-09 23:34:51 +02:00
# app-mount . card-3x20HF . cozy-VmLDNB , /* message home cozy */
2022-01-11 15:06:27 +01:00
# app-mount . cozy-3hKWhq { /* message loading cozy */
2021-05-03 16:23:08 +02:00
margin-left : calc ( 80px * var ( --usechatbubbles ) ) ;
padding-left : calc ( 1px * ( 10 * var ( --usechatbubbles ) + 72 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2020-02-06 16:11:15 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . wrapper-30-Nkg [ data-list-item-id * = "Uploader" ] {
2021-06-11 21:31:51 +02:00
margin-top : 1rem ;
}
2022-01-11 15:06:27 +01:00
# app-mount . compact-QWkw9- { /* message loading compact */
2020-08-15 08:49:36 +02:00
margin-top : . 0625rem ;
}
2022-01-11 15:32:34 +01:00
# app-mount . cozy-VmLDNB . header-2jRmjb ,
# app-mount . cozy-VmLDNB . messageContent-2t3eCI ,
2022-01-11 15:06:27 +01:00
# app-mount . cozy-3hKWhq . header-35u4WP {
2020-02-29 19:24:14 +01:00
margin-left : 0 ;
padding-left : 0 ;
}
2022-01-11 15:32:34 +01:00
. messageContainer-3VTXBC . wrapper-30-Nkg ,
. messages-23can0 . wrapper-30-Nkg ,
. message-G6O-Wv . wrapper-30-Nkg ,
. messageGroupWrapper-1jf_7C . messageGroupCozy-3v_RqN ,
. message-24k8JL . wrapper-30-Nkg {
2020-01-30 13:58:17 +01:00
border-radius : 5px ;
2021-05-03 16:23:08 +02:00
margin-left : calc ( 60px * var ( --usechatbubbles ) ) ;
padding-left : calc ( 1px * ( 10 * var ( --usechatbubbles ) + 72 * ( 1 - var ( --usechatbubbles ) ) ) ) ;
2020-01-30 13:58:17 +01:00
}
2022-01-11 15:32:34 +01:00
. messages-23can0 . wrapper-30-Nkg {
2020-05-08 11:01:32 +02:00
border-radius : 0 ;
}
2020-01-30 13:58:17 +01:00
2022-07-09 23:34:51 +02:00
/* message home message */
. interactiveCard-2iMtdk . selected-sszUNx , . interactiveCard-2iMtdk : active ,
. interactiveCard-2iMtdk : hover {
border-color : var ( --background-secondary ) ;
}
. feedItemHeader-txJq98 {
border-color : var ( --background-primary ) ;
}
. interactiveCard-2iMtdk . selected-sszUNx , . interactiveCard-2iMtdk : active . feedItemHeader-txJq98 ,
. interactiveCard-2iMtdk : hover . feedItemHeader-txJq98 {
border-color : var ( --background-secondary ) ;
}
2022-01-11 15:06:27 +01:00
. avatar-l9Txm5 { /* message loading avatar */
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-08-15 08:35:00 +02:00
opacity : 1 ! important ;
}
2022-01-11 15:06:27 +01:00
. attachment-16cAbS , /* message loading attachment */
. blob-1uHjdp { /* message loading blob */
2021-05-03 16:23:08 +02:00
background : rgb ( var ( --accentcolor ) ) ;
2020-08-15 08:35:00 +02:00
}
2022-01-11 15:06:27 +01:00
. expanded-3lghlw { /* message expanded blocked */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-01-30 13:58:17 +01:00
border-radius : 5px 5px 0 5px ;
2020-01-30 14:04:05 +01:00
margin-bottom : . 5625rem ;
2020-01-30 13:58:17 +01:00
}
2022-01-11 15:32:34 +01:00
. reaction-2A2y9y { /* message reaction */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-12 12:59:29 +02:00
border : none ;
}
2022-01-11 15:32:34 +01:00
. reaction-2A2y9y : hover {
2021-05-12 12:59:29 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
}
2022-01-11 15:32:34 +01:00
. reaction-2A2y9y . reactionMe-3I9gFK {
2021-05-12 12:59:29 +02:00
background-color : rgba ( var ( --accentcolor ) , . 8 ) ;
}
2022-01-11 15:32:34 +01:00
. reaction-2A2y9y . reactionMe-3I9gFK : hover {
2021-05-12 12:59:29 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
}
2022-01-11 15:32:34 +01:00
. reaction-2A2y9y . reactionMe-3I9gFK . reactionCount-1zkLcN {
2021-05-12 12:59:29 +02:00
color : # FFF ;
text-shadow : 1px 1px var ( --textshadow ) ;
}
2022-01-11 15:32:34 +01:00
. reaction-2A2y9y : hover {
2021-05-12 12:59:29 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-01-30 13:58:17 +01:00
}
2022-01-11 15:06:27 +01:00
. wrapper-2vIMkT { /* message buttons */
2020-01-30 10:22:32 +01:00
position : relative ;
2021-06-26 17:05:43 +02:00
background : transparent ;
2020-01-30 10:22:32 +01:00
}
2022-01-11 15:06:27 +01:00
. wrapper-2vIMkT :: before ,
. wrapper-2vIMkT :: after {
2020-01-30 10:22:32 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2020-04-01 09:24:49 +02:00
border-radius : 4px ;
2020-01-30 10:22:32 +01:00
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. wrapper-2vIMkT :: before {
2022-07-28 17:25:07 +02:00
background : var ( --backgound ) var ( --backgoundposition ) / var ( --backgroundsize ) ;
2021-06-26 17:05:43 +02:00
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. wrapper-2vIMkT :: after {
2021-06-26 17:05:43 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2022-04-23 19:35:58 +02:00
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
2021-06-26 17:05:43 +02:00
}
2022-01-11 15:06:27 +01:00
. button-3bklZh : hover { /* message button */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-01-30 10:26:15 +01:00
}
2022-01-11 15:06:27 +01:00
. button-3bklZh . selected-69H4ua {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
. bumpBox-1Pp4td { /* messageelement publish box */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-11-14 16:10:10 +01:00
}
2022-01-11 15:06:27 +01:00
. markup-eYLPri code { /* messageelement code */
2020-02-04 13:50:31 +01:00
background-color : transparent ;
border-color : transparent ;
}
2022-01-11 15:06:27 +01:00
. markup-eYLPri pre { /* messageelement pre */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
. markup-eYLPri . inline , /* messageelement inline */
. after_inlineCode-WydEur ,
. before_inlineCode-xn8Llh ,
. inlineCode-2auMQi {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
. textContainer-36wgKK { /* messageelement plain file text */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2021-03-20 12:38:54 +01:00
}
2022-01-11 15:06:27 +01:00
. footer-GXWBBp { /* messageelement plain file footer */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2021-03-20 12:38:54 +01:00
}
2022-01-11 15:06:27 +01:00
. languageSelector-2e1IuO { /* messageelement plain file popout */
2021-03-20 12:38:54 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
border : 1px solid rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-03-20 12:38:54 +01:00
border-radius : 5px ;
2021-05-06 12:41:18 +02:00
box-shadow : 0px 1px 5px 0px rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-03-20 12:38:54 +01:00
overflow : hidden ;
}
2022-01-11 15:06:27 +01:00
. languageSelector-2e1IuO :: before ,
. languageSelector-2e1IuO :: after {
2021-03-20 12:38:54 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:05:43 +02:00
border-radius : 5px ;
2021-03-20 12:38:54 +01:00
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. languageSelector-2e1IuO :: before {
2021-06-26 17:05:43 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. languageSelector-2e1IuO :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2021-03-20 12:38:54 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . spoilerText-27bIiA { /* messageelement spoiler */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . spoilerText-27bIiA . hidden-3B-Rum { /* messageelement hiddenspoiler */
2021-07-26 17:18:07 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 6 ) ;
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
. icon-JRJzJz [ style * = "/assets/5da4cdab01d4d89c593c48c62ae0d937.svg" ] { /* systemmessage pinicon */
2021-04-03 16:55:17 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 5da4cdab01d4d89c593c48c62ae0d937 . svg ) center / cover no-repeat ;
2021-05-06 17:50:44 +02:00
background : var ( --channels-default ) ! important ;
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
. icon-JRJzJz [ style * = "/assets/d80d1fdc43a3c42134a31a39581160ac.svg" ] { /* systemmessage missedcall */
2021-04-03 16:55:17 +02:00
-webkit-mask : url ( https : / / discord . com / assets / d80d1fdc43a3c42134a31a39581160ac . svg ) center / cover no-repeat ;
2021-05-06 17:50:44 +02:00
background : var ( --channels-default ) ! important ;
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
. icon-JRJzJz [ style * = "/assets/b8029fe196b8f1382e90bbe81dab50dc.svg" ] { /* systemmessage joincallicon */
2021-04-03 16:55:17 +02:00
-webkit-mask : url ( https : / / discord . com / assets / b8029fe196b8f1382e90bbe81dab50dc . svg ) center / cover no-repeat ;
2021-05-03 16:23:08 +02:00
background : rgb ( var ( --accentcolor ) ) ! important ;
2020-02-04 13:50:31 +01:00
}
2022-01-11 15:06:27 +01:00
. icon-JRJzJz [ style * = "/assets/c30220457097b064286a8759a9b6c4af.svg" ] { /* systemmessage recievecallicon */
2021-04-03 16:55:17 +02:00
-webkit-mask : url ( https : / / discord . com / assets / c30220457097b064286a8759a9b6c4af . svg ) center / cover no-repeat ;
2021-05-03 16:23:08 +02:00
background : rgb ( var ( --accentcolor ) ) ! important ;
2020-02-04 13:50:31 +01:00
}
2019-09-19 12:56:54 +02:00
/* ==== 6.2.2. EMBEDS ==== */
2022-01-11 15:32:34 +01:00
# app-mount . embedFull-1HGV2S { /* embed wrapper */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
border-left-color : rgb ( var ( --textdarkest ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . attachment-1PZZB2 { /* attachment container */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2020-03-26 00:42:57 +01:00
margin-left : 18px ;
}
2022-01-11 15:32:34 +01:00
# app-mount . message-2CShn3 . attachment-1PZZB2 {
2020-03-26 00:42:57 +01:00
margin-left : 0 ;
2019-09-19 12:56:54 +02:00
}
# app-mount . twitchSectionPlayButton-2RamGG {
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 4 ) url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M12.3333 10.002V22.002L22.3333 16.002L12.3333 10.002Z" fill="rgb(185,187,190)"/></svg>' ) ;
2020-12-30 16:32:16 +01:00
border-radius : 50 % ;
2019-09-19 12:56:54 +02:00
}
# app-mount . twitchSectionPlayButton-2RamGG : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 8 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . wrapper-1FP9YQ { /* attachment videowrapper */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-27 09:16:56 +02:00
}
2019-09-19 12:56:54 +02:00
/* ==== 6.2.3. NITROGIFT ==== */
2022-01-11 15:06:27 +01:00
# app-mount . tile-2mmK5T { /* gift container */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
box-shadow : 0 0 0 rgba ( var ( --transparencycolor ) , . 15 ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . tile-2mmK5T : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . title-oJa_A6 { /* gift title */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2021-05-06 12:41:18 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . description-X8_53U { /* gift description */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tagline-3DhQWg { /* gift tagline */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
/* ==== 6.2.4. INVITE ==== */
2022-01-11 15:32:34 +01:00
# app-mount . wrapper-1HIH0j { /* invite container */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . guildIconImage-74OdmM { /* invite icon */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-05-06 09:40:58 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . guildName-3G4jq- { /* invite name */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . guildDetail-3EJhW_ { /* invite details */
2021-05-06 17:50:44 +02:00
color : var ( --channels-default ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . invite-3uuHYQ { /* invite group invite */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2020-11-23 18:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . header-1Fx4D1 {
2021-05-06 12:41:18 +02:00
color : rgb ( var ( --textdarker ) ) ;
2020-11-23 18:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . name-QjR4Jk ,
# app-mount . partyStatus-2-VcyG {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2020-11-23 18:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . moreUsers-3PdGZN {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2020-11-23 18:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . partyMemberEmpty-GtlQ_s {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . helpIcon-24pk1Z {
2021-05-06 17:50:44 +02:00
background-color : var ( --header-primary ) ;
2020-11-23 18:23:44 +01:00
}
2020-02-04 14:11:57 +01:00
2020-05-06 09:40:58 +02:00
/* ---- 6.3. TEXTAREA ---- */
2020-02-04 14:11:57 +01:00
2022-01-11 15:32:34 +01:00
. form-3gdLxP {
2020-08-03 20:16:10 +02:00
padding-top : 0 ;
margin-top : 0 ;
2020-02-04 14:11:57 +01:00
}
2022-01-11 15:32:34 +01:00
. form-3gdLxP { /* textarea form */
2021-05-29 11:57:30 +02:00
background : rgba ( var ( --transparencycolor ) , var ( --chatinputtransparency ) ) ;
margin-top : 0 ;
padding-top : 8px ;
border-top-right-radius : calc ( 8px * ( 1 - ( var ( --memberlisttransparency ) / ( var ( --memberlisttransparency ) + 0 . 00000000000000000000001 ) ) ) ) ;
border-top-left-radius : calc ( 8px * ( 1 - ( var ( --guildchanneltransparency ) / ( var ( --guildchanneltransparency ) + 0 . 00000000000000000000001 ) ) ) ) ;
}
2022-01-11 15:32:34 +01:00
. threadSidebarOpen-1LSXvU . form-3gdLxP {
2021-07-24 22:12:11 +02:00
border-top-right-radius : 8px ;
}
2022-01-11 15:32:34 +01:00
. form-3gdLxP :: before {
2020-08-03 20:16:10 +02:00
display : none ;
2020-02-04 13:14:34 +01:00
}
2022-01-11 15:32:34 +01:00
. channelTextArea-1FufC0 { /* textarea channeltextarea */
2020-01-30 08:58:21 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
border-top-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. container-A2jo65 { /* textarea reply */
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-10-27 15:46:46 +01:00
border : none ;
2021-05-06 12:41:18 +02:00
border-bottom : 1px solid var ( --background-modifier-accent ) ;
2020-10-27 15:46:46 +01:00
}
2022-01-11 15:32:34 +01:00
. scrollableContainer-15eg7h { /* textarea container */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-12-10 23:58:04 +01:00
}
2022-01-11 15:06:27 +01:00
. sprite-2lxwfc { /* textarea emojibutton */
2019-09-19 12:56:54 +02:00
transform : none ! important ;
}
2022-01-11 15:06:27 +01:00
. wrapper-2SplAX { /* textarea placeholder */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. toolbar-37BrJ5 { /* textarea formattoolbar */
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
. toolbar-37BrJ5 :: before {
2021-05-03 16:23:08 +02:00
border-top-color : rgb ( var ( --accentcolor ) ) ;
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
. divider-3NY7PF { /* textarea formattoolbar divider */
2021-05-06 12:41:18 +02:00
border-left-color : hsla ( 0 , 0 % , 100 % , . 1 ) ;
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
. active-136ioF , /* textarea buttonactive */
. hover-3OQb9Y : hover { /* textarea buttonhover */
2021-05-06 12:41:18 +02:00
background-color : hsla ( 0 , 0 % , 100 % , . 2 ) ;
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
. icon-3g7qdA { /* textarea buttonicon */
2021-05-06 12:41:18 +02:00
color : # fff ;
opacity : . 7 ;
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
. active-136ioF . icon-3g7qdA ,
. hover-3OQb9Y : hover . icon-3g7qdA {
2021-05-06 12:41:18 +02:00
color : # fff ;
opacity : 1 ;
2020-01-15 10:56:58 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . pill-1HLSrc { /* textarea command query pill */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2020-12-17 20:26:16 +01:00
border-radius : 5px ;
}
2019-09-19 12:56:54 +02:00
/* ---- 6.4. AUTOCOMPLETEMENU ---- */
2022-01-11 15:06:27 +01:00
# app-mount . autocomplete-3NRXG8 { /* autocomplete container */
2020-11-12 19:09:40 +01:00
background-color : transparent ;
2019-09-19 12:56:54 +02:00
overflow : hidden ;
}
2022-01-11 15:06:27 +01:00
# app-mount . autocomplete-3NRXG8 :: before ,
# app-mount . autocomplete-3NRXG8 :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:05:43 +02:00
border-radius : 5px ;
2019-09-19 12:56:54 +02:00
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
# app-mount . autocomplete-3NRXG8 :: before {
2021-06-26 17:05:43 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
# app-mount . autocomplete-3NRXG8 :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-12 19:09:27 +01:00
}
2022-01-11 15:06:27 +01:00
. theme-brand . autocomplete-3NRXG8 {
2021-05-06 12:41:18 +02:00
background : rgb ( var ( --accentcolor ) ) linear-gradient ( rgba ( var ( --transparencycolor ) , . 2 ) , rgba ( var ( --transparencycolor ) , . 2 ) ) ! important ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. theme-brand . autocomplete-3NRXG8 :: before ,
. theme-brand . autocomplete-3NRXG8 :: after {
2019-09-19 12:56:54 +02:00
display : none ;
}
2020-12-17 20:17:07 +01:00
# app-mount . bar-AokMp3 { /* autocomplete command info */
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
# app-mount . container-23gRWx :: after {
2021-05-06 12:41:18 +02:00
box-shadow : inset 0 -7px 12px -7px rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . header-JHwfVI { /* autocomplete header */
2021-05-06 12:41:18 +02:00
box-shadow : 0 1px 0 0 rgba ( var ( --transparencycolor ) , . 2 ) , 0 1px 2px 0 rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . selected-3H3-RC { /* autocomplete rowselected */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . option-Tt7anD { /* autocomplete option */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2020-12-17 20:12:57 +01:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . wrapper-3z7DuG { /* autocomplete categories */
2020-12-17 20:12:57 +01:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
# app-mount . selected-3B2w1z , /* autocomplete category selected */
# app-mount . selected-3B2w1z : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-12-17 20:12:57 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . selected-3B2w1z svg {
2021-05-06 13:23:51 +02:00
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
}
2020-12-17 20:12:57 +01:00
2022-03-01 21:47:20 +01:00
# app-mount . searchSuggestion-2Dgyvo : hover { /* gifpicker suggestions */
2021-05-06 13:23:51 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2020-05-06 08:28:56 +02:00
}
2022-03-01 21:47:20 +01:00
# app-mount . placeholder-T1Tuu8 { /* gifpicker result placeholder */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-05-06 08:28:56 +02:00
}
2019-09-19 12:56:54 +02:00
/* ---- 6.5. MEMBERLIST ---- */
2022-10-25 16:51:34 +02:00
. member-48YF_l { /* member */
background : transparent ;
}
2022-01-11 15:06:27 +01:00
. avatar-b5OQ1N :: before { /* emptyavatar */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. memberGroupsPlaceholder-9tqX9V , /* loadingplaceholders */
. placeholderAvatar-1qAcRZ ,
. placeholderUsername-3iQi_D {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
/* ---- 6.6. SEARCHPAGE ---- */
2022-01-11 15:06:27 +01:00
. searchResultsWrap-5RVOkx { /* searchpage container */
2019-09-19 12:56:54 +02:00
background-color : transparent ;
}
2022-12-10 11:33:07 +01:00
. searchHeader-1r_ZSh , /* searchpage header */
. searchHeader-1r_ZSh ~ . container-1-h9mY { /* searchpage pagination (BSP) */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --guildchanneltransparency ) * 0 . 8 ) ) ;
2021-01-09 16:59:29 +01:00
border-radius : 0 0 0 8px ;
2019-09-19 12:56:54 +02:00
}
2021-01-09 16:59:29 +01:00
# app-mount . tab-2j5AEF . selected-2LAck8 { /* searchpage selected tab */
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
text-shadow : 1px 1px var ( --textshadow ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. channelName-3w2Y3c { /* searchpage channelname */
2021-01-09 16:59:29 +01:00
background-color : transparent ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. searchResult-O9NDji { /* searchpage searchresult */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. button-cfOvv- { /* searchpage jumpbutton */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-05-23 16:09:35 +02:00
}
2022-01-11 15:06:27 +01:00
. button-cfOvv- : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
text-shadow : 1px 1px var ( --textshadow ) ;
2020-05-23 16:09:35 +02:00
}
2022-01-11 15:06:27 +01:00
. pageButton-1GMGeJ : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-05-23 16:09:35 +02:00
}
2022-01-11 15:06:27 +01:00
. activeButton-LRWFC_ {
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2019-09-19 12:56:54 +02:00
}
2022-03-30 13:44:48 +02:00
/* ---- 6.7. CHAT SIDEBAR ---- */
2021-07-24 22:12:11 +02:00
2022-03-30 13:44:48 +02:00
. container-3XgAHv { /* chat sidebar */
border-radius : 0 ;
}
. container-3XgAHv . floating-3M3WeH :: before ,
. container-3XgAHv . floating-3M3WeH :: after {
content : "" ;
2021-07-24 22:12:11 +02:00
position : absolute ;
2022-03-30 13:44:48 +02:00
top : 0 ;
2021-07-24 22:12:11 +02:00
bottom : 0 ;
2022-03-30 13:44:48 +02:00
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
2021-07-24 22:12:11 +02:00
}
2022-03-30 13:44:48 +02:00
. container-3XgAHv . floating-3M3WeH :: before {
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
background-attachment : fixed ;
}
. container-3XgAHv . floating-3M3WeH :: after {
background-color : rgba ( var ( --transparencycolor ) , var ( --transparencyalpha ) ) ;
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
}
. chatTarget-3H6mpC . notFloating-cIl-vp ~ . container-3XgAHv {
overflow : visible ;
2021-07-24 22:12:11 +02:00
}
2022-03-30 13:44:48 +02:00
. chatTarget-3H6mpC . notFloating-cIl-vp ~ . container-3XgAHv . container-ZMc96U . themed-Hp1KC_ :: before {
content : "" ;
position : absolute ;
display : block ;
top : 0 ;
bottom : 0 ;
left : -8px ;
width : 8px ;
background : inherit ;
box-shadow : inherit ;
pointer-events : none ;
}
. chatTarget-3H6mpC . notFloating-cIl-vp ~ . container-3XgAHv . container-ZMc96U . themed-Hp1KC_ :: after {
content : "" ;
position : absolute ;
display : block ;
top : 10px ;
bottom : 10px ;
left : -3 . 5px ;
width : 1px ;
background : var ( --background-modifier-accent ) ;
pointer-events : none ;
2021-07-24 22:12:11 +02:00
}
/* ---- 6.8. CALL ---- */
2019-09-20 18:51:34 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . wrapper-3X0c60 {
2021-10-01 16:44:00 +02:00
z-index : 1002 ;
}
2022-01-11 15:06:27 +01:00
# app-mount . root-1e2tfc { /* popout inner */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2019-09-20 18:51:34 +02:00
border : none ;
}
2022-01-11 15:06:27 +01:00
. root-1e2tfc :: before ,
. root-1e2tfc :: after {
2019-09-20 18:51:34 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. root-1e2tfc :: before {
2021-06-26 17:05:43 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. root-1e2tfc :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2019-09-20 18:51:34 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . wrapper-1gVUIN { /* call voice wrapper */
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --guildchanneltransparency ) * 0 . 8 ) ) ;
2019-09-20 18:51:34 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . root-22AK9z { /* call root */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2020-03-28 15:08:45 +01:00
}
2022-01-11 15:32:34 +01:00
. videoWrapper-3rtb_V { /* call video wrapper */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-05-07 17:45:55 +02:00
}
2022-01-11 15:06:27 +01:00
. video-eAcneW { /* call video */
2019-09-20 18:51:34 +02:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
. tile-2TcwiO , /* call user video voicechannel */
2022-01-11 15:32:34 +01:00
. tile-2Dr6M1 { /* call user video dm */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-05-07 17:45:55 +02:00
}
2022-01-11 15:06:27 +01:00
. gradientContainer-phMG8d { /* call gradientcontainer */
2020-08-03 17:55:00 +02:00
display : none ;
2020-04-04 16:57:05 +02:00
}
2022-01-11 15:06:27 +01:00
. participantsButton-1WBdFP { /* call participantsbutton */
2021-05-06 12:41:18 +02:00
background-color : rgba ( 0 , 0 , 0 , . 3 ) ;
2020-06-23 23:24:55 +02:00
}
2022-01-11 15:06:27 +01:00
. participantsButton-1WBdFP : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( 0 , 0 , 0 , . 6 ) ;
2020-06-23 23:24:55 +02:00
}
2022-01-11 15:32:34 +01:00
. centerButton-1IShs7 ,
2022-01-11 15:06:27 +01:00
. colorable-3rVGna . primaryDark-2UJt1G {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2020-04-04 16:57:05 +02:00
}
2022-01-11 15:32:34 +01:00
. centerButton-1IShs7 : hover ,
2022-01-11 15:06:27 +01:00
. colorable-3rVGna . primaryDark-2UJt1G : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-04-04 16:57:05 +02:00
}
2022-01-11 15:06:27 +01:00
. button-3Vyz67 {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-08-03 17:55:00 +02:00
}
2022-01-11 15:06:27 +01:00
. button-3Vyz67 : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 6 ) ;
2020-08-03 17:55:00 +02:00
}
2022-01-11 15:06:27 +01:00
. controlButton-2PMNom . leaveButton-2YnTyt {
2021-05-11 11:28:22 +02:00
background-color : rgba ( var ( --dangercolor ) ) , . 5 ) ;
2020-04-04 16:57:05 +02:00
}
2022-01-11 15:06:27 +01:00
. controlButton-2PMNom . leaveButton-2YnTyt : hover {
2021-05-11 11:28:22 +02:00
background-color : rgb ( var ( --dangercolor ) ) ;
2020-04-04 16:57:05 +02:00
}
2022-01-11 15:06:27 +01:00
. regionSelectPopout-3sEzVB {
2019-09-20 18:51:34 +02:00
width : 170px ;
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
. container-cH6QoY { /* call podium wrapper */
2021-05-07 11:45:50 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --guildchanneltransparency ) * 0 . 8 ) ) ;
}
2022-01-11 15:06:27 +01:00
. callContainer-BGIngG { /* call podium inner */
2021-05-07 11:45:50 +02:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
. scroller-35tvpe { /* call podium scroller */
2021-05-07 11:45:50 +02:00
background-color : transparent ;
}
2022-01-11 15:32:34 +01:00
. container-3r7mfc { /* call podium info */
2021-05-07 11:45:50 +02:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
. rowContainer-jDvyA4 { /* call podium row */
2021-05-07 11:45:50 +02:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
. participants-3hk3ND { /* call podium participants */
2021-05-07 11:45:50 +02:00
background-color : transparent ;
}
2022-01-11 15:32:34 +01:00
. tileContainer-Os085F : hover { /* call podium participant */
2021-05-07 11:45:50 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
}
2022-01-11 15:06:27 +01:00
. container-lqPArA { /* call podium requests */
2021-05-07 11:45:50 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --guildchanneltransparency ) * 0 . 3 ) ) ;
}
2022-01-11 15:06:27 +01:00
. headerContainer-21E-jZ { /* call podium requests header */
2021-05-07 11:45:50 +02:00
box-shadow : 0 1px 0 rgba ( var ( --transparencycolor ) , . 2 ) , 0 1 . 5px 0 rgba ( var ( --transparencycolor ) , . 05 ) , 0 2px 0 rgba ( var ( --transparencycolor ) , . 05 ) ;
}
2021-07-24 22:12:11 +02:00
/* ---- 6.9. UNAVAILABLESCREEN ---- */
2020-02-18 12:19:39 +01:00
. category-2haXBH , /* loadingplaceholders */
. channelIcon-1TvDoP ,
. channelName-2wrHHc {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-02-18 12:19:39 +01:00
}
2022-01-11 15:06:27 +01:00
. splashImage-3x240k { /* screen image */
2020-02-18 12:20:33 +01:00
opacity : 0 . 7 ;
2020-02-18 12:19:39 +01:00
}
2020-03-26 00:42:57 +01:00
/* ~~~~ 7. PEOPLES ~~~~ */
2022-09-16 12:18:23 +02:00
. addFriendInputWrapper-kkoSV9 { /* peoples add friend */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2022-09-16 12:18:05 +02:00
. addFriendInputWrapper-kkoSV9 : hover : not ( : focus-within ) {
2021-05-03 16:23:08 +02:00
border-color : rgb ( var ( --transparencycolor ) ) ;
2020-03-26 00:42:57 +01:00
}
2022-09-16 12:18:23 +02:00
. container-3tKtM_ { /* peoples explore option */
2022-09-16 12:18:05 +02:00
border : none ;
}
. container-3tKtM_ : hover {
background-color : var ( --background-floating ) ;
}
2022-01-11 15:06:27 +01:00
. peopleListItem-u6dGxF . actionButton-3-B2x- , /* peoples actionbutton */
2022-01-10 12:28:50 +01:00
. peopleListItem-u6dGxF . actionButton-3-B2x { /* peoples actionbutton */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
. peopleListItem-u6dGxF . actionButton-3-B2x- : hover ,
2022-01-10 12:28:50 +01:00
. peopleListItem-u6dGxF . actionButton-3-B2x : hover {
2021-05-06 13:23:51 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
. peopleListItem-u6dGxF . actionButton-3-B2x- : hover svg ,
2022-01-10 12:28:50 +01:00
. peopleListItem-u6dGxF . actionButton-3-B2x : hover svg {
2021-05-06 13:23:51 +02:00
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
. peopleListItem-u6dGxF . active-2UF8Zh ,
. peopleListItem-u6dGxF : hover ,
2022-01-10 12:28:50 +01:00
. peopleListItem-u6dGxF . active-2UF8Zh ,
. peopleListItem-u6dGxF : hover {
2021-05-06 13:23:51 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
. peopleListItem-u6dGxF . active-2UF8Zh . actionButton-3-B2x- ,
. peopleListItem-u6dGxF : hover . actionButton-3-B2x- ,
2022-01-10 12:28:50 +01:00
. peopleListItem-u6dGxF . active-2UF8Zh . actionButton-3-B2x ,
. peopleListItem-u6dGxF : hover . actionButton-3-B2x {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . outer-2JOHae , /* playing card */
2022-01-10 12:28:50 +01:00
# app-mount . outer-2JOHae { /* playing card */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . outer-2JOHae . active-1W_Gl9 ,
# app-mount . outer-2JOHae . interactive-2zD88a : hover ,
2022-01-10 12:28:50 +01:00
# app-mount . outer-2JOHae . active-1W_Gl9 ,
# app-mount . outer-2JOHae . interactive-2zD88a : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . inset-SbsSFp , /* playing card inner */
2022-01-10 12:28:50 +01:00
# app-mount . inset-SbsSFp { /* playing card inner */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
. emptyCard-KDifrB { /* playing empty card */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . partyMemberOverflow-3G1oZz {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 5 ) ;
2020-10-17 17:30:58 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . partyMemberBackground-35PUxI ,
2022-01-11 15:32:34 +01:00
# app-mount . partyMemberUnknown-3RMTbX {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2020-10-17 17:30:58 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . partyMemberUnknownIcon-3HapjE {
2021-05-06 17:50:44 +02:00
color : var ( --channels-default ) ;
2020-10-17 17:30:58 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . popout-3Zw0qN { /* playing popout */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 8px 16px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
overflow : hidden ;
}
2022-01-11 15:06:27 +01:00
. popout-3Zw0qN :: before ,
. popout-3Zw0qN :: after {
2020-03-26 00:42:57 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. popout-3Zw0qN :: before {
2021-06-26 17:05:43 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. popout-3Zw0qN :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 3 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-03-26 00:42:57 +01:00
# app-mount . memberListItem-31QoHj : not ( . popoutDisabled-2RK7MF ) : hover ,
# app-mount . enabled-1t_Gxm : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-03-26 00:42:57 +01:00
}
2020-02-19 14:54:06 +01:00
/* ~~~~ 7. STORE/NITRO ~~~~ */
2019-09-19 12:56:54 +02:00
2020-06-01 10:48:24 +02:00
. gridItemBadge-1Se-Pu {
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2020-06-01 10:48:24 +02:00
}
2022-01-11 15:06:27 +01:00
. marketingHeader-cnc4f7 { /* marketingheader */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
. detailsBlock-FoDTGA { /* billing details */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . categoryHeader-93jmyE , /* categoryheader */
# app-mount . premiumApplicationsHeader-3K67Qe {
2021-05-06 13:23:51 +02:00
border-color : var ( --background-modifier-accent ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tier1Banner-LvpkWu { /* tier1banner container */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 13:23:51 +02:00
color : # fff ;
2019-09-19 12:56:54 +02:00
}
. headerIcon-3bqya6 { /* tier1banner svgtitle */
2021-05-06 13:23:51 +02:00
color : # fff ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. smallCarousel-20QIi8 {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
border-radius : 5px ;
}
2022-01-11 15:06:27 +01:00
# app-mount . item-g96i1Z { /* gamepreview previewitem */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. arrow-3M4PD9 { /* gamepreview prev/nextarrow (big) */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . themedPagination-3jclKS . arrow-2PTaaz { /* gamepreview prev/nextarrow (small) */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . themedPagination-3jclKS . dot-1xabNQ { /* gamepreview itemdot (small) */
2021-05-06 17:50:44 +02:00
background-color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . root-3mkK8X { /* gameinfo sectioncontainer */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . header-13C7x6 { /* gameinfo sectionheader */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . section-3Et6MX { /* gameinfo subsection */
2021-05-06 13:23:51 +02:00
border-bottom-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . playerOverflow-GbSZQs {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . description-hC8iQf { /* gameinfo subsectiondescription */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . description-hC8iQf strong ,
# app-mount . username-pDGZS1 { /* gameinfo subsectionusername */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . smallHeader--lYkq9 { /* gameinfo subsectionheader */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . text-3UzHA4 { /* gameinfo subsectiontext */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . iconCircle-3CMTjB {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . circle-1ceChx {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . divider-3y7HAB { /* section divider */
2021-05-06 13:23:51 +02:00
border-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . blurb-btvBEJ { /* section description */
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . description-BzYBA2 { /* section subdescription */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . requirements-2IwVy6 { /* requirements */
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . requirementKey-3Mlwzf { /* requirements key */
2021-05-06 13:23:51 +02:00
color : rgb ( var ( --textdarker ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . content-3N5BG9 { /* requirements rating */
2021-05-06 13:23:51 +02:00
color : rgb ( var ( --textdarker ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . content-26qlhD { /* requirements copyright */
2021-05-06 13:23:51 +02:00
color : rgb ( var ( --textdarker ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . bodySection-3iDdop { /* sidebar section */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-05-06 13:23:51 +02:00
border-top-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . actionText-1Yglc4 { /* sidebar header */
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . purchaseUnitOperatingSystem-1OW7Kw { /* sidebar OSicon */
2021-05-06 13:23:51 +02:00
color : rgb ( var ( --textdarkest ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . price-2SHLzi , /* sidebar price */
# app-mount . listingPrice-3Byrq9 {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . title-3cAMJ9 { /* sidebar subtitle */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . skuNormal-213nY8 { /* sidebar pricerow */
2021-05-06 13:23:51 +02:00
border-bottom-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . name-aq9Dm0 { /* sidebar pricename */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2021-05-06 13:23:51 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . sku-3GRW_9 : hover . name-aq9Dm0 {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . price-1BMuA2 { /* sidebar priceamount */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . label-29p9qC { /* sidebar label */
2021-05-06 13:23:51 +02:00
color : rgb ( var ( --textdarker ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . info-3k6QpS { /* sidebar labelinfo */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . content-1W9-9i { /* invitecard container */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . name-22c6Wk { /* invitecard guildname */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . memberInfo-QIpngr { /* invitecard memberinfo */
2021-05-06 13:23:51 +02:00
color : rgb ( var ( --textdarker ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. premiumSubscriptionAccountCredit-1UInYJ { /* abonnements abocard */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-04-27 16:22:49 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . row-2qQ--F { /* features row */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . featureIcon-3GwsEQ { /* features featureicon */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . feature-2IUcBI { /* features feature */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-10-09 18:03:42 +02:00
}
2022-01-11 15:32:34 +01:00
. featureImage-91H2fC { /* features image */
2020-10-09 18:03:42 +02:00
opacity : 0 . 7 ;
}
. banner-WELp4M { /* features xbox promo */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-10-09 18:03:42 +02:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 9. LIBRARY ~~~~ */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
. header-2EadGG { /* library table header */
2020-11-24 10:38:02 +01:00
background-color : transparent ;
2021-05-06 17:50:44 +02:00
border-bottom-color : var ( --background-modifier-accent ) ;
2020-03-26 00:42:57 +01:00
position : relative ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. header-2EadGG :: before ,
. header-2EadGG :: after {
2020-03-26 00:42:57 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. header-2EadGG :: before {
2021-06-26 17:05:43 +02:00
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. header-2EadGG :: after {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
2020-11-24 10:38:02 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . headerCellSorted-1bg4Lp {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2020-01-24 18:50:34 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:32:34 +01:00
. rowWrapperActive-nOO7R3 {
2021-05-06 17:50:44 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-01-24 18:50:34 +01:00
}
2022-01-11 15:06:27 +01:00
. rowWrapper-N-4fji + . rowWrapper-N-4fji . row-1_1Nya {
2021-05-06 17:50:44 +02:00
border-top-color : var ( --background-modifier-accent ) ;
2020-01-24 18:50:34 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . rate-1lw2ml {
2021-05-06 17:50:44 +02:00
color : var ( --text-muted ) ;
2020-01-24 18:50:34 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . background-3laMJt { /* library usagebar */
2021-05-06 17:50:44 +02:00
stroke : rgb ( var ( --transparencycolor ) , . 5 ) ;
2020-01-30 08:58:21 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . usageInfo-2CQ9c7 { /* gamelibrary usageinfo */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2020-02-19 14:54:06 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . installationPath-2PbaRC { /* library game row path */
2021-05-06 17:50:44 +02:00
box-shadow : 0 1px 0 0 var ( --background-accent ) ;
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . rowTitle-2MoCno { /* library game row title */
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2020-01-30 08:58:21 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . rowBody-uWDd7Y { /* library game row body */
2021-05-06 17:50:44 +02:00
color : var ( --text-muted ) ;
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . defaultLocationCheckbox-1Y3dSI { /* library location checkbox */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . defaultIndicator-1AxErs { /* library location indicator */
2021-05-06 17:50:44 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
color : var ( --header-primary ) ;
2020-02-19 14:54:06 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . applicationName-1uqOrC { /* library application name */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . applicationSubText-2SBEgj { /* library application subtext */
2021-05-06 17:50:44 +02:00
color : var ( --text-muted ) ;
2020-02-19 14:54:06 +01:00
}
2021-05-06 17:50:44 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . emptyWumpus-11kRB0 { /* library no games */
2021-05-06 17:50:44 +02:00
background : url ( https : / / discord . com / assets / 131dcaaa628405e6d0ebee7708111c7a . svg ) ;
2020-03-26 00:42:57 +01:00
opacity : 0 . 6 ;
2020-01-30 08:58:21 +01:00
}
2020-01-24 18:50:34 +01:00
2019-09-19 12:56:54 +02:00
2021-09-28 12:28:25 +02:00
/* ~~~~ 10. DISCOVERY/UNIHUB ~~~~ */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . pageWrapper-2PwDoS , /* guilddiscovery container */
2021-09-28 12:28:25 +02:00
# app-mount . pageWrapper-1x6lGh { /* unihub container */
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . pageWrapper-2PwDoS . searchBox-31Zv9h , /* guilddiscovery searchbox */
# app-mount . pageWrapper-1x6lGh . searchBox-3wTyE4 { /* unihub searchbox */
2021-09-28 12:28:25 +02:00
background-color : # fff ;
}
2022-01-11 15:06:27 +01:00
# app-mount . card-2TuZPZ , /* guilddiscovery card */
# app-mount . card-3N2v9t { /* unihub card */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . iconMask-2fMR98 , /* guilddiscovery iconmask */
# app-mount . iconMask-24Ybpm { /* unihub iconmask */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-04-14 09:15:29 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . card-2TuZPZ : hover ,
# app-mount . iconMask-2fMR98 : hover ,
# app-mount . card-3N2v9t : hover ,
# app-mount . iconMask-24Ybpm : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-04-14 09:15:29 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . cardPlaceholder-1E2FEs { /* guildcard placeholder */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . loading-3ozbwt { /* guildcard loading */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2019-11-09 17:26:03 +01:00
}
2022-04-23 19:35:58 +02:00
. actionButtonsContainer-2eREP- { /* guildcard action button */
position : relative ;
background : transparent ;
}
. actionButtonsContainer-2eREP- :: before ,
. actionButtonsContainer-2eREP- :: after {
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 4px ;
pointer-events : none ;
}
. actionButtonsContainer-2eREP- :: before {
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
background-attachment : fixed ;
}
. actionButtonsContainer-2eREP- :: after {
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
}
. spinner-2bMWLW { /* guildcard loading spinner */
background : transparent ;
transform : none ;
top : calc ( 50 % - 24px ) ;
left : calc ( 50 % - 24px ) ;
}
. spinner-2bMWLW :: before ,
. spinner-2bMWLW :: after {
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 8px ;
pointer-events : none ;
}
. spinner-2bMWLW :: before {
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
background-attachment : fixed ;
}
. spinner-2bMWLW :: after {
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 4 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
}
2020-06-10 18:52:45 +02:00
2022-01-11 15:32:34 +01:00
# app-mount . addEntryCard-w9XVzQ { /* add entry card */
2021-09-28 12:28:25 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
border-color : var ( --interactive-normal ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . addEntryCard-w9XVzQ : hover {
2021-09-28 12:28:25 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
border-color : var ( --interactive-active ) ;
}
2020-06-10 18:52:45 +02:00
. emojiContainer-1u-_sQ { /* search emojicontainer */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-05-17 23:12:18 +02:00
}
2022-01-11 15:06:27 +01:00
. emptyContainer-poti7J { /* search no results */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-06-10 18:52:45 +02:00
}
2021-03-19 23:23:44 +01:00
. placeholder-2erB-x { /* search placeholder */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-03-19 23:23:44 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 11. USERSETTINGS ~~~~ */
2019-09-19 12:56:54 +02:00
2021-05-13 20:58:14 +02:00
. premiumTabItem-1QTfBr [ aria-selected = true ] ,
2022-01-11 15:06:27 +01:00
. item-3XjbnG . selected-g-kMVV [ aria-controls = "Nitro Server Boost-tab" ] ,
2021-05-13 20:58:14 +02:00
. serverBoostTabItem-2hFTIN [ aria-selected = true ] {
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2020-06-01 10:48:24 +02:00
}
2022-09-02 11:10:52 +02:00
# app-mount . side-2ur1Qk . themed-2-lozF . item-3XjbnG : active : not ( . disabled-1nofHP ) , /* sideitems */
# app-mount . topPill-3DJJNV . themed-2-lozF . item-3XjbnG : active : not ( . disabled-1nofHP ) , /* tabitems */
2022-01-11 15:06:27 +01:00
# app-mount . side-2ur1Qk . themed-2-lozF . item-3XjbnG : hover : not ( . disabled-1nofHP ) , /* sideitems */
# app-mount . topPill-3DJJNV . themed-2-lozF . item-3XjbnG : hover : not ( . disabled-1nofHP ) { /* tabitems */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . side-2ur1Qk . themed-2-lozF . selected-g-kMVV . item-3XjbnG ,
# app-mount . topPill-3DJJNV . themed-2-lozF . selected-g-kMVV . item-3XjbnG ,
2022-09-02 12:46:16 +02:00
# app-mount . side-2ur1Qk . themed-2-lozF . selected-g-kMVV . item-3XjbnG : active ,
# app-mount . topPill-3DJJNV . themed-2-lozF . selected-g-kMVV . item-3XjbnG : active ,
2022-01-11 15:06:27 +01:00
# app-mount . side-2ur1Qk . themed-2-lozF . selected-g-kMVV . item-3XjbnG : hover ,
# app-mount . topPill-3DJJNV . themed-2-lozF . selected-g-kMVV . item-3XjbnG : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-05-06 17:50:44 +02:00
color : # fff ;
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . foreground-2hyALB { /* sidebar sideitemlink */
2021-05-11 09:45:18 +02:00
background : var ( --interactive-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-09-02 12:46:16 +02:00
# app-mount . link-39xJu3 : active . foreground-2hyALB ,
2022-01-11 15:06:27 +01:00
# app-mount . link-39xJu3 : hover . foreground-2hyALB {
2021-05-11 09:45:18 +02:00
background : var ( --interactive-active ) ;
2019-09-19 12:56:54 +02:00
}
2021-03-23 14:55:26 +01:00
. bd-social-link [ title = "BD" i ] . bd-social-logo ,
. bd-social-link [ title = "BetterDiscord" i ] . bd-social-logo ,
. bd-social-link [ title = "BBD" i ] . bd-social-logo ,
. bd-social-link [ title = "BandagedBD" i ] . bd-social-logo {
2021-05-06 17:50:44 +02:00
background : var ( --interactive-normal ) ;
2021-02-12 21:35:48 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / settingsicons / betterdiscord . svg ) center / contain no-repeat ;
2021-03-23 14:55:26 +01:00
opacity : 1 ;
2021-02-06 18:36:26 +01:00
transition : background . 15s ease ;
}
2021-03-23 14:55:26 +01:00
. bd-social-link [ title = "BD" i ] : hover . bd-social-logo ,
. bd-social-link [ title = "BetterDiscord" i ] : hover . bd-social-logo ,
. bd-social-link [ title = "BBD" i ] : hover . bd-social-logo ,
. bd-social-link [ title = "BandagedBD" i ] : hover . bd-social-logo {
2021-05-06 17:50:44 +02:00
background : var ( --interactive-active ) ;
2021-02-06 18:36:26 +01:00
}
2021-03-23 14:55:26 +01:00
. bd-social-link [ title = "BD" i ] . bd-social-logo > * ,
. bd-social-link [ title = "BetterDiscord" i ] . bd-social-logo > * ,
. bd-social-link [ title = "BBD" i ] . bd-social-logo > * ,
. bd-social-link [ title = "BandagedBD" i ] . bd-social-logo > * {
2021-02-06 18:36:26 +01:00
display : none ;
}
2022-01-11 15:06:27 +01:00
. contentRegion-3HkfJJ div [ role = "tabpanel" ] { /* tabpanel */
2021-05-19 20:45:19 +02:00
width : 100 % ;
}
2022-01-11 15:06:27 +01:00
. toolsContainer-25FL6V { /* closebutton wrapper */
2021-05-19 20:45:19 +02:00
margin-right : 37px ;
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButton-PCZcma { /* closebutton button */
2021-05-06 17:50:44 +02:00
border-color : var ( --channels-default ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButton-PCZcma path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --channels-default ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButton-PCZcma : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --accentcolor ) , . 2 ) ;
2021-05-06 17:50:44 +02:00
border-color : var ( --header-secondary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButton-PCZcma : hover path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButton-PCZcma : active {
2021-05-06 17:50:44 +02:00
border-color : var ( --text-normal ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButton-PCZcma : active path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . keybind-13vtq8 { /* closebutton keybind */
2021-05-06 17:50:44 +02:00
color : var ( --channels-default ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButtonBold-2Wgbg8 { /* closebutton button bold */
2021-05-06 17:50:44 +02:00
border-color : var ( --header-secondary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButtonBold-2Wgbg8 path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --header-secondary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButtonBold-2Wgbg8 : hover {
2021-05-06 17:50:44 +02:00
background-color : rgba ( var ( --accentcolor ) , . 4 ) ;
border-color : var ( --text-normal ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButtonBold-2Wgbg8 : hover path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --text-normal ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButtonBold-2Wgbg8 : active {
2021-05-06 17:50:44 +02:00
border-color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . closeButtonBold-2Wgbg8 : active path [ fill ] {
2021-05-06 17:50:44 +02:00
fill : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . keybindBold-1U6HoA { /* closebutton keybind bold */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-04-24 11:49:32 +02:00
. cardPrimary-3qRT__ ,
. cardPrimaryEditable-2mz_3i { /* settingsitems card */
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. cardPrimary-3qRT__ {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. cardPrimaryEditable-2mz_3i {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. cardPrimaryOutline-1ofwVz {
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. accountProfileCard-lbN7n- , /* accountsettings container */
2022-03-01 21:47:20 +01:00
. profileBannerPreview-3mLIdO { /* accountsettings preview */
2021-06-26 16:25:56 +02:00
background : transparent ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
}
2022-01-11 15:06:27 +01:00
. accountProfileCard-lbN7n- :: before ,
2022-03-01 21:47:20 +01:00
. profileBannerPreview-3mLIdO :: before ,
2022-01-11 15:06:27 +01:00
. accountProfileCard-lbN7n- :: after ,
2022-03-01 21:47:20 +01:00
. profileBannerPreview-3mLIdO :: after {
2021-06-26 16:25:56 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:05:43 +02:00
border-radius : 5px ;
2021-06-26 16:25:56 +02:00
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. accountProfileCard-lbN7n- :: before ,
2022-03-01 21:47:20 +01:00
. profileBannerPreview-3mLIdO :: before {
2021-06-26 16:25:56 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. accountProfileCard-lbN7n- :: after ,
2022-03-01 21:47:20 +01:00
. profileBannerPreview-3mLIdO :: after {
2021-06-26 16:25:56 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2021-06-26 16:25:56 +02:00
}
2022-01-11 15:06:27 +01:00
. accountProfileCard-lbN7n- . avatar-3mTjvZ { /* accountsettings container avatar */
2021-06-26 16:25:56 +02:00
background-color : transparent ;
2021-07-01 22:49:45 +02:00
border-color : transparent ;
2021-06-26 16:25:56 +02:00
}
2022-03-01 21:47:20 +01:00
. profileBannerPreview-3mLIdO . avatarUploaderInner-p38nm2 { /* accountsettings preview avatar */
2021-07-01 22:56:56 +02:00
background-color : transparent ;
border : unset ;
margin : 6px ;
}
2022-09-20 08:39:27 +02:00
/* accountsettings container banner */
. accountProfileCard-lbN7n- * : not ( foreignObject ) > . banner-1YaD3N {
2021-07-01 22:49:45 +02:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 20.576172 120 A 46 46 0 0 1 62 94 A 46 46 0 0 1 103.41992 120 L 2400 120 L 2400 0 L 0 0 z"/></svg>' ) bottom left no-repeat ;
2021-06-26 16:25:56 +02:00
}
2022-09-20 08:39:27 +02:00
/* accountsettings preview banner */
. profileBannerPreview-3mLIdO * : not ( foreignObject ) > . banner-3D8GgT {
2021-07-01 22:49:45 +02:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 16 120 A 46 46 0 0 1 62 76 A 46 46 0 0 1 108 120 L 2400 120 L 2400 0 L 0 0 z"/></svg>' ) bottom left no-repeat ;
2021-06-26 16:25:56 +02:00
}
2022-01-11 15:32:34 +01:00
. questionMark-3V9mGJ svg { /* accountsettings questionmark new */
2021-05-06 17:50:44 +02:00
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . avatarUploader-AF-hm- . removeButton-3B_Vmg { /* accountsettings removeavatar */
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . avatarUploader-AF-hm- . removeButton-3B_Vmg : hover {
2021-05-06 17:50:44 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . userSettingsSecurity-3C5Hg5 . codeCheckbox-12-XEX {
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . background-3d_SjE { /* accountsettings container */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-10-16 09:26:23 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . fieldList-in8WkP { /* accountsettings settings */
2021-06-26 16:25:56 +02:00
background-color : transparent ;
2020-10-16 09:26:23 +02:00
}
2019-09-19 12:56:54 +02:00
2021-09-27 16:45:10 +02:00
. colorSwatch-3g4qA8 { /* profilesettings colorswatch */
display : flex ;
justify-content : center ;
align-items : center ;
}
. colorSwatch-3g4qA8 > [ role = "radio" ] {
display : flex ;
flex-direction : column ;
align-items : center ;
}
. colorSwatch-3g4qA8 > . dropperIconButton-2shYII {
width : 69px ;
margin : auto ;
}
2022-01-11 15:06:27 +01:00
. accountList-305sx3 { /* connections container */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-05-12 11:23:04 +02:00
}
2022-01-11 15:06:27 +01:00
. accountBtn-1YkMgV . accountBtnInner-3XK70s { /* connections connectioninner */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. accountBtn-1YkMgV . accountBtnInner-3XK70s : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. connection-107AGH { /* connections connection */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-10-14 22:06:22 +02:00
}
2022-01-11 15:06:27 +01:00
. connectionHeader-2rV1ze { /* connections connection header */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
. guildHeader-3nh5RK { /* boostsettings suggestioncard */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2020-03-26 00:42:57 +01:00
}
. guildSubscriptionSlots-JPXXvN { /* boostsettings suggestioncard */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
. cardWrapper-CyvwQv { /* boostsettings suggestioncard */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
. cardWrapper-CyvwQv : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
. cardWrapper-CyvwQv . card-2gdrYL , /* boostsettings suggestioncard inner */
. cardWrapper-CyvwQv . card-2gdrYL : hover {
2020-03-26 00:42:57 +01:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
# app-mount . gemIndicatorContainer-PqApbX { /* boostsettings suggestioncard circle */
2020-03-26 00:42:57 +01:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
# app-mount . summaryInfo-3hcuop { /* boostsettings past transactions summary */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . payment-2bOh4k { /* boostsettings past transactions payment */
2020-03-26 15:59:43 +01:00
background-color : transparent ;
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . hoverablePayment-lE1s4t : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . paymentHeader-2o7Phd { /* boostsettings past transactions header */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
border-color : var ( --background-modifier-accent ) ;
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . expandedInfo-1W31i3 { /* boostsettings past transactions expandedinfo */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . paymentText-BPrx01 { /* boostsettings past transactions paymenttext */
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
2020-03-26 15:59:43 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . giftIcon-U9wStf { /* boostsettings past transactions gifticon */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2020-03-26 01:16:30 +01:00
}
2021-05-06 18:17:02 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . paymentPane-ut5qKZ { /* boostsettings past transactions */
2021-05-06 18:17:02 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
color : var ( --header-primary ) ;
2020-03-26 01:16:30 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . paginator-1eqD2g { /* boostsettings past transactions paginator */
2021-05-06 18:17:02 +02:00
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
color : var ( --text-muted ) ;
2020-03-26 01:16:30 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . bottomDivider-ZmTm-j { /* boostsettings past transactions divider */
2021-05-06 18:17:02 +02:00
border-bottom-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 01:16:30 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tab-2hobIk { /* boostsettings past transactions tab */
2021-05-06 18:17:02 +02:00
color : var ( --text-muted ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . externalRowHeader-LT6-4N { /* boostsettings past transactions extenal row */
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
2020-03-26 01:16:30 +01:00
}
2020-03-26 00:42:57 +01:00
2022-01-11 15:06:27 +01:00
. emptyStateImage-2qGUMK { /* giftinventory no gifts */
2021-04-27 16:22:49 +02:00
opacity : 0 . 6 ;
}
2022-08-31 09:34:04 +02:00
# app-mount . codeRedemptionRedirect-2hYMSQ { /* payment coderedem */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2021-04-27 16:22:49 +02:00
}
2022-01-11 15:06:27 +01:00
. membershipDialogHouse1-R8jb0l { /* hypesquad membershipdialogs */
2021-05-06 12:41:18 +02:00
background-color : rgba ( 156 , 132 , 239 , . 8 ) ;
2020-05-12 11:23:04 +02:00
}
2022-01-11 15:06:27 +01:00
. membershipDialogHouse2-2W27iJ {
2021-05-06 12:41:18 +02:00
background-color : rgba ( 244 , 123 , 103 , . 8 ) ;
2020-05-12 11:23:04 +02:00
}
2022-01-11 15:06:27 +01:00
. membershipDialogHouse3-1E5AN4 {
2021-05-06 12:41:18 +02:00
background-color : rgba ( 69 , 221 , 192 , . 8 ) ;
2020-05-12 11:23:04 +02:00
}
2022-01-11 15:06:27 +01:00
. videoWrapper-1_H3B3 {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-03-19 23:23:44 +01:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
. container-3NTP7o { /* voicesettings voicebarcontainer */
2021-02-12 21:35:48 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / common / voice_level_bar . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. notches-2w7UZJ {
2020-10-17 19:28:14 +02:00
background : transparent ! important ;
}
2022-01-11 15:06:27 +01:00
# app-mount . progress-1S-TDF { /* voicesettings voicebar */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. icon-1fWS75 [ src = "/assets/ebfb23f0cdb11b1871ed8beb3f9ec0ee.svg" ] ,
. icon-1fWS75 [ src = "/assets/c28317e203e00b2d7390d5ece2399228.svg" ] {
2021-05-06 17:50:44 +02:00
-webkit-mask : url ( https : / / discord . com / assets / c28317e203e00b2d7390d5ece2399228 . svg ) center / contain no-repeat ;
background-color : var ( --header-primary ) ;
object-position : -999999px -999999px ;
}
2022-01-11 15:06:27 +01:00
. icon-1fWS75 [ src = "/assets/8c49c7d4a59675bb6ceaee1bb80b5803.png" ] ,
. icon-1fWS75 [ src = "/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png" ] {
2021-05-06 17:50:44 +02:00
-webkit-mask : url ( https : / / discord . com / assets / e8b66317ab0dc9ba3bf8d41a4f3ec914 . png ) center / contain no-repeat ;
background-color : var ( --header-primary ) ;
object-position : -999999px -999999px ;
}
2022-01-11 15:32:34 +01:00
. userSettingsVoice-1_dzjw . media-engine-video { /* voicesettings video */
2019-09-19 12:56:54 +02:00
background : transparent ;
}
2022-01-11 15:32:34 +01:00
# app-mount . userSettingsVoice-1_dzjw . previewOverlay-2reuWf {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. option-1QI4c9 { /* overlay option */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. option-1QI4c9 : hover ,
. option-1QI4c9 . selected-18Wszc {
2021-05-06 12:41:18 +02:00
box-shadow : 0 2px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. disabled-35mc5w {
2021-05-06 12:41:18 +02:00
color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . row-1Tg75B { /* hotkeys row */
2021-05-06 17:50:44 +02:00
box-shadow : inset 0 -1px 0 var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . card-2ART2V :: before { /* settingscard backdrop */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . button-1yVL_7 { /* settingscard removebutton */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 6 ) , 0 1px 5px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . button-1yVL_7 : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 7 ) ;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
# app-mount . game-2f2vPC { /* games card */
2021-05-06 17:50:44 +02:00
box-shadow : 0 1px 0 0 var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
# app-mount . gameNameInput-2wbDJ9 : focus ,
# app-mount . gameNameInput-2wbDJ9 : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 18:17:02 +02:00
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
# app-mount . gameName-zbZetm { /* games gamename */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
# app-mount . lastPlayed-1jum9A , /* games lastplayed */
# app-mount . overlayStatusText-In0YrK { /* games overlaystatustext */
2021-05-06 18:17:02 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
# app-mount . overlayToggleIconOn-21NN2N . fill-297bdf { /* games overlaystatusicon */
2021-05-06 18:17:02 +02:00
fill : var ( --text-muted ) ;
}
2022-04-13 22:43:16 +02:00
# app-mount . nowPlayingAdd-3I4RbE { /* games descriptionhint */
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
}
2022-04-13 22:43:16 +02:00
# app-mount . nowPlaying-3UpuKc . gameName-zbZetm {
2021-05-06 18:17:02 +02:00
color : # fff ;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
# app-mount . nowPlaying-3UpuKc . lastPlayed-1jum9A ,
# app-mount . nowPlaying-3UpuKc . overlayStatusText-In0YrK {
2021-05-06 18:17:02 +02:00
color : # b4e1cd ;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
# app-mount . nowPlaying-3UpuKc . overlayToggleIconOff-ps4gGp . fill-297bdf ,
# app-mount . nowPlaying-3UpuKc . overlayToggleIconOn-21NN2N . fill-297bdf {
2021-05-06 18:17:02 +02:00
fill : # b4e1cd ;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
# app-mount . notDetected-M3Ghh2 { /* games nogame */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-04-13 22:43:16 +02:00
# app-mount . notDetected-M3Ghh2 . lastPlayed-1jum9A {
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
}
2019-09-19 12:56:54 +02:00
2022-04-13 22:43:16 +02:00
# app-mount . addGamePopout-2SKNIV { /* games add game popout */
2021-05-06 21:30:35 +02:00
background-color : transparent ;
}
2022-04-13 22:43:16 +02:00
. addGamePopout-2SKNIV :: before ,
. addGamePopout-2SKNIV :: after {
2021-05-06 21:30:35 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-04-13 22:43:16 +02:00
. addGamePopout-2SKNIV :: before {
2021-06-26 17:05:43 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-04-13 22:43:16 +02:00
. addGamePopout-2SKNIV :: after {
2021-05-06 21:30:35 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 15 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2021-05-06 21:30:35 +02:00
}
2022-04-13 22:43:16 +02:00
# app-mount . addGamePopout-2SKNIV . cancelButton-1_3Ix7 {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
. preview-rua1rr { /* appearance preview */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-01-30 14:28:12 +01:00
}
2020-01-24 18:35:29 +01:00
# app-mount . item-3eFBNF { /* languagesettings row */
2020-06-27 08:35:10 +02:00
border-radius : 5px ;
2021-05-06 17:50:44 +02:00
box-shadow : 0 1px 0 0 var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2020-01-30 14:22:09 +01:00
. item-3eFBNF : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-01-30 14:22:09 +01:00
}
. item-3eFBNF . selected-2DeaDa {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-01-30 14:22:09 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ~~~~ 12. GUILDSETTINGS ~~~~ */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
. container-20TyK0 { /* settings confirmnotice */
2020-08-03 17:13:08 +02:00
position : relative ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
2020-08-03 17:13:08 +02:00
}
2022-01-11 15:32:34 +01:00
. container-20TyK0 [ style * = "background-color: rgba(248, 249, 249" ] ,
. container-20TyK0 [ style * = "background-color: rgba(32, 34, 37" ] {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 7 ) ! important ;
2020-08-03 17:13:08 +02:00
}
2022-02-06 17:58:39 +01:00
. container-20TyK0 [ style * = "background-color: rgba(248, 249, 249" ] . message-3C6JQ1 ,
. container-20TyK0 [ style * = "background-color: rgba(32, 34, 37" ] . message-3C6JQ1 {
color : var ( --header-primary ) ! important ;
}
. container-20TyK0 [ style * = "background-color: rgba(248, 249, 249" ] . resetButton-jFzA0U span [ style ] ,
. container-20TyK0 [ style * = "background-color: rgba(32, 34, 37" ] . resetButton-jFzA0U span [ style ] {
color : var ( --header-primary ) ! important ;
}
2022-01-11 15:32:34 +01:00
. container-20TyK0 :: before {
2020-08-03 17:13:08 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
2021-05-03 16:23:08 +02:00
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
2020-08-03 17:13:08 +02:00
background-attachment : fixed ;
2020-11-02 23:51:53 +01:00
pointer-events : none ;
z-index : -1 ;
2020-08-03 17:13:08 +02:00
}
2022-01-11 15:32:34 +01:00
. roles-34RIpY { /* rolesettings intro roles */
2021-05-18 12:18:20 +02:00
z-index : 2 ;
}
2022-01-11 15:32:34 +01:00
. profileCard-1j58Ju { /* rolesettings intro profile */
2021-05-18 12:18:20 +02:00
position : relative ;
z-index : 1 ;
}
2022-01-11 15:32:34 +01:00
. profileCard-1j58Ju :: before ,
. profileCard-1j58Ju :: after {
2021-05-18 12:18:20 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
. profileCard-1j58Ju :: before {
2021-06-26 17:05:43 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. profileCard-1j58Ju :: after {
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
}
2022-01-11 15:06:27 +01:00
. sidebar-3K3Z4C { /* rolesettings sidebar */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2021-04-13 16:16:02 +02:00
border : none ;
}
2022-01-11 15:06:27 +01:00
. container-3EtAkD { /* rolesettings everyone role */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-04-13 16:16:02 +02:00
}
2022-01-11 15:06:27 +01:00
. container-3EtAkD : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-04-13 16:16:02 +02:00
}
2021-05-06 18:17:02 +02:00
img [ src = "/assets/cef02719c12d8aaf38894c16dca7fbe6.svg" ] { /* rolesettings addrolebutton */
2021-04-03 16:55:17 +02:00
-webkit-mask : url ( https : / / discord . com / assets / cef02719c12d8aaf38894c16dca7fbe6 . svg ) ;
2021-05-06 18:17:02 +02:00
background : currentColor ;
2021-03-20 13:18:38 +01:00
object-position : -999999px -999999px ;
}
2022-01-11 15:06:27 +01:00
. settingCard-xZSDjS { /* rolesettings setting card */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-04-13 16:16:02 +02:00
}
2022-01-11 15:06:27 +01:00
. settingCard-xZSDjS . active-3EK-ed { /* rolesettings setting card active */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-04-13 16:16:02 +02:00
}
2022-01-11 15:06:27 +01:00
. cardContent-1-5hym { /* rolesettings setting card header */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-04-13 16:16:02 +02:00
}
2022-01-11 15:06:27 +01:00
. cardFolder-3H4uH4 { /* rolesettings setting card body */
2021-04-13 16:16:02 +02:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
. group-LWHoGI { /* rolesettings permissions group */
2021-05-06 12:41:18 +02:00
border-color : rgb ( var ( --transparencycolor ) , . 4 ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
. item-4m-12I { /* rolesettings permissions item */
2021-05-06 12:41:18 +02:00
background : rgb ( var ( --transparencycolor ) , . 2 ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
. item-4m-12I : hover {
2021-05-06 12:41:18 +02:00
background : rgb ( var ( --transparencycolor ) , . 4 ) ;
2021-03-31 11:30:11 +02:00
}
2022-01-11 15:06:27 +01:00
. passthrough--fbdFR . selected-3jieYB { /* rolesettings permissions passthrough selected */
2021-05-03 16:23:08 +02:00
background : rgb ( var ( --accentcolor ) ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
. icon-2DGsye { /* rolesettings everyone role icon */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
. titleContainer-3fPic2 , /* rolesettings roles list header */
2022-01-11 15:32:34 +01:00
. header-JUTO-g { /* rolesettings perms list header */
2021-03-20 13:18:38 +01:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
. titleElevated-eN3exl ,
2022-01-11 15:32:34 +01:00
. stickyHeaderElevated-dNSSrJ {
2021-03-20 13:18:38 +01:00
box-shadow : none ;
}
2022-01-11 15:32:34 +01:00
. header-JUTO-g :: before ,
. header-JUTO-g :: after {
2021-03-20 13:18:38 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
. header-JUTO-g :: before {
2021-05-03 16:23:08 +02:00
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
2021-03-20 13:18:38 +01:00
background-attachment : fixed ;
2021-06-26 17:05:43 +02:00
}
2022-01-11 15:32:34 +01:00
. header-JUTO-g :: after {
2021-06-26 17:05:43 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) ) ) ;
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:32:34 +01:00
. roleDot-2a4Pv7 { /* rolesettings role dot */
2021-03-20 13:18:38 +01:00
border : none ;
}
2022-01-11 15:06:27 +01:00
. roleRow-3LoHQ6 : hover : not ( . roleRowDisableHover-2TXfy- ) { /* rolesettings role row */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
. roleRow-3LoHQ6 : hover : not ( . roleRowDisableHover-2TXfy- ) . circleButton-33AIyY {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
. roleRow-3LoHQ6 : hover : not ( . roleRowDisableHover-2TXfy- ) . circleButton-33AIyY : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
. roleRow-3LoHQ6 : before ,
. roleRow-3LoHQ6 : last-child : after {
2021-05-06 17:50:44 +02:00
background-color : var ( --background-modifier-accent ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
. memberRow-1FhJgR : hover { /* rolesettings member row */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-03-31 11:30:11 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . colorPickerSwatch-RTUGRR . noColor-1Oln62 { /* rolesettings colorswatch nocolor */
2021-05-06 18:17:02 +02:00
border-color : rgba ( var ( --textbrightest ) , . 3 ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . colorPickerSwatch-RTUGRR . noColor-1Oln62 . colorPickerDropperFg-Lureab {
2021-05-06 18:17:02 +02:00
fill : var ( --header-primary ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . colorPickerSwatch-RTUGRR . noColor-1Oln62 polyline {
2021-05-06 18:17:02 +02:00
stroke : var ( --header-primary ) ;
2021-03-20 13:18:38 +01:00
}
2022-01-11 15:06:27 +01:00
. previewContainer-1xQAsw { /* rolesettings preview */
2021-03-31 11:30:11 +02:00
border : none ;
}
2022-01-11 15:06:27 +01:00
. messageContainer-3a6gLR { /* rolesettings preview message */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-03-31 11:30:11 +02:00
}
2022-01-11 15:06:27 +01:00
. theme-light . messageContainer-3a6gLR {
2021-03-31 11:30:11 +02:00
display : none ;
}
2022-01-11 15:06:27 +01:00
. addMemberRow-KVhQFf . selectedRow-1SAgVL { /* rolesettings add member row */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-03-31 11:30:11 +02:00
}
2021-03-20 13:18:38 +01:00
2020-03-25 22:40:02 +01:00
# app-mount . emojiAliasInput-1y-NBz . emojiInput-1aLNse { /* emojisettings nameinput */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2020-03-25 22:40:02 +01:00
}
2022-01-21 22:49:05 +01:00
# app-mount . auditLog-1NVAY0 { /* auditlogs logitem */
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2021-05-06 18:17:02 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
# app-mount . headerClickable-zGQJz3 , /* auditlogs loginner */
# app-mount . headerDefault-1e6yjj {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
# app-mount . headerExpanded-1-zwDr {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 18:17:02 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
# app-mount . divider-M3saWq { /* auditlogs loginnerdivider */
2021-05-06 17:50:44 +02:00
background-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
# app-mount . changeDetails-1kMZqI { /* auditlogs logdetails */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
# app-mount . userHook-3R3zjr { /* auditlogs userhook */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
# app-mount . auditLog-1NVAY0 strong { /* auditlogs targets */
2021-05-06 18:17:02 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
# app-mount . timestamp-147bcs { /* auditlogs timestamp */
2021-05-06 18:17:02 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
# app-mount . expandForeground-1nZ4VR { /* auditlogs expandarrow */
2021-05-06 18:17:02 +02:00
stroke : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. themeOverrideLight-bdYR2N . icon-2PiQ65 , /* auditlogs logicon */
. themeOverrideDark-3-xxHI . icon-2PiQ65 ,
# app-mount . icon-2PiQ65 {
2019-09-19 12:56:54 +02:00
background : none ! important ;
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 :: before {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
2021-05-06 18:17:02 +02:00
background : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . applicationCommand-3YMgNf :: before {
-webkit-mask : url ( https : / / discord . com / assets / 561a626f671b8fd8f0c2e85c97df9b04 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-06-29 16:37:39 +02:00
. icon-2PiQ65 . autoModerationBlockMessage-97cbNX :: before {
-webkit-mask : url ( https : / / discord . com / assets / 210ac667f45d13bc52020744f008b1ed . svg ) ;
}
2022-06-17 21:25:00 +02:00
. icon-2PiQ65 . autoModerationRule-2pc9PC :: before {
-webkit-mask : url ( https : / / discord . com / assets / 210ac667f45d13bc52020744f008b1ed . svg ) ;
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetAll-21RPfg :: before {
-webkit-mask : url ( https : / / discord . com / assets / 22fd0ab3562af24ea964465bb65531aa . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetBan-qwvck2 :: before {
-webkit-mask : url ( https : / / discord . com / assets / fd541825b6853aaae233ad9d83e05a18 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetChannel-1NWbC5 :: before {
-webkit-mask : url ( https : / / discord . com / assets / 528ae525a9823affbcd2a35bd20573b0 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetEmoji-2T6Ze4 :: before {
-webkit-mask : url ( https : / / discord . com / assets / 858ab2bdee17ca226df85e23263bcf3a . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetGuild-pvPVWS :: before {
-webkit-mask : url ( https : / / discord . com / assets / 448b698d906ab4d93b609282595a1c9d . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-06-17 21:25:00 +02:00
. icon-2PiQ65 . targetGuildHome-3LSyOg :: before {
-webkit-mask : url ( https : / / discord . com / assets / eeaa7c1199e8f4cdb46de98c9b924edf . svg ) ;
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetGuildScheduledEvent-330pb3 :: before {
-webkit-mask : url ( https : / / discord . com / assets / 7093e58edcd5202a129a6e4fbf427c6d . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetIntegration-j5Mnwy :: before {
-webkit-mask : url ( https : / / discord . com / assets / 993b5f52b8bd8d1c1c34cac05015c331 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetInvite-2hFskc :: before {
-webkit-mask : url ( https : / / discord . com / assets / d0dc8a4c8ea55b119c5c2cccf69b031f . svg ) ;
2021-07-29 20:46:18 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetMember-2pI3Cu :: before {
-webkit-mask : url ( https : / / discord . com / assets / e2c0846875f889524e3d60e7d25afa55 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetMemberRole-jNaX-k :: before {
-webkit-mask : url ( https : / / discord . com / assets / 00124e254d0d86c37f6d02ec0c5b1e02 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetMessage-WgF9Dt :: before {
-webkit-mask : url ( https : / / discord . com / assets / aa9f9c29b51e414f0476d4388031aaf4 . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetPermission-2fNNaU :: before {
-webkit-mask : url ( https : / / discord . com / assets / 35de2007bfe0db9821881321d8b7c1fe . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetRole-24Nm1S :: before {
-webkit-mask : url ( https : / / discord . com / assets / 9aa6e9df74888ec09885bb08341800be . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetStageInstance-2ljqjY :: before {
-webkit-mask : url ( https : / / discord . com / assets / dfad85fc7c072498298077f68cf006ca . svg ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetSticker-2BoYB9 :: before {
-webkit-mask : url ( https : / / discord . com / assets / da5f0aa4b5ccf0165b4220ba9929ea59 . svg ) ;
2020-05-30 18:14:25 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetVanityUrl-1KGkGd :: before {
-webkit-mask : url ( https : / / discord . com / assets / bef4eebd4f9e00aabbfa7de1949c8565 . svg ) ;
2021-07-29 20:46:18 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetWebhook-3gzYYG :: before {
-webkit-mask : url ( https : / / discord . com / assets / 210ac667f45d13bc52020744f008b1ed . svg ) ;
2021-07-29 20:46:18 +02:00
}
2022-01-21 22:49:05 +01:00
. icon-2PiQ65 . targetWidget-3g4NqJ :: before {
-webkit-mask : url ( https : / / discord . com / assets / 03f717eddad9ac74a1900254625657cf . svg ) ;
}
. icon-2PiQ65 . thread-P4cm8D :: before {
-webkit-mask : url ( https : / / discord . com / assets / c254ffdde9bc5c90c5ec5d9e11dbf382 . svg ) ;
2021-07-29 20:46:18 +02:00
}
2019-09-19 12:56:54 +02:00
2020-08-26 16:14:26 +02:00
# app-mount . card-o7rAq- { /* integrationsettings card */
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --transparencycolor ) , . 1 )
2020-08-26 16:14:26 +02:00
}
2020-08-14 14:48:12 +02:00
# app-mount . card-3IImnr { /* integrationsettings webhook card */
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --transparencycolor ) , . 1 )
2020-08-14 14:48:12 +02:00
}
# app-mount . card-1o0mns { /* integrationsettings apps card */
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --transparencycolor ) , . 1 )
2021-04-01 09:33:27 +02:00
}
# app-mount . card-11DMwv { /* integrationsettings follows card */
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --transparencycolor ) , . 1 )
2020-07-26 17:04:43 +02:00
}
2020-08-03 17:13:08 +02:00
. iconWrapper-lS1uig { /* integrationsettings icon */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-08-03 17:13:08 +02:00
}
2021-01-02 13:17:33 +01:00
# app-mount . footerImage-4UrEF0 {
2021-04-03 16:55:17 +02:00
background-image : url ( https : / / discord . com / assets / 36d0e0bb009fa362c2533003c0af67b5 . svg ) ;
2021-01-02 13:17:33 +01:00
opacity : 0 . 6 ;
}
2020-08-03 17:13:08 +02:00
. guildDetails-2p1NmK { /* communitysettings intro details */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-08-03 17:13:08 +02:00
}
. featureCard-1RR4Tl { /* communitysettings intro featurecard */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
2020-09-26 19:23:30 +02:00
. featureIcon-3p1TC_ { /* communitysettings intro featureicon */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-09-26 19:23:30 +02:00
}
. checklistContainer-mFJZEJ { /* communitysettings intro checklist */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-09-26 19:23:30 +02:00
}
. checklistHeader-1KWcEY { /* communitysettings intro checklist header */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-09-26 19:23:30 +02:00
}
2020-08-03 17:13:08 +02:00
. upsellContainer-L9xv7w { /* communitysettings general upsellcontainer */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-08-03 17:13:08 +02:00
}
. upsellFooter-ZYsio_ { /* communitysettings general upsellfooter */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-08-03 17:13:08 +02:00
}
. developerPortalCtaWrapper-2XNafh { /* communitysettings analytics info */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
2022-01-11 15:06:27 +01:00
. analyticsCard-2fnrVG { /* communitysettings analytics card */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
2022-01-11 15:06:27 +01:00
. backgroundAccent-2YeFtZ { /* communitysettings analytics error */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-03-19 23:23:44 +01:00
}
2020-08-03 17:13:08 +02:00
# app-mount . card-3_CqkU { /* communitysettings discovery card */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
# app-mount . iconMask-30Tvqs { /* communitysettings discovery icon */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-08-03 17:13:08 +02:00
}
. perkArt-1SGWbA { /* communitysettings discovery perk */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-08-03 17:13:08 +02:00
}
. container-2w0lh0 { /* communitysettings discovery checklist */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
. header-2Y0-A- { /* communitysettings discovery checklist header */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
2022-01-11 15:06:27 +01:00
. exampleContainer-2O-nVK , /* communitysettings rules example */
2020-12-23 16:01:57 +01:00
. exampleContainer-25sB-A { /* communitysettings welcome example */
background : transparent ;
position : relative ;
}
2022-01-11 15:06:27 +01:00
. exampleContainer-2O-nVK > * ,
2020-12-23 16:01:57 +01:00
. exampleContainer-25sB-A > * {
z-index : 1 ;
}
2022-01-11 15:06:27 +01:00
. exampleContainer-2O-nVK :: after ,
2020-12-23 16:01:57 +01:00
. exampleContainer-25sB-A :: after {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2021-02-12 21:35:48 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / common / discord_window_placeholder . svg ) 0 0 / cover no-repeat ;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . exampleModal-1lRfuE , /* communitysettings rules examplemodal */
2020-12-23 16:01:57 +01:00
# app-mount . exampleModal-2X2Vf8 { /* communitysettings welcome examplemodal */
2020-12-22 21:58:36 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-12-22 21:58:36 +01:00
position : relative ;
border-radius : 5px ;
}
2022-01-11 15:06:27 +01:00
. exampleModal-1lRfuE > * ,
2020-12-23 16:01:57 +01:00
. exampleModal-2X2Vf8 > * {
2020-12-22 21:58:36 +01:00
z-index : 1 ;
}
2022-01-11 15:06:27 +01:00
. exampleModal-1lRfuE :: before ,
2021-06-26 17:05:43 +02:00
. exampleModal-2X2Vf8 :: before ,
2022-01-11 15:06:27 +01:00
. exampleModal-1lRfuE :: after ,
2021-06-26 17:05:43 +02:00
. exampleModal-2X2Vf8 :: after {
2020-12-22 21:58:36 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
pointer-events : none ;
}
2022-01-11 15:06:27 +01:00
. exampleModal-1lRfuE :: before ,
2021-06-26 17:05:43 +02:00
. exampleModal-2X2Vf8 :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. exampleModal-1lRfuE :: after ,
2020-12-23 16:01:57 +01:00
. exampleModal-2X2Vf8 :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-12-22 21:58:36 +01:00
}
2020-12-23 16:01:57 +01:00
2022-01-11 15:06:27 +01:00
. guildSidebar-pjuGkm { /* communitysettings rules example sidebar */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-12-23 16:04:10 +01:00
margin-right : 0 ! important ;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
. content-pHpkq8 { /* communitysettings rules example inner */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . footer-11k_3m { /* communitysettings rules example footer */
2020-12-22 21:58:36 +01:00
background : transparent ;
}
2022-01-11 15:06:27 +01:00
. exampleTextSingleLine-3bwqy5 { /* communitysettings rules example line */
2021-05-06 20:04:14 +02:00
background-color : rgba ( var ( --textbrightest ) , . 3 ) ;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
. enableContainer-1J91Aq { /* communitysettings rules enablecontainer */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:32:34 +01:00
. icon-1_mnkD { /* communitysettings rules category icon */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:32:34 +01:00
. settingsFormItem-25zW3t { /* communitysettings rules form */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:32:34 +01:00
. getStartedWrapper-2mNX-j { /* communitysettings rules getstarted */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:06:27 +01:00
. exampleRule-3gJ39X { /* communitysettings rules example rule */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:06:27 +01:00
. rulesTextAreaInput-asSkdy { /* communitysettings rules edit rule */
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:06:27 +01:00
. rulesTextAreaInput-asSkdy : hover : not ( : focus ) {
2021-05-03 16:23:08 +02:00
border-color : rgb ( var ( --transparencycolor ) ) ;
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
. editCircle-2uL_D3 { /* communitysettings rules editcirle */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:32:34 +01:00
. editButton-2SLR4j { /* communitysettings rules editbutton */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:32:34 +01:00
. editButton-2SLR4j : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 6 ) ;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:32:34 +01:00
. formFieldWrapper-2LV3S6 ,
. settingsFormFieldWrapper-U99c9i { /* communitysettings rules form field */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-12-22 21:58:36 +01:00
}
2021-03-20 11:04:08 +01:00
. editCircle-ityklj { /* communitysettings welcome editcirle */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-03-20 11:04:08 +01:00
}
2020-08-03 17:13:08 +02:00
. optionContainer-1FtykV { /* communitysettings welcome exampleoption */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-08-03 17:13:08 +02:00
}
2020-08-03 17:31:03 +02:00
. enableContainer-6E-puu { /* communitysettings welcome previewheader */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-08-03 17:31:03 +02:00
}
. previewContainer-1SS3uO { /* communitysettings welcome previewcontainer */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-08-03 17:31:03 +02:00
}
. welcomeChannel-1rFrIO { /* communitysettings welcome welcomechannel */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-08-03 17:31:03 +02:00
}
2021-03-20 11:04:08 +01:00
. channelIcon-1eKmlw { /* communitysettings welcome channelicon s */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-03-20 11:04:08 +01:00
}
2020-07-26 17:04:43 +02:00
. descriptionBox-1EKQKL { /* templatesettings descriptionbox */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-04-01 23:00:31 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . tierHeaderLocked-30MLlO { /* boostsettings tierheaderlocked */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-05-06 20:04:14 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . tierHeaderUnlocked-1OpOLf { /* boostsettings tierheaderunlocked */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tierCloseClose-T256RA { /* boostsettings tiercloseclose */
2021-06-15 12:35:58 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . tierBody-1d3UiS { /* boostsettings tierbody */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 20:04:14 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . tierInProgress-1vFUnw { /* boostsettings tiermilestone */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . background-3xJH_4 { /* boostsettings tierbar (settings) */
2021-05-06 12:41:18 +02:00
color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
# app-mount . member-1q7VfX { /* membersettings membercard */
2021-05-06 17:50:44 +02:00
box-shadow : 0 1px 0 0 var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
# app-mount . member-1q7VfX . name-8yzEIY { /* membersettings membercardname */
2021-05-06 20:04:14 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
# app-mount . member-1q7VfX . tag-1YGWN9 { /* membersettings membercardtag */
2021-05-06 20:04:14 +02:00
color : var ( --text-muted ) ;
}
# app-mount . member-1q7VfX . roleWrapper-1Hde_V { /* membersettings rolewrapper */
color : rgba ( var ( --textbrightest ) , . 8 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . actionButton-1YKTU0 { /* membersettings addrolebutton */
2021-05-06 20:04:14 +02:00
border-color : var ( --header-secondary ) ;
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2021-05-06 20:04:14 +02:00
# app-mount . member-1q7VfX . overflowIconFg-QMRRFI { /* membersettings 3-dot icon */
fill : var ( --header-primary ) ;
}
# app-mount . member-1q7VfX . ownerHelpIcon-3ItaBx { /* membersettings help icon */
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . overflowRolesPopout-1Puiuq , /* membersettings roleoverflow popout */
# app-mount . overflowRolesPopoutArrow-2R7g3K {
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 2 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-03-26 00:42:57 +01:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
}
2022-01-11 15:06:27 +01:00
. overflowRolesPopout-1Puiuq :: before ,
. overflowRolesPopoutArrow-2R7g3K :: before ,
. overflowRolesPopout-1Puiuq :: after ,
. overflowRolesPopoutArrow-2R7g3K :: after {
2020-03-26 00:42:57 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. overflowRolesPopout-1Puiuq :: before ,
. overflowRolesPopoutArrow-2R7g3K :: before {
2021-06-26 17:05:43 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. overflowRolesPopout-1Puiuq :: after ,
. overflowRolesPopoutArrow-2R7g3K :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 1 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
. overflowRolesPopoutHeaderIcon-2LIuSc path {
2021-05-06 20:04:14 +02:00
fill : var ( --header-secondary ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
. overflowRolesPopoutHeaderText-3HyHGv {
2021-05-06 20:04:14 +02:00
color : var ( --header-secondary ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . inviteSettingsInviteRow-1rZeIM { /* invitesettings invitecard */
2021-05-06 17:50:44 +02:00
box-shadow : 0 1px 0 0 var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
# app-mount . bannedUser-1IalTM { /* bansettings bancard */
2021-05-06 17:50:44 +02:00
box-shadow : 0 1px 0 0 var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
# app-mount . bannedUser-1IalTM . username-1b3MVI { /* invitesettings username */
2021-05-06 20:04:14 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
# app-mount . bannedUserModal-3RJCOV . reasonHeader-2etdjy { /* invitesettings banmodalreasonheader */
2021-05-06 20:04:14 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
# app-mount . bannedUser-1IalTM . username-1b3MVI . discrim-oGb-FO ,
# app-mount . bannedUserModal-3RJCOV . reason-YbfGC6 , /* invitesettings banmodalreason */
# app-mount . bannedUserModal-3RJCOV . userDiscrim-1D2NlF { /* invitesettings discriminator */
2021-05-06 20:04:14 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ~~~~ 13. MODALS ~~~~ */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
. layer-1Ixpg3 : nth-child ( 1 ) ,
. withLayer-2VVmpp : nth-child ( 1 ) {
2020-10-17 15:08:02 +02:00
z-index : 1002 ;
}
2022-01-11 15:06:27 +01:00
. layer-1Ixpg3 : nth-child ( 2 ) ,
. withLayer-2VVmpp : nth-child ( 2 ) {
2020-10-17 15:08:02 +02:00
z-index : 1003 ;
}
2022-01-11 15:06:27 +01:00
. layer-1Ixpg3 : nth-child ( 3 ) ,
. withLayer-2VVmpp : nth-child ( 3 ) {
2020-10-17 15:08:02 +02:00
z-index : 1004 ;
}
2022-01-11 15:06:27 +01:00
. layer-1Ixpg3 : nth-child ( 4 ) ,
. withLayer-2VVmpp : nth-child ( 4 ) {
2020-10-17 15:08:02 +02:00
z-index : 1005 ;
}
2022-01-11 15:06:27 +01:00
. layer-1Ixpg3 : nth-child ( 5 ) ,
. withLayer-2VVmpp : nth-child ( 5 ) {
2020-10-17 15:08:02 +02:00
z-index : 1006 ;
}
2022-01-11 15:06:27 +01:00
. layer-1Ixpg3 : nth-child ( 6 ) ,
. withLayer-2VVmpp : nth-child ( 6 ) {
2020-10-17 15:08:02 +02:00
z-index : 1007 ;
}
2022-01-11 15:06:27 +01:00
. layer-1Ixpg3 : nth-child ( 7 ) ,
. withLayer-2VVmpp : nth-child ( 7 ) {
2020-10-17 15:08:02 +02:00
z-index : 1008 ;
}
2022-01-11 15:06:27 +01:00
. layer-1Ixpg3 : nth-child ( 8 ) ,
. withLayer-2VVmpp : nth-child ( 8 ) {
2020-10-17 15:08:02 +02:00
z-index : 1009 ;
}
2022-01-11 15:06:27 +01:00
. layer-1Ixpg3 : nth-child ( 9 ) ,
. withLayer-2VVmpp : nth-child ( 9 ) {
2020-10-17 15:08:02 +02:00
z-index : 1010 ;
}
2022-01-11 15:32:34 +01:00
# app-mount . root-g14mjS , /* modal container (foldersettings) */
2022-01-11 15:06:27 +01:00
# app-mount . modal-2RrUKJ { /* modal container */
2020-11-10 22:34:34 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
2019-10-27 08:10:44 +01:00
border-radius : 5px ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. root-g14mjS > * ,
2022-01-11 15:06:27 +01:00
. modal-2RrUKJ > * {
2020-08-03 17:31:03 +02:00
z-index : 1 ;
}
2022-01-11 15:32:34 +01:00
. root-g14mjS :: before ,
2022-01-11 15:06:27 +01:00
. modal-2RrUKJ :: before ,
2022-01-11 15:32:34 +01:00
. root-g14mjS :: after ,
2022-01-11 15:06:27 +01:00
. modal-2RrUKJ :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2019-10-27 08:10:44 +01:00
border-radius : 5px ;
2019-09-19 12:56:54 +02:00
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
. root-g14mjS :: before ,
2022-01-11 15:06:27 +01:00
. modal-2RrUKJ :: before {
2021-06-26 17:05:43 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. root-g14mjS :: after ,
2022-01-11 15:06:27 +01:00
. modal-2RrUKJ :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-10 22:34:34 +01:00
}
2022-01-11 15:32:34 +01:00
. root-g14mjS . modal-2RrUKJ :: before ,
2022-01-11 15:06:27 +01:00
. modal-3Crloo :: before ,
2022-01-11 15:32:34 +01:00
. root-g14mjS . modal-2RrUKJ :: after ,
2022-01-11 15:06:27 +01:00
. modal-3Crloo :: after {
2020-02-12 09:59:29 +01:00
display : none ;
}
2022-08-04 16:38:00 +02:00
# app-mount . zoomedCarouselModalRoot-beLNhM {
2022-07-24 13:48:55 +02:00
background : transparent ! important ;
}
2022-01-11 15:32:34 +01:00
. header-1zd7se > . wrapper-1HSdhi : first-child {
2021-05-14 10:56:04 +02:00
flex : 1 0 auto ;
}
2022-01-11 15:32:34 +01:00
# app-mount . separator-2lLxgC {
2021-05-15 12:30:19 +02:00
box-shadow : 0 1px 0 0 rgba ( var ( --transparencycolor ) , . 3 ) , 0 1px 2px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-04-21 19:39:15 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . modalTextContainer-1FUO2W { /* modal text file */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2021-04-14 17:08:52 +02:00
border : none ;
}
2022-01-11 15:32:34 +01:00
# app-mount . footer-31IekZ { /* modal footer */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
box-shadow : none ;
2021-03-03 14:02:58 +01:00
z-index : 0 ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . footer-3Zgy_M { /* modal footer info */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-07-01 10:39:25 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . close-1mLglB { /* modal closebutton */
2021-04-14 15:10:46 +02:00
z-index : 2 ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. tabBarContainer-sCZC4w { /* modal tabbarcontainer */
2021-05-06 12:41:18 +02:00
border-top-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . modal-6GHvdM . tabBarContainer-sCZC4w {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 2 ) ;
box-shadow : 0 2px 3px 0 rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . separator-3TK_-B {
2021-05-15 12:30:19 +02:00
box-shadow : 0 1px 0 0 rgba ( var ( --transparencycolor ) , . 3 ) , 0 1px 2px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-07 17:07:56 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . divider-3APUjw {
2021-05-07 17:07:56 +02:00
border-color : var ( --background-modifier-accent ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . subHeader-2z6h5Z {
2021-05-07 17:07:56 +02:00
color : var ( --header-secondary ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . sectionBody-7I2eAN ,
2022-01-11 15:06:27 +01:00
# app-mount . subHeader-1mr1LG {
2021-05-07 17:07:56 +02:00
color : var ( --header-secondary ) ;
}
# app-mount . message-1F58Gs {
color : var ( --header-secondary ) ;
}
# app-mount . secondaryButton-197mr8 {
color : var ( --header-primary ) ;
}
# app-mount . imageUpgrade-moI_hv {
background-image : url ( https : / / discord . com / assets / 81ded87ebac6f9d55e8624a3e5167c8f . svg ) ;
}
# app-mount . imageCancel-2x4k_k {
background : url ( https : / / discord . com / assets / 03863b539aec443327ca2ffc51a89dac . svg ) ;
}
# app-mount . imageUnclaimed-5nJyYs {
background-image : url ( https : / / discord . com / assets / 3b65c741e596bc0979f7ba0c42de6fff . svg ) ;
opacity : . 5 ;
}
# app-mount . imageUnverified-2NLnW6 {
background-image : url ( https : / / discord . com / assets / e260177e5165e6789e30b9592df75424 . svg ) ;
opacity : . 5 ;
}
2022-01-11 15:32:34 +01:00
# app-mount . divider-MRAL1L {
2021-05-07 17:07:56 +02:00
border-color : var ( --background-modifier-accent ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . backButtonColor-5k5ViL {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . checkboxLabel-NbUiJx {
2021-05-07 17:07:56 +02:00
color : var ( --header-secondary ) ;
}
2020-03-26 00:42:57 +01:00
/* ---- 13.1. USERMODAL ----- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
# app-mount . root-8LYsGj { /* modal container */
2019-09-19 12:56:54 +02:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
overflow : hidden ;
}
2022-01-11 15:32:34 +01:00
. root-8LYsGj :: before ,
. root-8LYsGj :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
. root-8LYsGj :: before {
2021-06-26 17:05:43 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. root-8LYsGj :: after {
2021-05-21 20:54:10 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . root-8LYsGj . topSection-13QKHs { /* modal topsection */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-09-20 08:39:27 +02:00
. root-8LYsGj * : not ( foreignObject ) > . banner-1YaD3N { /* modal banner */
2021-07-01 22:49:45 +02:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="240" viewBox="0 0 2400 240" fill="none"><path fill="black" d="M 0 0 L 0 240 L 16 240 A 69 69 0 0 1 85 172 A 69 69 0 0 1 152 240 L 2400 240 L 2400 0 L 0 0 z"/></svg>' ) bottom left no-repeat ;
}
2022-01-11 15:32:34 +01:00
. root-8LYsGj . avatar-3QF_VA { /* modal avatar */
2021-06-26 16:25:56 +02:00
background-color : transparent ;
2021-07-01 22:49:45 +02:00
border-color : transparent ;
2021-08-05 14:06:44 +02:00
box-sizing : content-box ;
2021-05-21 20:54:10 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . body-1Ukv50 { /* modal body */
2021-05-21 20:54:10 +02:00
background-color : transparent ;
2021-05-07 17:07:56 +02:00
}
2022-01-11 15:32:34 +01:00
. listRow-2nO1T6 : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. emptyIcon-uKVxYR { /* body emptypic */
2021-06-08 22:43:17 +02:00
opacity : . 5 ;
2019-09-19 12:56:54 +02:00
}
2022-10-25 17:03:53 +02:00
. profileColors-3Y0XaR . mask-1FEkla circle {
2022-10-25 14:05:34 +02:00
fill : transparent ;
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 13.2. GUILDADD/CREATION ----- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
. container-x8Y1ix , /* create modal item */
. guildRow-3fJnG6 { /* hub modal item */
2021-05-06 12:41:18 +02:00
background-color : rgb ( var ( --transparencycolor ) , . 2 ) ;
2020-09-28 19:11:52 +02:00
border : none ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. container-x8Y1ix : hover ,
. guildRow-3fJnG6 : hover {
2021-05-06 12:41:18 +02:00
background-color : rgb ( var ( --transparencycolor ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. text-PdAsFQ , /* create modal text */
. guildName-3RzJ_H { /* hub modal text */
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. container-x8Y1ix : hover . text-PdAsFQ ,
. guildRow-3fJnG6 : hover . guildName-3RzJ_H {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. arrow-2yY1Tm , /* create modal arrow */
. guildName-3RzJ_H ~ img { /* hub modal arrow */
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2021-04-03 16:55:17 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 69a0ea5dbf79a129c81a0cb171b60b7a . svg ) center / cover no-repeat ;
2021-05-06 21:30:35 +02:00
background : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. container-x8Y1ix : hover . arrow-2yY1Tm ,
. guildRow-3fJnG6 : hover . guildName-3RzJ_H ~ img {
2021-05-06 21:30:35 +02:00
background : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. input-m1-Y7Q { /* modal invite input */
2020-09-28 19:11:52 +02:00
background : transparent ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. inputInner-1Z3Tui { /* modal invite input inner */
2021-05-06 21:30:35 +02:00
border : 1px solid var ( --deprecated-text-input-border ) ;
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 13.3. REGIONSELECTMODAL ---- */
2019-09-19 12:56:54 +02:00
# app-mount . regionSelectModal-12e-57 { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
overflow : hidden ;
}
2021-06-26 17:05:43 +02:00
. regionSelectModal-12e-57 :: before ,
. regionSelectModal-12e-57 :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2021-06-26 17:05:43 +02:00
. regionSelectModal-12e-57 :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2020-11-16 11:11:06 +01:00
. regionSelectModal-12e-57 :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2019-09-19 12:56:54 +02:00
# app-mount . regionSelectModal-12e-57 . regionSelectModalOption-2DSIZ3 {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
# app-mount . regionSelectModal-12e-57 . regionSelectModalOption-2DSIZ3 : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2021-05-06 21:30:35 +02:00
# 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 ) ;
}
2019-09-19 12:56:54 +02:00
# app-mount . regionSelectModal-12e-57 . regionSelectModalFooter-20C5iA {
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
}
# app-mount . regionSelectName-2-2FWh {
color : var ( --text-muted ) ;
}
# app-mount . regionSelectModal-12e-57 . regionSelectModalOption-2DSIZ3 : hover . regionSelectName-2-2FWh {
color : var ( --text-normal ) ;
}
# app-mount . regionSelect-3lf4eE : hover button {
color : var ( --header-primary ) ;
}
# app-mount . container-1s4HBn . hover-2AGf5p {
border-color : var ( --deprecated-text-input-border-hover ) ;
}
# app-mount . flag-16iIBd . vip-3pFIN8 :: after {
border-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 13.4. UPLOADMODAL ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
# app-mount . uploadModal-2ie9O_ { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-11-24 09:27:42 +01:00
position : relative ;
border-radius : 10px ;
}
2022-01-11 15:32:34 +01:00
. uploadModal-2ie9O_ :: before ,
. uploadModal-2ie9O_ :: after {
2019-11-24 09:27:42 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 10px ;
2021-06-26 17:05:43 +02:00
pointer-events : none ;
2019-11-24 09:27:42 +01:00
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
. uploadModal-2ie9O_ :: before {
2021-06-26 17:05:43 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. uploadModal-2ie9O_ :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 17:05:43 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2019-11-24 09:27:42 +01:00
2022-01-11 15:32:34 +01:00
. uploadModalIn-2w48Zf . uploadDropModal-13Kd20 {
2020-05-11 21:09:59 +02:00
width : unset ;
}
2022-01-11 15:32:34 +01:00
. uploadModalIn-2w48Zf . uploadDropModal-13Kd20 . inner-rBP-MS . title-3ChJ_v ,
. uploadModalIn-2w48Zf . uploadDropModal-13Kd20 . inner-rBP-MS . instructions-272j2A {
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. uploadModal-2ie9O_ . inner-zqa7da { /* modal channeltextarea */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. uploadModal-2ie9O_ . footer-VCsJQY { /* modal footer */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-03-20 11:04:08 +01:00
box-shadow : none ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. uploadModal-2ie9O_ . inner-rBP-MS . file-163EuR . icon-HW4tZ- . image-2ssF8k {
2021-05-06 12:41:18 +02:00
box-shadow : 0 2px 8px rgba ( var ( --transparencycolor ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 13.5. KEYBOARDSHORTCUTSMODAL ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
# app-mount . keyboardShortcutsModal-2CRmCm { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
overflow : hidden ;
}
2022-01-11 15:32:34 +01:00
. keyboardShortcutsModal-2CRmCm :: before ,
. keyboardShortcutsModal-2CRmCm :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
. keyboardShortcutsModal-2CRmCm :: before {
2021-06-26 17:07:15 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. keyboardShortcutsModal-2CRmCm :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 17:07:15 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . modalTitle-2skSKy { /* modal title */
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . modalSubtitle-2lx7qk { /* modal subtitle */
2021-05-06 17:50:44 +02:00
border-color : var ( --background-modifier-accent ) ;
2021-05-06 21:30:35 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . keyboardShortcutList-3VFAYS . keybindGroup-39HP2U . keybindDescription-oXh6w_ {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . keybindShortcut-3zF1P9 {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . keybindShortcut-3zF1P9 span {
2021-05-06 21:30:35 +02:00
background-color : var ( --text-muted ) ;
border : 1px solid rgba ( 0 , 0 , 0 , . 4 ) ;
box-shadow : inset 0 -4px 0 rgba ( 0 , 0 , 0 , . 4 ) ;
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . keybindShortcut-3zF1P9 span : active {
2021-05-06 21:30:35 +02:00
box-shadow : inset 0 -2px 0 rgba ( 0 , 0 , 0 , . 6 ) ;
border : 1px solid rgb ( 0 , 0 , 0 ) ;
color : var ( --header-secondary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . keybindShortcut-3zF1P9 span . bindArrow-EmK4SC g {
2021-05-06 21:30:35 +02:00
fill : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . keybindShortcut-3zF1P9 span : active . bindArrow-EmK4SC g {
2021-05-06 21:30:35 +02:00
fill : var ( --header-secondary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . keybindShortcutTipsSelect-2FpxFp : last-of-type :: before {
2021-05-06 21:30:35 +02:00
background-color : var ( --interactive-muted ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tabButton-1hJ4oW {
2021-05-06 21:30:35 +02:00
background-color : var ( --text-muted ) ;
2021-05-06 12:41:18 +02:00
border : 1px solid rgb ( 0 , 0 , 0 , . 4 ) ;
2020-12-29 18:23:35 +01:00
border-radius : 4px ;
2021-05-06 12:41:18 +02:00
box-shadow : inset 0 -4px 0 rgb ( 0 , 0 , 0 , . 4 ) ;
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
2020-12-17 20:26:16 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tabButton-1hJ4oW rect [ fill = "#4F545C" ] ,
# app-mount . tabButton-1hJ4oW path [ fill = "#36393F" ] {
2020-12-17 20:26:16 +01:00
display : none ;
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 13.6. QUICKSWITCHER ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . quickswitcher-pKcM9U { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
overflow : hidden ;
2022-03-24 17:49:33 +01:00
flex : 1 1 auto ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. quickswitcher-pKcM9U :: before ,
. quickswitcher-pKcM9U :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. quickswitcher-pKcM9U :: before {
2021-06-26 17:07:15 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. quickswitcher-pKcM9U :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 17:07:15 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-03-24 17:49:33 +01:00
. root-g14mjS . quickswitcher-pKcM9U :: before ,
. root-g14mjS . quickswitcher-pKcM9U :: after {
display : none ;
}
2022-01-11 15:06:27 +01:00
. scroller-2qwVWY {
2020-07-05 23:08:45 +02:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
# app-mount . input-3r5zZY { /* modal input */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
box-shadow : 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-03-24 17:49:33 +01:00
# app-mount . resultFocused-3aIoYe , /* modal resultfocused */
# app-mount . result-u66Ywh [ aria-selected = true ] { /* modal resultselected */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2020-10-17 17:30:58 +02:00
/* ---- 13.7. INVITEMODAL/GROUPCREATE ---- */
2019-09-19 12:56:54 +02:00
2022-03-24 17:49:33 +01:00
# app-mount . contentWrapper-3oy4Xo { /* modal guildinvitemodal */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-12-12 10:26:20 +01:00
position : relative ;
overflow : hidden ;
}
2022-01-11 15:06:27 +01:00
. contentWrapper-3oy4Xo :: before ,
. contentWrapper-3oy4Xo :: after {
2019-12-12 10:26:20 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. contentWrapper-3oy4Xo :: before {
2021-06-26 17:07:15 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. contentWrapper-3oy4Xo :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 17:07:15 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2019-12-12 10:26:20 +01:00
2022-03-24 17:49:33 +01:00
# app-mount . friendSelected-3cwmD7 , /* modal groupdmrow */
# app-mount . inviteRow-3vmB7i : hover { /* modal guildrow */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-03-24 17:49:33 +01:00
# app-mount . friend-8ZraY7 , /* modal groupdmrow */
# app-mount . inviteRowName-3H4s_c { /* modal username */
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . friendSelected-3cwmD7 ,
2022-01-11 15:32:34 +01:00
# app-mount . inviteRow-3vmB7i : hover . inviteRowName-3H4s_c {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . checkBoxLabel-16BK2g ,
# app-mount . footerText-2QLGHU ,
2019-12-12 10:26:20 +01:00
# app-mount . subTitle-3TUjmF ,
2022-01-11 15:06:27 +01:00
# app-mount . subtitle-3v29zT ,
2022-01-11 15:32:34 +01:00
# app-mount . subText-1CcYgq {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-03-24 17:49:33 +01:00
. tag-15zcD_ { /* modal added user */
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-05-06 21:30:35 +02:00
color : # fff ;
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. pill-qMtBTq {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2019-12-12 10:26:20 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 13.8. LOGINSCREEN ---- */
2019-09-20 13:29:31 +02:00
2022-01-11 15:32:34 +01:00
# app-mount . wrapper-25sY58 { /* login wrapper */
2019-09-20 13:29:31 +02:00
background : transparent ;
}
2022-01-11 15:32:34 +01:00
. wrapper-25sY58 :: before , /* login winbuttonshadow */
. wrapper-25sY58 . rightSplit-24Bqk0 , /* login background */
. wrapper-25sY58 . canvas-2dBZRV { /* login movingshadow */
2019-09-20 13:29:31 +02:00
display : none ;
}
2022-01-11 15:06:27 +01:00
# app-mount . authBox-1HR6Ha { /* login modal body */
2021-12-09 22:14:47 +01:00
background-color : transparent ;
box-shadow : none ;
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
2019-09-20 13:29:31 +02:00
position : relative ;
overflow : hidden ;
}
2022-01-11 15:32:34 +01:00
# app-mount . authBox-1HR6Ha . authBoxExpanded-AN2aH1 { /* login modal body expanded */
2021-12-09 22:14:47 +01:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . navRow-dG-XX8 { /* modal modal footer */
2021-12-09 22:14:47 +01:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
}
2019-09-20 13:29:31 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 13.9. TERMACCEPTMODAL ---- */
2019-10-12 19:03:12 +02:00
# app-mount . modal-DRZfgq { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-10-12 19:03:12 +02:00
position : relative ;
overflow : hidden ;
}
2021-06-26 17:46:21 +02:00
. modal-DRZfgq :: before ,
. modal-DRZfgq :: after {
2019-10-12 19:03:12 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2021-06-26 17:46:21 +02:00
. modal-DRZfgq :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2020-11-16 11:11:06 +01:00
. modal-DRZfgq :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2019-10-12 19:03:12 +02:00
[ style * = "/assets/a13cfdd7220132fff399a76c3ed64519.svg" ] , /* modal image */
[ src * = "/assets/a13cfdd7220132fff399a76c3ed64519.svg" ] {
filter : brightness ( 85 % ) invert ( 100 % ) ;
opacity : 0 . 7 ;
}
2022-01-17 20:28:19 +01:00
# app-mount . ack-3sCuAV { /* modal acklabel */
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2019-10-12 19:03:12 +02:00
}
2022-01-17 20:28:19 +01:00
# app-mount . buttonContainer-28osRq { /* modal footer */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-10-12 19:03:12 +02:00
box-shadow : none ;
}
2020-03-26 00:42:57 +01:00
/* ---- 13.10. DOWNLOADAPPMODAL ---- */
2020-02-19 14:54:06 +01:00
2022-01-11 15:32:34 +01:00
# app-mount . downloadApps-14IgKV { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-02-19 14:54:06 +01:00
position : relative ;
overflow : hidden ;
}
2022-01-11 15:32:34 +01:00
. downloadApps-14IgKV :: before ,
. downloadApps-14IgKV :: after {
2020-02-19 14:54:06 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
. downloadApps-14IgKV :: before {
2021-06-26 17:46:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. downloadApps-14IgKV :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:32:34 +01:00
. downloadApps-14IgKV . header-1lOVWt {
2021-05-06 21:30:35 +02:00
color : var ( --text-normal ) ;
}
2022-01-11 15:32:34 +01:00
. downloadApps-14IgKV . footer-2TRYcZ {
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:32:34 +01:00
. downloadApps-14IgKV . platforms-15zUsJ . platform-1ZMvDu {
2021-05-06 21:30:35 +02:00
border-color : var ( --header-secondary ) ;
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:32:34 +01:00
. downloadApps-14IgKV . platforms-15zUsJ . platform-1ZMvDu p {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:32:34 +01:00
. downloadApps-14IgKV . platforms-15zUsJ . platform-1ZMvDu . downloadButton-2XskEc {
2021-05-06 21:30:35 +02:00
background-color : var ( --header-secondary ) ;
2020-02-19 14:54:06 +01:00
}
2022-01-11 15:32:34 +01:00
. downloadApps-14IgKV . platforms-15zUsJ . platform-1ZMvDu . active-1j5w_A . downloadButton-2XskEc {
2021-05-06 17:50:44 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
}
2020-02-19 14:54:06 +01:00
2020-03-26 00:42:57 +01:00
/* ---- 13.11. GUILDBOOSTMODAL ---- */
2020-02-23 13:10:23 +01:00
2022-01-11 17:05:30 +01:00
# app-mount . perksModal-CLcR1c { /* modal wrapper */
2020-06-30 22:44:40 +02:00
background-color : transparent ;
}
2020-02-23 13:10:23 +01:00
. carouselContainer-2-vIZS { /* modal scrollercontainer */
-webkit-mask : linear-gradient ( to right , rgba ( 0 , 0 , 0 , 0 ) 0px , rgba ( 0 , 0 , 0 , 1 ) 60px , rgba ( 0 , 0 , 0 , 1 ) calc ( 100vw - 60px ) , rgba ( 0 , 0 , 0 , 0 ) 100vw ) ;
}
. carouselGradientEdge-2W94ou { /* modal scrollergradient */
display : none ;
}
2022-01-11 15:06:27 +01:00
# app-mount . subscriberCount-3iRh_w { /* modal subcount */
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . subscriberCount-3iRh_w strong {
2021-05-06 21:30:35 +02:00
color : var ( --text-normal ) ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . moreSubscribers-2FZuij { /* modal suboverflow */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 21:30:35 +02:00
color : var ( --header-primary )
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . subscribersPopout-3lkZNO { /* subpopout container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 2px 10px rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-02-23 13:10:23 +01:00
overflow : hidden ;
}
2022-01-11 15:06:27 +01:00
. subscribersPopout-3lkZNO :: before ,
. subscribersPopout-3lkZNO :: after {
2020-02-23 13:10:23 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. subscribersPopout-3lkZNO :: before {
2021-06-26 17:46:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. subscribersPopout-3lkZNO :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 35 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . subscribersPopoutUser-3Az2Dc { /* subpopout users */
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:12:27 +01:00
# app-mount . ctaBar-Nhk8yY { /* current boost stats container */
2021-04-16 17:24:18 +02:00
position : relative ;
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-04-16 17:24:18 +02:00
background-image : none ;
}
2022-01-11 17:12:27 +01:00
# app-mount . ctaBar-Nhk8yY :: before {
2021-04-16 17:24:18 +02:00
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-04-16 17:24:18 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 94ff6fdc535b6ecb7b1bc54f2dd56a10 . svg ) ;
2020-02-23 13:10:23 +01:00
}
. guildIcon-3raYf3 { /* current boost stats guild icon */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-02-23 13:10:23 +01:00
}
# app-mount . perk-2WeBWW { /* modal perkcard */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
# app-mount . headerLogo-2M4f14 {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 17:05:30 +01:00
# app-mount . tierHeaderLocked-3ItHYn { /* modal tierheaderlocked */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
# app-mount . tierLock-1uBqZ0 { /* modal tierlock */
2021-05-06 21:30:35 +02:00
color : var ( --interactive-muted ) ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
# app-mount . tierHeaderUnlocked-1IvR2R { /* modal tierheaderunlocked */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:05:30 +01:00
# app-mount . tierBody-3ju-rc { /* modal tierbody */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tierMarkerBackground-G8FoN4 { /* modal tiermilestone */
2020-02-23 13:10:23 +01:00
background : transparent ;
}
2022-01-11 15:32:34 +01:00
# app-mount . tierMarkerInProgress-2Tdxjz {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 3 ) ! important ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . selectedTier-24Xj0k . tierMarker-Vw1C95 {
2021-05-06 12:41:18 +02:00
box-shadow : 0 4px 8px rgba ( var ( --transparencycolor ) , . 24 ) ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tierMarkerLabelText-1wk8KK : not ( . isAccomplished-2NcqRT ) : hover {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-04-16 17:24:18 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . barBackground-unEPDT { /* modal tierbar */
2021-05-06 12:41:18 +02:00
background : linear-gradient ( to right , rgba ( 0 , 0 , 0 , 0 ) 0 % , rgba ( 0 , 0 , 0 , 0 ) 3 % , rgba ( var ( --transparencycolor ) , . 3 ) 3 % , rgba ( var ( --transparencycolor ) , . 3 ) 30 . 2 % , rgba ( 0 , 0 , 0 , 0 ) 30 . 2 % , rgba ( 0 , 0 , 0 , 0 ) 36 . 2 % , rgba ( var ( --transparencycolor ) , . 3 ) 36 . 2 % , rgba ( var ( --transparencycolor ) , . 3 ) 63 . 5 % , rgba ( 0 , 0 , 0 , 0 ) 63 . 5 % , rgba ( 0 , 0 , 0 , 0 ) 69 . 5 % , rgba ( var ( --transparencycolor ) , . 3 ) 69 . 5 % , rgba ( var ( --transparencycolor ) , . 3 ) 96 . 7 % , rgba ( 0 , 0 , 0 , 0 ) 96 . 7 % , rgba ( 0 , 0 , 0 , 0 ) 100 % ) ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 15:32:34 +01:00
. barSecondary-VouwoY {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-03-26 00:42:57 +01:00
}
2020-06-01 10:48:24 +02:00
. wrapper-3nSjSv . heading-4znNKq { /* modal boostaddwrapper header */
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2020-06-01 10:48:24 +02:00
}
. tier-1EY-yj { /* modal boostaddwrapper tier */
2021-05-06 12:41:18 +02:00
background-color : rgb ( var ( --transparencycolor ) , . 3 ) ;
2020-06-01 10:48:24 +02:00
}
2022-01-11 17:12:27 +01:00
# app-mount . giftIcon-2kmx1K { /* modal gifticon */
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2020-02-23 13:10:23 +01:00
margin : 0 18px ;
}
2022-01-17 20:28:19 +01:00
# app-mount . button-f2h6uQ . giftIcon-2kmx1K {
2021-05-06 21:30:35 +02:00
color : currentColor ;
2020-02-23 13:10:23 +01:00
}
2022-01-11 17:12:27 +01:00
# app-mount . badgeIconWithoutSubscribers-1hjTfX {
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
}
# app-mount . tierPill-1yRO48 {
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
color : var ( --header-primary ) ;
}
# app-mount . tierPillStar-34rvoJ {
color : var ( --header-primary ) ;
}
# app-mount . tierPillGem-3zcO2T {
color : var ( --interactive-muted ) ;
}
# app-mount . tierPill-3gJ0eN {
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
color : var ( --header-primary ) ;
}
2022-03-09 09:53:33 +01:00
# app-mount . perk-19D_HN {
2021-05-06 21:30:35 +02:00
background : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-02-23 13:10:23 +01:00
}
2020-03-26 00:42:57 +01:00
. header-1F6gxU { /* prebuy popout header */
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
padding-bottom : 10px ;
margin-bottom : 10px ;
}
2022-01-11 15:06:27 +01:00
# app-mount . iconWrapper-2_MXbk { /* prebuy popout amount icon wrapper */
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2022-01-11 15:06:27 +01:00
. icon-2TbMdT : hover { /* prebuy popout amount icon */
2021-05-03 16:23:08 +02:00
background : rgb ( var ( --accentcolor ) ) ;
2020-03-26 00:42:57 +01:00
}
. upsellFooter-6EgwMe { /* prebuy popout footer details */
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
. perksList-1vtwXn { /* prebuy popout perkslist */
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
# app-mount . selectGuild-1Ygl76 : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 00:42:57 +01:00
}
2020-10-18 23:17:42 +02:00
/* ---- 13.12. REACTIONSMODAL ---- */
2020-03-27 19:03:51 +01:00
2022-01-11 15:06:27 +01:00
# app-mount . scroller-2GkvCq { /* modal sidebar */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-03-27 19:03:51 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . reactors-1VXca7 { /* modal list */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-03-27 19:03:51 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . reactionDefault-1Sjj1f : hover { /* modal reaction */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-03-27 19:03:51 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . reactionSelected-1aMb2K {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-03-27 19:03:51 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . remove-19AQn_ { /* modal remove */
2021-05-06 21:30:35 +02:00
color : var ( --interactive-normal ) ;
2020-03-27 19:03:51 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . remove-19AQn_ : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-05-06 21:30:35 +02:00
color : var ( --interactive-hover ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . discriminator-1DCM-o { /* modal discriminator */
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
2020-03-27 19:03:51 +01:00
}
2022-07-08 16:22:05 +02:00
/* ---- 13.13. GUILDWELCOMEMODAL ---- */
2020-05-17 16:50:46 +02:00
2022-01-11 15:06:27 +01:00
. optionContainer-yOpaLq { /* modal option */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-05-17 16:50:46 +02:00
}
2022-01-11 15:06:27 +01:00
. optionContainer-yOpaLq : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-05-17 16:50:46 +02:00
}
2022-07-08 16:22:05 +02:00
/* ---- 13.14. GUILDRULESMODAL ---- */
2020-12-22 21:58:36 +01:00
2022-01-11 15:06:27 +01:00
. guildSidebar-UHnQqs { /* modal sidebar */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
. modal-2TOYtq { /* modal inner */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-12-22 21:58:36 +01:00
}
2022-07-08 16:22:05 +02:00
/* ---- 13.15. GUILDFEEDBACKMODAL ---- */
2021-01-03 16:00:42 +01:00
2022-01-11 15:32:34 +01:00
. root-cw9rWQ { /* modal items */
2021-01-03 16:00:42 +01:00
background-color : transparent ;
border-radius : 0 ;
}
2022-01-11 15:32:34 +01:00
. option-1O-Hwt { /* modal item */
2021-05-06 12:41:18 +02:00
background-color : rgb ( var ( --transparencycolor ) , . 2 ) ;
2021-01-03 16:00:42 +01:00
border : none ;
border-radius : 8px ;
margin-bottom : 8px ;
}
2022-01-11 15:32:34 +01:00
. option-1O-Hwt : hover {
2021-05-06 12:41:18 +02:00
background-color : rgb ( var ( --transparencycolor ) , . 4 ) ;
2021-01-03 16:00:42 +01:00
}
2022-07-08 16:22:05 +02:00
/* ---- 13.16. SCREENSHAREMODAL ---- */
2020-06-27 23:39:45 +02:00
2022-01-11 15:32:34 +01:00
# app-mount . sourceThumbnail-3n4cjJ { /* modal preview tiles */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
box-shadow : 0 2px 5px rgba ( var ( --transparencycolor ) , . 2 ) , 0 0 0 1px rgba ( var ( --transparencycolor ) , . 6 ) ;
2020-06-27 23:39:45 +02:00
}
2022-01-11 15:32:34 +01:00
. card-1SdQ2- {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-10-18 23:17:42 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . item-2OyinQ {
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-10-18 23:17:42 +02:00
}
2022-01-11 15:32:34 +01:00
. selectorButton-3sW6Qm : not ( . selectorButtonSelected-3Z0WNU ) {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-10-18 23:17:42 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . userListOverflow-2GkVmP {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 5 ) ;
2021-03-20 11:04:08 +01:00
}
2020-06-27 23:39:45 +02:00
2022-07-08 16:22:05 +02:00
/* ---- 13.17. PHONEVERIFICATIONMODAL ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
. phoneField-3NAPDv {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-03-19 23:23:44 +01:00
}
2022-01-11 15:06:27 +01:00
. phoneField-3NAPDv . inputField-1iYysB {
2021-03-19 23:23:44 +01:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
. phoneFieldPopout-3O-1C3 {
2021-03-19 23:23:44 +01:00
position : absolute ! important ;
}
2019-09-19 12:56:54 +02:00
2022-07-08 16:22:05 +02:00
/* ---- 13.18. NOTIFICATIONSMODAL ---- */
2021-05-06 20:04:14 +02:00
2022-01-11 15:32:34 +01:00
# app-mount . channelName-IPB6B3 {
2021-05-06 20:04:14 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . guildName-1kreI8 ,
# app-mount . override-1sK4r0 ,
# app-mount . overrideHighlight-3f-yyO {
2021-05-06 20:04:14 +02:00
color : var ( --header-secondary ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . override-1sK4r0 : hover {
2021-05-06 20:04:14 +02:00
background-color : rgba ( var ( --backgroundtertiary ) , . 1 ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . overrideHighlight-3f-yyO ,
# app-mount . overrideHighlight-3f-yyO : hover {
2021-05-06 20:04:14 +02:00
background-color : rgba ( var ( --backgroundtertiary ) , . 3 ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . checkboxContainer-1NbL2v :: before {
2021-05-06 20:04:14 +02:00
background-color : rgba ( var ( --backgroundtertiary ) , . 6 ) ;
}
2022-01-11 15:32:34 +01:00
# app-mount . overridePlaceholder-1nDEsX {
2021-05-06 20:04:14 +02:00
border : 1px dashed var ( --background-floating ) ;
}
2022-07-08 16:22:05 +02:00
/* ---- 13.19. DISCOVERYENTRYMODAL ---- */
2021-05-12 12:59:29 +02:00
2022-01-11 15:06:27 +01:00
. checkboxWrapper-2fDzaA . row-31nALW {
2021-05-12 12:59:29 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
}
2022-01-11 15:06:27 +01:00
. checkboxWrapper-2fDzaA . row-31nALW : hover : not ( . checked-1pZh2h ) {
2021-05-12 12:59:29 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
}
2022-01-11 15:06:27 +01:00
. checkboxWrapper-2fDzaA . row-31nALW . checked-1pZh2h {
2021-05-12 12:59:29 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
}
2022-01-11 15:06:27 +01:00
. checkboxWrapper-2fDzaA . row-31nALW . checked-1pZh2h . colorStandard-21JIj7 {
2021-05-12 12:59:29 +02:00
color : var ( --header-primary ) ;
}
2022-07-08 16:22:05 +02:00
/* ---- 13.20. NITROFEATUREMODAL ---- */
2021-10-01 16:17:16 +02:00
# app-mount . cardImageBackground-1zqQ8d {
background : # 000 ;
opacity : 0 . 5 ;
}
# app-mount . cardInfo-62VDSb {
background : rgba ( var ( --transparencycolor ) , . 4 ) ;
}
2022-07-10 00:08:03 +02:00
/* ---- 13.21. DIRECTORYMODAL ---- */
# app-mount . directoryModal-YJsOMv { /* modal container */
background-color : transparent ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
position : relative ;
overflow : hidden ;
}
. directoryModal-YJsOMv :: before ,
. directoryModal-YJsOMv :: after {
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
. directoryModal-YJsOMv :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
. directoryModal-YJsOMv :: after {
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
backdrop-filter : blur ( var ( --popoutblur ) ) ;
}
2020-08-05 20:40:49 +02:00
2021-03-19 23:23:44 +01:00
/* ~~~~ 14. POPOUTS ~~~~ */
2022-01-11 15:06:27 +01:00
. layer-2aCOJ3 : nth-child ( 1 ) {
2020-08-05 20:40:49 +02:00
z-index : 1002 ;
}
2022-01-11 15:06:27 +01:00
. layer-2aCOJ3 : nth-child ( 2 ) {
2020-08-05 20:40:49 +02:00
z-index : 1003 ;
}
2022-01-11 15:06:27 +01:00
. layer-2aCOJ3 : nth-child ( 3 ) {
2020-08-05 20:40:49 +02:00
z-index : 1004 ;
}
2022-01-11 15:06:27 +01:00
. layer-2aCOJ3 : nth-child ( 4 ) {
2020-08-05 20:40:49 +02:00
z-index : 1005 ;
}
2022-01-11 15:06:27 +01:00
. layer-2aCOJ3 : nth-child ( 5 ) {
2020-08-05 20:40:49 +02:00
z-index : 1006 ;
}
2022-01-11 15:06:27 +01:00
. layer-2aCOJ3 : nth-child ( 6 ) {
2020-08-05 20:40:49 +02:00
z-index : 1007 ;
}
2022-01-11 15:06:27 +01:00
. layer-2aCOJ3 : nth-child ( 7 ) {
2020-08-05 20:40:49 +02:00
z-index : 1008 ;
}
2022-01-11 15:06:27 +01:00
. layer-2aCOJ3 : nth-child ( 8 ) {
2020-08-05 20:40:49 +02:00
z-index : 1009 ;
}
2022-01-11 15:06:27 +01:00
. layer-2aCOJ3 : nth-child ( 9 ) {
2020-08-05 20:40:49 +02:00
z-index : 1010 ;
}
2022-01-11 15:06:27 +01:00
# app-mount . loadingPopout-1feYe_ , /* loading popout */
# app-mount . container-18GwIk , /* browser popout */
2021-06-30 23:25:27 +02:00
# app-mount . themedPopout-1TrfdI { /* themed popout */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2019-09-20 23:04:33 +02:00
border : none ;
2019-09-20 22:41:45 +02:00
border-radius : 5px ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
}
2022-01-11 15:06:27 +01:00
. loadingPopout-1feYe_ :: before ,
. container-18GwIk :: before ,
2021-06-26 17:46:21 +02:00
. themedPopout-1TrfdI :: before ,
2022-01-11 15:06:27 +01:00
. loadingPopout-1feYe_ :: after ,
. container-18GwIk :: after ,
2021-06-26 17:46:21 +02:00
. themedPopout-1TrfdI :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2019-09-20 22:41:45 +02:00
border-radius : 5px ;
2021-06-26 17:46:21 +02:00
pointer-events : none ;
2019-09-19 12:56:54 +02:00
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. loadingPopout-1feYe_ :: before ,
. container-18GwIk :: before ,
2021-06-26 17:46:21 +02:00
. themedPopout-1TrfdI :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. loadingPopout-1feYe_ :: after ,
. container-18GwIk :: after ,
2021-05-07 17:07:56 +02:00
. themedPopout-1TrfdI :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
. selected-22ukbQ , /* popout combobox selected */
. selected-22ukbQ : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-05-06 21:30:35 +02:00
color : # fff ;
text-shadow : 1px 1px var ( --textshadow ) ;
2021-03-20 11:13:32 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . divider-MRAL1L { /* popout divider */
2021-05-06 17:50:44 +02:00
border-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 14.1. CONTEXTMENU ---- */
2019-09-19 12:56:54 +02:00
2022-12-14 10:51:20 +01:00
. menu-1QACrS , /* contextmenu fixed */
2022-01-11 15:32:34 +01:00
. submenu-1apzyU { /* contextmenu submenu */
2020-11-16 11:11:06 +01:00
background : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-12-14 10:51:20 +01:00
. menu-1QACrS :: before ,
2022-01-11 15:32:34 +01:00
. submenu-1apzyU :: before ,
2022-12-14 10:51:20 +01:00
. menu-1QACrS :: after ,
2022-01-11 15:32:34 +01:00
. submenu-1apzyU :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 4px ;
pointer-events : none ;
z-index : -1 ;
}
2022-12-14 10:51:20 +01:00
. menu-1QACrS :: before ,
2022-01-11 15:32:34 +01:00
. submenu-1apzyU :: before {
2021-06-26 17:46:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-12-14 10:51:20 +01:00
. menu-1QACrS :: after ,
2022-01-11 15:32:34 +01:00
. submenu-1apzyU :: after {
2021-05-03 16:23:08 +02:00
background : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 3 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:32:34 +01:00
. submenu-1apzyU {
2020-05-22 14:56:00 +02:00
position : relative ;
}
2022-01-11 15:32:34 +01:00
. container-3AL15u { /* contextmenu searchbar */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-01-02 13:17:33 +01:00
}
2022-01-11 15:32:34 +01:00
. item-1OdjEX . colorDefault-CDqZdO . focused-3qFvc8 ,
. item-1OdjEX . colorDefault-CDqZdO : hover : not ( . hideInteraction-2jPGL_ ) {
2021-05-14 09:43:40 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ! important ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. item-1OdjEX . colorDanger-3n-KnP . focused-3qFvc8 ,
. item-1OdjEX . colorDanger-3n-KnP : hover : not ( . hideInteraction-2jPGL_ ) {
2021-05-21 17:52:59 +02:00
background-color : rgba ( var ( --dangercolor ) , . 2 ) ! important ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. item-1OdjEX . colorBrand-3cPPsm . focused-3qFvc8 ,
. item-1OdjEX . colorBrand-3cPPsm : hover : not ( . hideInteraction-2jPGL_ ) ,
. item-1OdjEX . colorDefault-CDqZdO . focused-3qFvc8 [ id = "user-settings-cog-Subscriptions" ] ,
. item-1OdjEX . colorDefault-CDqZdO : hover : not ( . hideInteraction-2jPGL_ ) [ id = "user-settings-cog-Subscriptions" ] ,
. item-1OdjEX . colorDefault-CDqZdO . focused-3qFvc8 [ id = "user-settings-cog-Discord_Nitro" ] ,
. item-1OdjEX . colorDefault-CDqZdO : hover : not ( . hideInteraction-2jPGL_ ) [ id = "user-settings-cog-Discord_Nitro" ] {
2021-07-03 17:14:51 +02:00
background-color : rgba ( var ( --accentcolor ) , . 2 ) ! important ;
}
2022-01-11 15:32:34 +01:00
. item-1OdjEX . colorPremium-vwmYZQ . focused-3qFvc8 ,
. item-1OdjEX . colorPremium-vwmYZQ : hover : not ( . hideInteraction-2jPGL_ ) ,
. item-1OdjEX . colorDefault-CDqZdO . focused-3qFvc8 [ id = "user-settings-cog-Nitro_Server_Boost" ] ,
. item-1OdjEX . colorDefault-CDqZdO : hover : not ( . hideInteraction-2jPGL_ ) [ id = "user-settings-cog-Nitro_Server_Boost" ] ,
. item-1OdjEX . colorDefault-CDqZdO . focused-3qFvc8 [ id = "guild-context-guild-settings--GUILD_PREMIUM" ] ,
. item-1OdjEX . colorDefault-CDqZdO : hover : not ( . hideInteraction-2jPGL_ ) [ id = "guild-context-guild-settings--GUILD_PREMIUM" ] {
2021-07-03 17:14:51 +02:00
background-color : rgba ( var ( --accentcolor2 ) , . 2 ) ! important ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . item-1OdjEX . checkbox-hADx5o { /* contextmenu checkbox */
2021-05-03 16:23:08 +02:00
color : rgb ( var ( --accentcolor ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . item-1OdjEX . colorDanger-3n-KnP . checkbox-hADx5o {
2021-05-11 11:28:22 +02:00
color : rgb ( var ( --dangercolor ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . item-1OdjEX . check-3HZJs4 { /* contextmenu checkmark */
2021-05-06 21:30:35 +02:00
color : # fff ;
2021-05-03 16:23:08 +02:00
stroke : var ( --textshadow ) ;
2020-05-14 16:30:50 +02:00
}
2022-01-11 15:32:34 +01:00
. button-1zW0-r { /* contextmenu quick reaction button */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-22 11:38:27 +01:00
}
2022-01-11 15:32:34 +01:00
. button-1zW0-r : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-03-22 11:38:27 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 14.2. USERPOPOUT ---- */
2019-09-19 12:56:54 +02:00
2022-08-31 10:48:49 +02:00
. userPopout-2j1gM4 , /* popout container */
2022-09-22 14:55:30 +02:00
. userPopout-3fydSP , /* popout new container */
2022-10-25 16:51:34 +02:00
. userPopout-29jUdN , /* popout new new container */
. userPopoutOuter-3AVBmJ { /* popout new new new container */
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-08-31 11:45:34 +02:00
. userPopout-2j1gM4 , /* popout container */
2022-09-22 14:55:30 +02:00
. userPopout-3fydSP : not ( . userPopoutThemed-3BZ4by ) , /* popout new container */
2022-10-25 16:51:34 +02:00
. userPopout-29jUdN : not ( . userPopoutThemed-wGuRN3 ) , /* popout new new container */
. userProfileOuterUnthemed-2b2rsv { /* popout new new new container */
2022-08-31 11:45:34 +02:00
background : transparent ;
}
2022-01-11 15:06:27 +01:00
. userPopout-2j1gM4 :: before ,
2022-08-31 10:48:49 +02:00
. userPopout-2j1gM4 :: after ,
2022-08-31 11:45:34 +02:00
. userPopout-3fydSP : not ( . userPopoutThemed-3BZ4by ) :: before ,
2022-09-22 14:55:30 +02:00
. userPopout-3fydSP : not ( . userPopoutThemed-3BZ4by ) :: after ,
. userPopout-29jUdN : not ( . userPopoutThemed-wGuRN3 ) :: before ,
2022-10-25 16:51:34 +02:00
. userPopout-29jUdN : not ( . userPopoutThemed-wGuRN3 ) :: after ,
. userProfileOuterUnthemed-2b2rsv :: before ,
. userProfileOuterUnthemed-2b2rsv :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:46:21 +02:00
border-radius : 5px ;
2019-09-19 12:56:54 +02:00
pointer-events : none ;
z-index : -1 ;
}
2022-08-31 10:48:49 +02:00
. userPopout-2j1gM4 :: before ,
2022-09-22 14:55:30 +02:00
. userPopout-3fydSP : not ( . userPopoutThemed-3BZ4by ) :: before ,
2022-10-25 16:51:34 +02:00
. userPopout-29jUdN : not ( . userPopoutThemed-wGuRN3 ) :: before ,
. userProfileOuterUnthemed-2b2rsv :: before {
2021-05-25 09:08:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-08-31 10:48:49 +02:00
. userPopout-2j1gM4 :: after ,
2022-09-22 14:55:30 +02:00
. userPopout-3fydSP : not ( . userPopoutThemed-3BZ4by ) :: after ,
2022-10-25 16:51:34 +02:00
. userPopout-29jUdN : not ( . userPopoutThemed-wGuRN3 ) :: after ,
. userProfileOuterUnthemed-2b2rsv :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-08-31 10:48:49 +02:00
. profileColors-3Y0XaR { /* popout new profilecolors */
--profile-body-background-color : rgba ( 0 , 0 , 0 , . 4 ) ! important ;
--profile-body-divider-color : var ( --background-modifier-accent ) ! important ;
--profile-body-divider-opacity : 1 ! important ;
}
2022-01-11 15:06:27 +01:00
# app-mount . headerTop-3GPUSF , /* popout header inner */
# app-mount . activity-1gTu-L , /* popout activity */
# app-mount . aboutMeSection-PUghFQ { /* popout about me section */
2021-05-20 20:01:37 +02:00
background : transparent ;
2021-05-26 13:44:03 +02:00
border : transparent ;
2021-05-20 20:01:37 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . activity-1gTu-L {
2021-06-25 19:23:01 +02:00
padding : 0 16px 16px ;
}
2022-10-25 16:51:34 +02:00
. userPopout-2j1gM4 * : not ( foreignObject ) > . banner-1YaD3N , /* popout banner */
. userPopout-3fydSP * : not ( foreignObject ) > . banner-2boKnS , /* popout new banner */
. userPopout-29jUdN * : not ( foreignObject ) > . banner-2boKnS , /* popout new new banner */
. userPopoutOuter-3AVBmJ * : not ( foreignObject ) > . banner-2boKnS , /* popout new new new banner */
. menu-1QACrS * : not ( foreignObject ) > . banner-1YaD3N { /* status popout banner */
2021-07-01 22:49:45 +02:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 16 120 A 46 46 0 0 1 62 76 A 46 46 0 0 1 108 120 L 2400 120 L 2400 0 L 0 0 z"/></svg>' ) bottom left no-repeat ;
2022-08-31 11:45:34 +02:00
}
2022-09-22 14:55:30 +02:00
. userPopout-3fydSP . userPopoutInnerWithTheme-71l1ON * : not ( foreignObject ) > . banner-2boKnS ,
2022-10-25 16:51:34 +02:00
. userPopout-29jUdN . userPopoutInnerWithTheme-2lKyJh * : not ( foreignObject ) > . banner-2boKnS ,
. userProfileOuterUnthemed-2b2rsv * : not ( foreignObject ) > . banner-2boKnS {
2022-08-31 11:45:34 +02:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="2400" height="120" viewBox="0 0 2400 120" fill="none"><path fill="black" d="M 0 0 L 0 120 L 12 120 A 46 46 0 0 1 48 74 A 46 46 0 0 1 104 126 L 2400 120 L 2400 0 L 0 0 z"/></svg>' ) bottom left no-repeat ;
2021-06-25 19:23:01 +02:00
}
2022-09-22 14:55:30 +02:00
. userPopoutInnerWithTheme-71l1ON :: after ,
2022-10-25 16:51:34 +02:00
. userPopoutInnerWithTheme-2lKyJh :: after ,
. userProfileInnerThemed-27tvAp :: after {
2022-09-02 10:58:59 +02:00
content : "" ;
position : absolute ;
display : block ;
background : var ( --profile-gradient-primary-color ) ;
top : 4px ;
right : 4px ;
left : 4px ;
height : 60px ;
z-index : 1 ;
}
2022-09-22 14:55:30 +02:00
. userPopoutInnerWithBanner-wsoegj :: after ,
2022-10-25 16:51:34 +02:00
. userPopoutInnerWithBanner-24GX6I :: after ,
. userProfileInnerWithBanner-3CJ1Og :: after {
2022-09-02 10:58:59 +02:00
height : 120px ;
}
2022-09-22 14:55:30 +02:00
. userPopoutInnerWithTheme-71l1ON :: before ,
2022-10-25 16:51:34 +02:00
. userPopoutInnerWithTheme-2lKyJh :: before ,
. userProfileInnerThemed-27tvAp :: before {
2022-09-02 10:58:59 +02:00
z-index : 2 ;
}
2022-09-22 14:55:30 +02:00
. userPopoutInnerWithTheme-71l1ON > * ,
2022-10-25 16:51:34 +02:00
. userPopoutInnerWithTheme-2lKyJh > * ,
. userProfileInnerThemed-27tvAp > * {
2022-09-02 10:58:59 +02:00
z-index : 3 ;
}
2022-09-22 14:55:30 +02:00
. userPopoutInner-PA9zkU , /* popout new inner */
2022-10-25 16:51:34 +02:00
. userPopoutInner-1v4xcM , /* popout new new inner */
. userProfileInner-3F03PX { /* popout new new new inner */
2022-08-31 11:47:57 +02:00
border-radius : 4px ;
}
2022-10-25 17:03:53 +02:00
# app-mount . userProfileOuterThemed-3EfHmv :: -webkit-scrollbar-thumb {
background-color : var ( --profile-gradient-secondary-color ) ! important ;
}
2022-08-31 10:48:49 +02:00
. userPopout-2j1gM4 . wrapper-1VLyxH , /* popout avatar */
2022-04-23 19:48:23 +02:00
. userPopout-2j1gM4 . avatarWrapper , /* popout status everywhere */
2022-08-31 10:48:49 +02:00
. userPopout-3fydSP . wrapper-1VLyxH , /* popout new avatar */
. userPopout-3fydSP . avatarWrapper , /* popout new status everywhere */
2022-09-22 14:55:30 +02:00
. userPopout-29jUdN . wrapper-1VLyxH , /* popout new new avatar */
. userPopout-29jUdN . avatarWrapper , /* popout new new status everywhere */
2022-10-25 16:51:34 +02:00
. userPopoutOuter-3AVBmJ . wrapper-1VLyxH , /* popout new new new avatar */
. userPopoutOuter-3AVBmJ . avatarWrapper , /* popout new new new status everywhere */
2022-08-31 10:48:49 +02:00
. menu-1QACrS . wrapper-1VLyxH , /* status popout avatar */
2022-04-23 19:48:23 +02:00
. menu-1QACrS . avatarWrapper { /* status popout status everywhere */
2021-06-26 16:25:56 +02:00
background-color : transparent ;
2021-07-01 22:49:45 +02:00
border-color : transparent ;
2021-08-05 14:06:44 +02:00
box-sizing : content-box ;
2021-06-05 21:04:43 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . body-2wLx-E , /* popout body */
# app-mount . bodyInnerWrapper-2bQs1k , /* popout body inner */
2022-01-11 15:32:34 +01:00
# app-mount . footer-3naVBw { /* popout footer */
2019-09-19 12:56:54 +02:00
background-color : transparent ;
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. root-jbEB5E { /* body roles */
2019-09-19 12:56:54 +02:00
max-height : 100px ;
overflow-x : hidden ;
overflow-y : scroll ;
}
2022-01-11 15:32:34 +01:00
# app-mount . root-jbEB5E :: -webkit-scrollbar {
2019-09-19 12:56:54 +02:00
width : 4px ;
}
2022-01-11 15:32:34 +01:00
# app-mount . role-2TIOKu { /* body role */
2021-05-06 21:30:35 +02:00
border-color : rgba ( var ( --textbrighter ) , . 6 ) ;
2019-09-22 22:29:09 +02:00
border-radius : 5px ;
padding : 0 5px ;
position : relative ;
}
2022-01-11 15:32:34 +01:00
# app-mount . role-2TIOKu [ style * = "border-color: rgba(185, 187, 190, .6)" ] {
2021-05-06 21:30:35 +02:00
border-color : rgba ( var ( --textbrighter ) , . 6 ) ! important ;
2019-09-19 12:56:54 +02:00
}
2022-11-01 18:07:53 +01:00
# app-mount . rolePillBorder-RiRiuN : not ( . actionButton-1YKTU0 ) {
border-width : 0 ;
}
2022-01-11 15:32:34 +01:00
# app-mount . role-2TIOKu . roleName-2ZJJYR { /* body rolename */
2019-09-22 22:29:09 +02:00
position : relative ;
2022-07-08 16:22:05 +02:00
color : rgb ( var ( --textbrightest ) ) ;
2019-09-22 22:29:09 +02:00
height : 20px ;
line-height : 20px ;
2022-07-08 16:22:05 +02:00
margin : 0 ;
font-weight : normal ;
2019-09-22 22:29:09 +02:00
z-index : 1000 ;
pointer-events : none ;
}
2022-07-08 16:22:05 +02:00
# app-mount . role-2TIOKu . roleRemoveButton-17oXnT {
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
}
2022-08-31 10:48:49 +02:00
# app-mount . role-2TIOKu . roleCircle-1EgnFN , /* body rolecircle */
2022-07-09 22:02:03 +02:00
# app-mount . role-2TIOKu . roleCircle-3K9O3d { /* body rolecircle */
2019-09-22 22:29:09 +02:00
position : absolute ;
2021-05-06 21:30:35 +02:00
background-color : rgb ( var ( --textbrighter ) ) ;
2019-09-22 22:29:09 +02:00
border-radius : 3px ;
opacity : 0 . 3 ;
height : 100 % ;
width : 100 % ;
2021-08-21 20:39:18 +02:00
margin : 0 ;
2019-09-22 22:29:09 +02:00
left : 0 ;
top : 0 ;
}
2022-07-09 22:02:03 +02:00
# app-mount . role-2TIOKu . roleCircle-1EgnFN [ style * = "background-color: rgb(185, 187, 190)" ] ,
# app-mount . role-2TIOKu . roleCircle-3K9O3d [ style * = "background-color: rgb(185, 187, 190)" ] {
2021-05-06 21:30:35 +02:00
background-color : rgb ( var ( --textbrighter ) ) ! important ;
2019-09-19 12:56:54 +02:00
}
2022-07-09 22:02:03 +02:00
# app-mount . role-2TIOKu . roleCircle-1EgnFN : not ( : only-child ) : hover ,
# app-mount . role-2TIOKu . roleCircle-3K9O3d : not ( : only-child ) : hover {
2019-09-22 22:29:09 +02:00
opacity : 1 ;
z-index : 2000 ;
2020-06-04 17:00:55 +02:00
cursor : pointer ;
2019-09-22 22:29:09 +02:00
}
2022-07-08 16:22:05 +02:00
# app-mount . role-2TIOKu . roleRemoveIcon-387wKV {
z-index : 2001 ;
pointer-events : none ;
}
2022-01-11 15:32:34 +01:00
# app-mount . role-2TIOKu . roleIcon-29epUq {
2021-09-24 17:53:51 +02:00
z-index : 1 ;
}
2019-09-22 22:29:09 +02:00
2022-01-11 15:32:34 +01:00
. textarea-_59yqs : focus { /* body note */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2021-06-08 22:32:51 +02:00
. wumpusWrapper-2-V9io { /* footer wumpus new user */
2020-04-14 09:15:29 +02:00
margin-top : 27px ;
}
2021-06-08 22:32:51 +02:00
# app-mount . wumpusTooltip-mj7eo0 {
2021-05-21 11:41:34 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
color : # fff ;
text-shadow : 1px 1px var ( --textshadow ) ;
}
2021-06-08 22:32:51 +02:00
# app-mount . wumpusTooltip-mj7eo0 :: after {
2021-05-21 11:41:34 +02:00
border-color : transparent rgb ( var ( --accentcolor ) ) transparent transparent ;
}
2020-04-14 09:15:29 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 14.3. EMOJIPICKER ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
. contentWrapper-3vHNP2 , /* picker expression wrapper */
. emojiPicker-6YCk8a , /* picker inner */
. diversitySelectorOptions-3DhNYs { /* picker diversityselector */
2020-11-16 11:11:06 +01:00
background : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-04-25 09:53:26 +02:00
border : none ;
overflow : hidden ;
}
2022-01-11 15:06:27 +01:00
. contentWrapper-3vHNP2 :: before ,
. emojiPicker-6YCk8a :: before ,
. diversitySelectorOptions-3DhNYs :: before ,
. contentWrapper-3vHNP2 :: after ,
. emojiPicker-6YCk8a :: after ,
. diversitySelectorOptions-3DhNYs :: after {
2020-04-25 09:53:26 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. contentWrapper-3vHNP2 :: before ,
. emojiPicker-6YCk8a :: before ,
. diversitySelectorOptions-3DhNYs :: before {
2021-06-26 17:46:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. contentWrapper-3vHNP2 :: after ,
. emojiPicker-6YCk8a :: after ,
. diversitySelectorOptions-3DhNYs :: after {
2021-05-03 16:23:08 +02:00
background : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
. diversitySelectorOptions-3DhNYs :: before ,
. diversitySelectorOptions-3DhNYs :: after {
2020-04-25 09:53:26 +02:00
border-radius : 5px ;
}
2022-01-11 15:06:27 +01:00
. emojiPickerInExpressionPicker-2nOwH8 . emojiPicker-6YCk8a {
2020-08-03 17:31:03 +02:00
box-shadow : unset ;
}
2022-01-11 15:06:27 +01:00
. emojiPickerInExpressionPicker-2nOwH8 . emojiPicker-6YCk8a :: after ,
. emojiPickerInExpressionPicker-2nOwH8 . emojiPicker-6YCk8a :: before {
2020-08-03 17:31:03 +02:00
display : none ;
}
2020-04-25 09:53:26 +02:00
2022-01-11 15:06:27 +01:00
. diversityEmojiItem-2bgZKv : hover { /* picker diversityemoji */
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
. navButtonActive-1EqC5l { /* picker navbuttonactive */
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-05-06 21:30:35 +02:00
color : # fff ;
text-shadow : 1px 1px var ( --textshadow ) ;
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
. wrapper-22rqw6 { /* picker sidebar */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
. guildIcon-2SUGiq { /* picker guildicon */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:32:34 +01:00
. categoryItemDefaultCategory-3haEDq : first-child ,
. categoryItemDefaultCategory-3haEDq : first-child + . categoryItemDefaultCategory-3haEDq ,
2020-10-27 15:15:57 +01:00
. stickerCategoryRecent-1WVWrj {
2020-10-20 21:57:17 +02:00
margin-bottom : 8px ;
}
2022-01-11 15:32:34 +01:00
. categoryItemDefaultCategory-3haEDq : hover , /* picker categoryitem */
2022-01-11 15:06:27 +01:00
. stickerCategory-2f6iSo : hover , /* picker stickercategoryitem */
2020-10-27 15:15:57 +01:00
. stickerCategoryShopWrapper-3EnJdQ : hover . stickerCategoryShop-d5zC3B {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
. categoryItemDefaultCategorySelected-2YeRUu , /* picker categoryitem selected */
. categoryItemDefaultCategorySelected-2YeRUu : hover ,
2020-10-27 15:15:57 +01:00
. stickerCategorySelected-2uaMAG , /* picker stickercategoryitem selected */
. stickerCategorySelected-2uaMAG : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
. categoryItemDefaultCategorySelected-2YeRUu svg , /* picker categoryitem selected */
. categoryItemDefaultCategorySelected-2YeRUu : hover svg ,
2020-10-27 15:15:57 +01:00
. stickerCategorySelected-2uaMAG svg , /* picker stickercategoryitem selected */
2021-05-06 17:50:44 +02:00
. stickerCategorySelected-2uaMAG : hover svg {
2021-05-03 16:23:08 +02:00
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
2020-06-01 10:52:07 +02:00
}
2020-04-25 09:53:26 +02:00
2022-01-11 15:06:27 +01:00
. unicodeShortcut-3N8oDe , /* picker unicodeemojis shortcut */
2020-10-27 15:15:57 +01:00
. stickerCategoryShopWrapper-3EnJdQ { /* picker unicodeemojis shortcut */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2020-04-25 09:53:26 +02:00
border : none ;
overflow : hidden ;
z-index : 100 ;
}
2022-01-11 15:06:27 +01:00
. unicodeShortcut-3N8oDe :: before ,
2021-06-26 17:46:21 +02:00
. stickerCategoryShopWrapper-3EnJdQ :: before ,
2022-01-11 15:06:27 +01:00
. unicodeShortcut-3N8oDe :: after ,
2021-06-26 17:46:21 +02:00
. stickerCategoryShopWrapper-3EnJdQ :: after {
2020-04-25 09:53:26 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. unicodeShortcut-3N8oDe :: before ,
2021-06-26 17:46:21 +02:00
. stickerCategoryShopWrapper-3EnJdQ :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. unicodeShortcut-3N8oDe :: after ,
2020-11-16 11:11:06 +01:00
. stickerCategoryShopWrapper-3EnJdQ :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 35 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-04-25 09:53:26 +02:00
2022-01-11 15:06:27 +01:00
. inspector-DFKXwB { /* picker emojiinfowrapper */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . wrapper-1NNaWG { /* picker categoryheader */
2020-04-25 09:53:26 +02:00
background : transparent ;
position : static ;
}
2022-01-11 15:06:27 +01:00
# app-mount . imageLoading-2uloYN { /* picker emoji loading */
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-10-27 15:15:57 +01:00
border-radius : 10px ;
}
2022-01-11 15:06:27 +01:00
. emojiItem-277VFM . emojiItemSelected-2Lg50V { /* picker emoji selected */
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-04-25 09:53:26 +02:00
}
2022-01-11 15:06:27 +01:00
. emojiItemDisabled-3VVnwp { /* picker emoji disabled */
2020-04-27 14:06:04 +02:00
filter : none ;
cursor : no-drop ;
}
2022-01-11 15:06:27 +01:00
. emojiItemDisabled-3VVnwp > * {
2020-06-17 15:53:34 +02:00
filter : grayscale ( 1 ) ;
2020-04-25 09:53:26 +02:00
}
2020-10-27 15:15:57 +01:00
. shape-2kfO2v { /* picker sticker loading */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-10-27 15:15:57 +01:00
}
2022-01-11 15:32:34 +01:00
. feature-1nRVr5 { /* picker sticker feature */
2020-10-27 15:15:57 +01:00
background : transparent ;
}
2022-01-11 15:06:27 +01:00
. stickerInspected-mwnU6w . stickerBackground-2XECKi { /* picker sticker focused */
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-10-27 15:15:57 +01:00
}
. viewAllBackground-3Bn1vh { /* picker sticker view all */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-10-27 15:15:57 +01:00
}
2022-01-11 15:32:34 +01:00
. viewAll-1MwRpl : hover . viewAllBackground-3Bn1vh ,
2022-01-11 15:06:27 +01:00
. viewAllInspected-25Y7ds . viewAllBackground-3Bn1vh {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-10-27 15:15:57 +01:00
}
2022-01-11 15:06:27 +01:00
. premiumPromo-1eKAIB { /* picker premium warning */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2020-04-27 14:06:04 +02:00
opacity : 1 ;
}
2022-01-11 15:06:27 +01:00
. premiumPromo-1eKAIB :: before ,
. premiumPromo-1eKAIB :: after {
2020-04-27 14:06:04 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:46:21 +02:00
opacity : 0 . 9 ;
2020-04-27 14:06:04 +02:00
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. premiumPromo-1eKAIB :: before {
2021-06-26 17:46:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. premiumPromo-1eKAIB :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 29 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
. premiumPromoClose-Nuntxy {
2021-05-06 21:30:35 +02:00
-webkit-mask : url ( https : / / discord . com / assets / f815a774c2b98d3109293a4e2afb733c . svg ) 50 % 50 % no-repeat ;
background : var ( --interactive-normal ) ;
2020-10-18 20:42:49 +02:00
}
2022-01-11 15:06:27 +01:00
. premiumPromoClose-Nuntxy : hover {
2021-05-06 21:30:35 +02:00
background : var ( --interactive-hover ) ;
}
2022-01-11 15:06:27 +01:00
. premiumPromoClose-Nuntxy : active {
2021-05-06 21:30:35 +02:00
background : var ( --interactive-active ) ;
2020-10-18 20:42:49 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . categoryItemDefaultCategorySelected-2YeRUu . categoryIcon-2cYeku ,
# app-mount . categoryItemDefaultCategorySelected-2YeRUu : hover . categoryIcon-2cYeku {
2021-05-06 21:30:35 +02:00
color : var ( --interactive-active ) ;
}
2022-07-30 16:30:25 +02:00
# app-mount . focused-16Owih , /* gifpicker result */
# app-mount . result-pzZrwj : hover {
2021-05-06 12:41:18 +02:00
box-shadow : 0 11px 22px 1px rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-10-18 20:42:49 +02:00
}
2022-07-30 16:30:25 +02:00
# app-mount . placeholder-T1Tuu8 {
2021-05-06 21:30:35 +02:00
background : rgba ( var ( --textdarkest ) , . 6 ) ;
}
2022-07-30 16:30:25 +02:00
# app-mount . endContainer-22e-US :: after {
background-image : url ( https : / / discord . com / assets / be5f088125f778701a7e4fad471a45da . svg ) ;
2021-05-06 21:30:35 +02:00
opacity : 0 . 6 ;
}
2022-07-30 16:30:25 +02:00
# app-mount . endText-3Ps2ZN {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
}
2022-07-30 16:26:26 +02:00
# app-mount . emptyHintCard-2A7Tng {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2020-10-18 20:42:49 +02:00
}
2022-07-30 16:30:25 +02:00
# app-mount . backButton-bSKWLe { /* gifpicker backbutton */
2021-05-06 21:30:35 +02:00
color : var ( --interactive-normal ) ;
2020-10-18 20:42:49 +02:00
}
2022-07-30 16:30:25 +02:00
# app-mount . backButton-bSKWLe : hover {
2021-05-06 21:30:35 +02:00
color : var ( --interactive-hover ) ;
2020-10-18 20:42:49 +02:00
}
2022-07-30 16:30:25 +02:00
# app-mount . backButton-bSKWLe : active {
2021-05-06 21:30:35 +02:00
color : var ( --interactive-active ) ;
2020-10-18 20:42:49 +02:00
}
2020-04-25 09:53:26 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 14.4. PINS/MENTIONS ---- */
2020-03-26 15:59:43 +01:00
2022-01-11 15:32:34 +01:00
. messagesPopoutWrap-3zryHW , /* popout wrapper */
. container-2ebMPP { /* popout wrapper (inbox) */
2021-02-03 13:00:57 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-01-30 13:58:17 +01:00
border : none ;
overflow : hidden ;
}
2022-01-11 15:32:34 +01:00
. messagesPopoutWrap-3zryHW > * ,
. container-2ebMPP > * {
2020-01-30 13:58:17 +01:00
z-index : 1000 ;
}
2022-01-11 15:32:34 +01:00
. messagesPopoutWrap-3zryHW :: before ,
. container-2ebMPP :: before ,
. messagesPopoutWrap-3zryHW :: after ,
. container-2ebMPP :: after {
2020-01-30 13:58:17 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
. messagesPopoutWrap-3zryHW :: before ,
. container-2ebMPP :: before {
2021-06-26 17:46:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. messagesPopoutWrap-3zryHW :: after ,
. container-2ebMPP :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . messagesPopout-eVzQcI { /* popout innerwrap */
2019-09-19 12:56:54 +02:00
background-color : transparent ;
}
2020-05-08 10:46:50 +02:00
2019-09-19 12:56:54 +02:00
. themedPopout-1TrfdI . header-2Kf7Yu {
2021-05-06 12:41:18 +02:00
box-shadow : 0 2px 3px 0 rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. header-1w9Q93 { /* popout header */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
box-shadow : 0 2px 3px 0 rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2020-05-08 10:46:50 +02:00
2019-09-19 12:56:54 +02:00
. themedPopout-1TrfdI . footer-1K57q_ {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. footer-5ji8u1 { /* popout footer */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2020-05-08 10:46:50 +02:00
2022-01-11 15:32:34 +01:00
. messageGroupWrapper-1jf_7C {
2019-09-19 12:56:54 +02:00
background-color : transparent ;
border : none ;
overflow : visible ;
padding : 11px 10px 10px 10px ;
}
2022-01-11 15:32:34 +01:00
. messageGroupWrapper-1jf_7C + . messageGroupWrapper-1jf_7C :: before {
2019-09-19 12:56:54 +02:00
content : "" ;
2021-05-06 17:50:44 +02:00
border-top : 1px solid var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
position : absolute ;
top : -3px ;
left : 0 ;
width : 100 % ;
}
2022-01-11 15:32:34 +01:00
. messageGroupWrapper-1jf_7C . contentCozy-3XX413 {
2019-09-19 12:56:54 +02:00
overflow : hidden ;
}
2022-01-11 15:32:34 +01:00
. actionButtons-2mNSAB { /* popout actionbuttonscontainer */
2019-09-19 12:56:54 +02:00
top : 4px ;
right : 14px ;
}
2022-01-11 15:06:27 +01:00
. jumpButton-1V_1FA , /* popout jumpbutton (mentions) */
2022-01-11 15:32:34 +01:00
. jumpButton-1ZwI_j { /* popout jumpbutton (pins) */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. jumpButton-1V_1FA : hover ,
2022-01-11 15:32:34 +01:00
. jumpButton-1ZwI_j : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-06-26 15:20:13 +02:00
}
2022-01-11 15:06:27 +01:00
. jumpButton-1V_1FA + . jumpButton-1V_1FA ,
2022-01-11 15:32:34 +01:00
. jumpButton-1ZwI_j + . jumpButton-1ZwI_j {
2019-09-19 12:56:54 +02:00
margin-left : 2px ;
}
2022-01-11 15:32:34 +01:00
. messageGroupWrapper-1jf_7C : hover . actionButtons-2mNSAB . closeButton-17RIVZ {
2019-09-19 12:56:54 +02:00
opacity : 1 ;
}
2020-01-30 08:58:21 +01:00
. hasMoreButton-1MELpI { /* popout hasmorebutton */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-23 12:01:10 +02:00
border : none ;
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
. image-t6rLT3 { /* popout emptyimage */
2019-09-19 12:56:54 +02:00
opacity : 0 . 6 ;
}
2020-04-18 16:19:27 +02:00
/* popout active tab */
2022-01-11 15:06:27 +01:00
# app-mount . header-145e10 . tabBar-1qdMr5 . tab-TRrPC8 . active-1grPyy {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2020-04-18 16:19:27 +02:00
}
2022-01-11 15:06:27 +01:00
. secondary-2bzKEX , /* popout header button */
. tertiary-1e-lAP , /* popout message button */
2020-05-08 11:16:33 +02:00
. collapseButton-3V3Cqh { /* popout collapse button */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-04-18 16:19:27 +02:00
}
2022-01-11 15:06:27 +01:00
. secondary-2bzKEX : hover ,
. tertiary-1e-lAP : hover ,
2020-05-08 11:16:33 +02:00
. collapseButton-3V3Cqh : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-04-18 16:19:27 +02:00
}
2020-05-08 11:16:33 +02:00
. collapseButton-3V3Cqh {
position : static ;
margin-left : 12px ;
border-radius : 32px ;
box-sizing : border-box ;
cursor : pointer ;
flex-shrink : 0 ;
height : 32px ;
min-height : 32px ;
width : 32px ;
min-width : 32px ;
padding : 8px ;
transform : unset ! important ;
}
. collapseButton-3V3Cqh . collapsed-b6uSCG svg {
transform : rotate ( -90deg ) ;
}
2022-01-11 15:06:27 +01:00
. channelHeader-DFRX8q { /* popout channelheader */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-04-18 16:19:27 +02:00
padding-right : 16px ;
border-radius : 5px 5px 0 0 ;
2020-04-19 19:35:33 +02:00
position : static ;
2020-04-18 16:19:27 +02:00
}
2022-01-11 15:06:27 +01:00
. channelHeader-DFRX8q : only-child {
2020-05-08 11:16:33 +02:00
border-radius : 0 ;
}
2022-01-11 15:06:27 +01:00
. messageContainer-3VTXBC , /* popout messagecontainer */
. messages-23can0 { /* popout messagecontainer (inbox) */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-04-18 16:19:27 +02:00
border-radius : 0 ;
}
2022-01-11 15:06:27 +01:00
. messageContainer-3VTXBC : last-child ,
. messages-23can0 : last-child {
2020-04-18 16:19:27 +02:00
border-radius : 0 0 5px 5px ;
}
2022-01-11 15:06:27 +01:00
. tutorial-Nb3Zz5 { /* popout tutorial (inbox) */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-08-11 17:19:24 +02:00
}
2022-01-11 15:06:27 +01:00
. tutorialIcon-25VF3Q { /* popout tutorial (inbox) */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-05-08 11:19:25 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 14.5. SEARCHPOPOUT ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
# app-mount . container-2McqkF { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
border : none ;
overflow : hidden ;
position : relative ;
}
2022-01-11 15:32:34 +01:00
. container-2McqkF :: before ,
. container-2McqkF :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
. container-2McqkF :: before {
2021-06-26 17:46:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. container-2McqkF :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . queryContainer-ZunrLZ {
2021-05-06 17:50:44 +02:00
border-bottom-color : var ( --background-modifier-accent ) ;
2021-05-07 12:32:48 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . queryContainer-ZunrLZ strong {
2021-05-07 12:32:48 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . focused-2FU0YH {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . resultsGroup-1BPR25 :: before {
2021-05-06 17:50:44 +02:00
border-top-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . resultsGroup-1BPR25 . header-3A13BX ,
# app-mount . resultsGroup-1BPR25 . plusIcon-2V7coV ,
# app-mount . resultsGroup-1BPR25 . searchClearHistory-2Be-92 ,
# app-mount . resultsGroup-1BPR25 . searchLearnMore-7__o_n a {
2021-05-07 12:32:48 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . resultsGroup-1BPR25 . header-3A13BX ,
# app-mount . resultsGroup-1BPR25 . plusIcon-2V7coV {
2021-11-18 15:35:56 +01:00
color : var ( --text-normal ) ;
}
2022-02-18 07:32:38 +01:00
# app-mount . option-ayUoaq :: after {
2019-09-19 12:56:54 +02:00
display : none ;
}
2022-02-18 07:32:38 +01:00
# app-mount . option-ayUoaq : hover ,
2022-03-17 22:16:24 +01:00
# app-mount . option-ayUoaq [ aria-selected = true ] ,
2022-02-18 07:32:38 +01:00
# app-mount . option-ayUoaq . selected-rZcOL- {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-02-18 07:32:38 +01:00
# app-mount . option-ayUoaq : hover :: before ,
2022-03-17 22:16:24 +01:00
# app-mount . option-ayUoaq [ aria-selected = true ] :: before ,
2022-02-18 07:32:38 +01:00
# app-mount . option-ayUoaq . selected-rZcOL- :: before {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2019-09-19 12:56:54 +02:00
border-radius : 3px ;
width : 34px ;
}
2022-02-18 07:32:38 +01:00
# app-mount . option-ayUoaq : hover . plusIcon-2V7coV ,
2022-03-17 22:16:24 +01:00
# app-mount . option-ayUoaq [ aria-selected = true ] . plusIcon-2V7coV ,
2022-02-18 07:32:38 +01:00
# app-mount . option-ayUoaq . selected-rZcOL- . plusIcon-2V7coV {
2021-11-18 15:35:56 +01:00
color : white ;
opacity : 1 ;
}
2022-02-18 07:32:38 +01:00
# app-mount . option-ayUoaq . answer-2fBfuP ,
# app-mount . option-ayUoaq . nonText-3_4gtu ,
# app-mount . option-ayUoaq strong {
2021-05-07 12:32:48 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-02-18 07:32:38 +01:00
# app-mount . option-ayUoaq . filter-5YbOzJ {
2021-05-07 12:32:48 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2022-02-18 07:32:38 +01:00
# app-mount . option-ayUoaq . user-23VtPS . displayedNick-2dDbfG {
2021-05-07 12:32:48 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-02-18 07:32:38 +01:00
# app-mount . option-ayUoaq . user-23VtPS . displayUsername-14aOpK {
2021-05-07 12:32:48 +02:00
color : var ( --interactive-muted ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . searchOption-351dTI . filter-5YbOzJ {
2021-05-07 12:32:48 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . searchOption-351dTI . answer-2fBfuP {
2021-05-07 12:32:48 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . searchResultChannelCategory-3cL8uG ,
# app-mount . searchResultChannelIcon-1Il1Qo {
2021-05-07 12:32:48 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker {
2019-09-19 12:56:54 +02:00
background : transparent ;
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__day : not ( . react-datepicker__day--outside-month ) {
2021-05-06 12:41:18 +02:00
border-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__day--outside-month {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 5 ) ;
2021-05-07 12:32:48 +02:00
border-color : transparent ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__header ,
# app-mount . calendarPicker-sDhzdi . react-datepicker__month-container ,
# app-mount . calendarPicker-sDhzdi . react-datepicker__day--disabled : not ( . react-datepicker__day--outside-month ) {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__header {
2019-09-19 12:56:54 +02:00
padding-bottom : 5px ;
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__navigation {
2019-09-19 12:56:54 +02:00
background : transparent ;
2021-05-07 12:32:48 +02:00
border-color : rgba ( var ( --textbrightest ) , . 5 ) ;
2019-09-19 12:56:54 +02:00
top : 30px ;
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__navigation :: before {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
2021-04-03 16:55:17 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 7619529e87dad31fd2ae83d9b9583e49 . svg ) center / 6px 12px no-repeat ;
2021-05-07 12:32:48 +02:00
background-color : rgb ( var ( --textbrightest ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__navigation--previous {
2019-09-19 12:56:54 +02:00
left : 30px ;
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__navigation--next {
2019-09-19 12:56:54 +02:00
right : 30px ;
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__current-month {
2019-09-19 12:56:54 +02:00
border-color : transparent ;
padding : 10px 0 ;
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__current-month ,
# app-mount . calendarPicker-sDhzdi . react-datepicker__day-name ,
# app-mount . calendarPicker-sDhzdi . react-datepicker__day : not ( . react-datepicker__day--disabled ) : hover ,
# app-mount . calendarPicker-sDhzdi . react-datepicker__day : not ( . react-datepicker__day--disabled ) : not ( . react-datepicker__day--outside-month ) ,
# app-mount . calendarPicker-sDhzdi . datePickerHint-17MnA8 . hint-3D5yHh ,
# app-mount . calendarPicker-sDhzdi . datePickerHint-17MnA8 . hintValue-1x-flY {
2021-05-07 12:32:48 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__day--disabled : not ( . react-datepicker__day--outside-month ) {
2021-05-07 12:32:48 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . calendarPicker-sDhzdi . react-datepicker__day--outside-month {
2021-05-07 12:32:48 +02:00
color : var ( --text-muted ) ;
2022-04-11 11:22:41 +02:00
cursor : no-drop ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . datePicker-70cO23 . datePickerHint-17MnA8 {
2019-09-19 12:56:54 +02:00
margin : 0 ;
padding : 20px ;
display : flex ;
justify-content : center ;
2021-11-18 15:35:56 +01:00
border-top-color : var ( --background-modifier-accent ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . datePicker-70cO23 . datePickerHint-17MnA8 . hint-3D5yHh {
2021-11-18 15:35:56 +01:00
color : var ( --text-normal ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . datePicker-70cO23 . datePickerHint-17MnA8 . hintValue-1x-flY {
2021-11-18 15:35:56 +01:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . datePicker-70cO23 . datePickerHint-17MnA8 . hintValue-1x-flY : hover {
2021-11-18 15:35:56 +01:00
text-shadow : 1px 1px var ( --textshadow ) ;
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 14.6. COLORPICKER ---- */
2019-09-26 10:28:46 +02:00
2022-11-22 00:32:47 +01:00
# app-mount . customColorPicker-C_jddW { /* popout wrapper */
2021-02-03 13:00:57 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-26 10:28:46 +02:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
}
2022-11-22 00:32:47 +01:00
. customColorPicker-C_jddW :: before ,
. customColorPicker-C_jddW :: after {
2019-09-26 10:28:46 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 17:46:21 +02:00
border-radius : 5px ;
2019-09-26 10:28:46 +02:00
pointer-events : none ;
z-index : -1 ;
}
2022-11-22 00:32:47 +01:00
. customColorPicker-C_jddW :: before {
2021-06-26 17:46:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-11-22 00:32:47 +01:00
. customColorPicker-C_jddW :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 35 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2019-09-26 10:28:46 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 14.7. ADDROLE ---- */
2019-10-14 15:57:38 +02:00
2022-01-14 19:06:28 +01:00
# app-mount . container-2O1UgZ , /* popout userpopout */
# app-mount . container-1S70rv { /* popout channelsettings */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-10-14 15:57:38 +02:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
2022-01-14 19:06:28 +01:00
width : 300px ;
2019-10-14 15:57:38 +02:00
}
2022-01-11 15:06:27 +01:00
. container-2O1UgZ :: before ,
2022-01-14 19:06:28 +01:00
. container-2O1UgZ :: after ,
. container-1S70rv :: before ,
. container-1S70rv :: after {
2019-10-14 15:57:38 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-14 19:06:28 +01:00
. container-2O1UgZ :: before ,
. container-1S70rv :: before {
2021-06-26 17:46:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-14 19:06:28 +01:00
. container-2O1UgZ :: after ,
. container-1S70rv :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 1 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:06:27 +01:00
. focused-qp-W9B ,
2022-01-21 22:49:05 +01:00
. item-1BCeuB : hover : not ( . disabled-Mmpvl7 ) ,
2022-01-14 19:06:28 +01:00
. row-1Ib2uD . selected-1IWCoj . rowInner-3uonq8 ,
. row-1Ib2uD : hover . rowInner-3uonq8 {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 4 ) ;
2019-10-14 15:57:38 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . container-1S70rv . header-3i_Csh {
background : rgba ( var ( --transparencycolor ) , . 2 ) ;
}
# app-mount . container-1S70rv . input-2lpFVz {
color : var ( --header-primary ) ;
}
# app-mount . container-1S70rv . sectionTag-28mLyE {
background : transparent ;
}
. autocompleteShadow-2nfsSy ,
. autocompleteArrowWrapper-Kr4DnW ,
. autocompleteHeaderBackground-3u7TwO {
display : none ;
}
2019-09-26 10:28:46 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 14.8. EVERYONEMENTION ---- */
2020-01-30 10:22:32 +01:00
# app-mount . everyonePopout-nEbJY3 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-01-30 10:22:32 +01:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
position : relative ;
}
2021-06-26 17:46:21 +02:00
. everyonePopout-nEbJY3 :: before ,
. everyonePopout-nEbJY3 :: after {
2020-01-30 10:22:32 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2021-06-26 17:46:21 +02:00
. everyonePopout-nEbJY3 :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2020-11-16 11:11:06 +01:00
. everyonePopout-nEbJY3 :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 1 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-01-30 10:22:32 +01:00
# app-mount . header-3_S6dz {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
# app-mount . body-2iXqIL {
color : var ( --header-secondary ) ;
}
# app-mount . body-2iXqIL . animation-3GofIz {
opacity : . 5 ;
2020-01-30 10:22:32 +01:00
}
# app-mount . buttonHint-2OxJB8 {
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
2020-01-30 10:22:32 +01:00
}
# app-mount . buttonHint-2OxJB8 strong {
2021-05-07 17:07:56 +02:00
color : var ( --header-secondary ) ;
2020-01-30 10:22:32 +01:00
}
# app-mount . footer-2aTx0s {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
2020-01-30 10:22:32 +01:00
}
2021-05-07 17:07:56 +02:00
# app-mount . footer-2aTx0s strong {
color : var ( --header-secondary ) ;
2020-01-30 10:22:32 +01:00
}
2020-03-26 00:42:57 +01:00
/* ---- 14.9. CHANNELFOLLOW ---- */
2020-03-25 20:19:24 +01:00
2022-01-11 15:32:34 +01:00
# app-mount . header-13P3fr {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-25 20:19:24 +01:00
}
# app-mount . separator-3gy7tq {
2021-05-06 12:41:18 +02:00
box-shadow : 0 1px 0 0 rgba ( var ( --transparencycolor ) , . 3 ) , 0 1px 2px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-25 20:19:24 +01:00
}
2022-01-11 15:32:34 +01:00
. channelContainer-3YAhb_ {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-25 20:19:24 +01:00
}
2022-01-11 15:32:34 +01:00
. channel-k2TVLQ {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-25 20:19:24 +01:00
}
2022-01-11 15:32:34 +01:00
. channelContainer-3YAhb_ . channel-k2TVLQ {
2020-03-25 20:19:24 +01:00
background-color : transparent ;
}
2020-03-26 00:42:57 +01:00
/* ---- 14.10. CHANNELFOLLOWINFO ---- */
2020-03-25 20:19:24 +01:00
2022-01-11 15:32:34 +01:00
# app-mount . guildPopout-G6M0fK { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-25 20:19:24 +01:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
position : relative ;
}
2022-01-11 15:32:34 +01:00
. guildPopout-G6M0fK :: before ,
. guildPopout-G6M0fK :: after {
2020-03-25 20:19:24 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:32:34 +01:00
. guildPopout-G6M0fK :: before {
2021-06-26 17:46:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. guildPopout-G6M0fK :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 1 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-03-25 20:19:24 +01:00
2020-09-12 17:50:02 +02:00
/* ---- 14.11. EMOJIINFO ---- */
2022-01-11 15:06:27 +01:00
# app-mount . popoutContainer-2wbmiM { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-09-12 17:50:02 +02:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
position : relative ;
}
2022-01-11 15:06:27 +01:00
. popoutContainer-2wbmiM :: before ,
. popoutContainer-2wbmiM :: after {
2020-09-12 17:50:02 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. popoutContainer-2wbmiM :: before {
2021-06-26 17:46:21 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. popoutContainer-2wbmiM :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 17:46:21 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-09-12 17:50:02 +02:00
2022-01-11 15:06:27 +01:00
. emojiSection-3QtaWO { /* popout emojisection */
2020-09-12 17:50:02 +02:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
. guildSection-2Zyzy8 { /* popout emojisection */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-10-05 21:26:49 +02:00
}
2020-09-12 17:50:02 +02:00
. loading-1lSwpg { /* popout loading placeholder */
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-09-12 17:50:02 +02:00
}
2020-10-06 20:16:58 +02:00
/* ---- 14.12. STREAMPREVIEW ---- */
2022-01-11 15:06:27 +01:00
# app-mount . streamPreview-3qoMP4 { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-10-06 20:16:58 +02:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
position : relative ;
}
2022-01-11 15:06:27 +01:00
. streamPreview-3qoMP4 :: before ,
. streamPreview-3qoMP4 :: after {
2020-10-06 20:16:58 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. streamPreview-3qoMP4 :: before {
2021-06-26 18:01:41 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. streamPreview-3qoMP4 :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 18:01:41 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-10-06 20:16:58 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . previewContainer-21fFBz { /* popout preview */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-10-06 20:16:58 +02:00
}
2021-03-19 23:23:44 +01:00
/* ---- 14.13. STREAMINFO ---- */
2022-01-11 15:06:27 +01:00
# app-mount . container-8Futzw { /* modal container */
2021-03-19 23:23:44 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-03-19 23:23:44 +01:00
position : relative ;
overflow : visible ! important ;
}
2022-01-11 15:06:27 +01:00
. container-8Futzw :: before ,
. container-8Futzw :: after {
2021-03-19 23:23:44 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. container-8Futzw :: before {
2021-06-26 18:01:41 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. container-8Futzw :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 18:01:41 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2021-03-19 23:23:44 +01:00
}
2020-10-06 20:16:58 +02:00
2021-03-19 23:23:44 +01:00
/* ---- 14.14. PUBLICGUILDANNOUNCEMENT ---- */
2020-10-15 21:56:54 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . popout-AVsFMl { /* popout wrapper */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-10-15 21:56:54 +02:00
border : none ;
border-radius : 3px ;
overflow : hidden ;
position : relative ;
}
2022-01-11 15:06:27 +01:00
. popout-AVsFMl :: before ,
. popout-AVsFMl :: after {
2020-10-15 21:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. popout-AVsFMl :: before {
2021-06-26 18:01:41 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. popout-AVsFMl :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 18:01:41 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-10-15 21:56:54 +02:00
2021-05-06 21:30:35 +02:00
/* ---- 14.15. RTCSTATUSPOPOUT ---- */
2022-01-11 15:06:27 +01:00
# app-mount . container-1ILvLB { /* RTCpopout */
2021-05-07 17:07:56 +02:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
color : var ( --header-primary ) ;
position : relative ;
2021-05-06 21:30:35 +02:00
width : 260px ;
}
2022-01-11 15:06:27 +01:00
. container-1ILvLB :: before ,
. container-1ILvLB :: after {
2021-05-07 17:07:56 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
2021-06-26 18:01:41 +02:00
pointer-events : none ;
2021-05-07 17:07:56 +02:00
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. container-1ILvLB :: before {
2021-06-26 18:01:41 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. container-1ILvLB :: after {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 18:01:41 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2021-05-07 17:07:56 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . container-1ILvLB . header-2C89wJ {
2021-05-06 21:30:35 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . container-1ILvLB canvas {
2021-05-06 21:30:35 +02:00
background-color : rgb ( var ( --transparencycolor ) ) ;
padding : 5px ;
border-radius : 5px ;
}
2022-01-11 15:06:27 +01:00
# app-mount . container-1ILvLB section {
2021-05-06 21:30:35 +02:00
background-color : transparent ;
}
2022-01-11 15:06:27 +01:00
# app-mount . container-1ILvLB section p {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . container-1ILvLB section strong {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . debugButton-OTfjlB {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . krispLogo-aWHaan {
2021-05-06 21:30:35 +02:00
-webkit-mask : url ( https : / / discord . com / assets / c28317e203e00b2d7390d5ece2399228 . svg ) center / contain no-repeat ;
background-color : var ( --header-primary ) ;
}
/* ---- 14.16. PHONE-/EMAILVALIDATION ---- */
2022-01-11 15:06:27 +01:00
# app-mount . input-3NIgDw {
2021-05-06 21:30:35 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
color : var ( --header-primary ) ;
}
# app-mount . phoneFieldPopout-h7c9mt . countryName-3dA1Xv {
color : var ( --header-secondary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . phoneFieldPopout-h7c9mt . countryCode-2RFA3i {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . activityInviteEducationArrow-1Avyhe {
2021-05-06 21:30:35 +02:00
-webkit-mask : url ( https : / / discord . com / assets / ba018cf9baa19824316dc4c2beb080a4 . svg ) center / contain no-repeat ;
background : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . emailVerificationModal-D8InhA . title-3Z7qoP {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . emailVerificationModal-D8InhA . body-2WAVf7 {
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . verification-2oQUwN . image-cLINxN {
2021-05-06 21:30:35 +02:00
background-image : url ( https : / / discord . com / assets / c290235278e128e94ae5ac37e58c5cbb . svg ) ;
opacity : . 5 ;
}
2022-01-11 15:06:27 +01:00
# app-mount . verification-2oQUwN . title-rdZnFE {
2021-05-06 21:30:35 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . verification-2oQUwN . body-2IbMjQ ,
# app-mount . verification-2oQUwN . footer-3YDDp6 {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . verificationBlock-xhj3fR {
2021-05-06 21:30:35 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
border : 1px solid rgba ( var ( --transparencycolor ) , . 3 ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . verificationBlock-xhj3fR : hover {
2021-05-06 21:30:35 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
border-color : rgb ( var ( --transparencycolor ) ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . verificationBlock-xhj3fR . image-cLINxN . email-1Zyyoj {
2021-05-06 21:30:35 +02:00
background-image : url ( https : / / discord . com / assets / cefc9c14adce616059f519c581331b32 . svg ) ;
opacity : . 5 ;
}
2022-01-11 15:06:27 +01:00
# app-mount . verificationBlock-xhj3fR . image-cLINxN . phone-2wue_- {
2021-05-06 21:30:35 +02:00
background-image : url ( https : / / discord . com / assets / ca452f5271ebcc7132db59f60a2a9cfe . svg ) ;
opacity : . 5 ;
}
2022-01-11 15:06:27 +01:00
# app-mount . verificationBlock-xhj3fR . body-2IbMjQ {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
}
2020-03-25 20:19:24 +01:00
2021-05-07 17:07:56 +02:00
/* ---- 14.17. QUICKSELECTPOPOUT ---- */
2022-01-11 15:06:27 +01:00
# app-mount . quickSelectPopout-2F0PXw , /* quickselect */
# app-mount . popoutList-10IFAa { /* listpopout */
2021-05-07 17:07:56 +02:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
color : var ( --header-primary ) ;
position : relative ;
}
2022-01-11 15:06:27 +01:00
. quickSelectPopout-2F0PXw :: before ,
. popoutList-10IFAa :: before ,
. quickSelectPopout-2F0PXw :: after ,
. popoutList-10IFAa :: after {
2021-05-07 17:07:56 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
2021-06-26 18:01:41 +02:00
pointer-events : none ;
2021-05-07 17:07:56 +02:00
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. quickSelectPopout-2F0PXw :: before ,
. popoutList-10IFAa :: before {
2021-06-26 18:01:41 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. quickSelectPopout-2F0PXw :: after ,
. popoutList-10IFAa :: after {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 18:01:41 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2021-05-07 17:07:56 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . selectableItem-3-fmiM {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . selectableItem-3-fmiM : hover {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . quickSelectPopoutOption-2E2UmS : hover {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . quickSelectPopoutOption-2E2UmS . selected-2xg679 {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . popoutListEmpty-3MWXtE {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . quickSelectArrow-1dOOHb {
2021-05-07 17:07:56 +02:00
-webkit-mask : url ( https : / / discord . com / assets / f58cf3b8fc79e9d671ab649ab37651a9 . svg ) 50 % no-repeat ;
background : var ( --interactive-normal ) ;
}
2021-05-15 12:30:19 +02:00
/* ---- 14.18. WARNINGPOPOUT ---- */
2022-01-11 15:06:27 +01:00
# app-mount . contentWarningPopout-WKdbDG { /* popout */
2021-05-15 12:30:19 +02:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
position : relative ;
}
2022-01-11 15:06:27 +01:00
. contentWarningPopout-WKdbDG :: before ,
. contentWarningPopout-WKdbDG :: after {
2021-05-15 12:30:19 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
2021-06-26 18:01:41 +02:00
pointer-events : none ;
2021-05-15 12:30:19 +02:00
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. contentWarningPopout-WKdbDG :: before {
2021-06-26 18:01:41 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. contentWarningPopout-WKdbDG :: after {
2021-05-15 12:30:19 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 18:01:41 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2021-05-15 12:30:19 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . body-2rDNbs {
2021-05-15 12:30:19 +02:00
color : var ( --header-secondary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . header-DRA95Q {
2021-05-15 12:30:19 +02:00
color : var ( --header-primary ) ;
}
2022-09-09 14:27:08 +02:00
/* ---- 14.19. ACTIVETHREADLISTPOPOUT ---- */
2021-11-09 17:21:22 +01:00
2022-09-09 14:27:08 +02:00
# app-mount . popout-TdhJ6Z { /* popout */
2021-11-09 17:21:22 +01:00
background-color : transparent ;
border : none ;
border-radius : 5px ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
position : relative ;
}
2022-01-11 15:06:27 +01:00
. popout-TdhJ6Z :: before ,
. popout-TdhJ6Z :: after {
2021-11-09 17:21:22 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
}
2022-01-11 15:06:27 +01:00
. popout-TdhJ6Z :: before {
2021-11-09 17:21:22 +01:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:06:27 +01:00
. popout-TdhJ6Z :: after {
2021-11-09 17:21:22 +01:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur ) ) ;
}
2022-09-09 14:27:08 +02:00
/* ---- 14.20. ROLEMEMBERSPOPOUT ---- */
# app-mount . rolePopout-27VCjW { /* popout */
background-color : transparent ;
border : none ;
border-radius : 5px ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
position : relative ;
}
. rolePopout-27VCjW :: before ,
. rolePopout-27VCjW :: after {
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
}
. rolePopout-27VCjW :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
. rolePopout-27VCjW :: after {
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur ) ) ;
}
2022-11-03 14:51:36 +01:00
/* ---- 14.21. FORUMFILTERPOPOUT ---- */
# app-mount . container-3kfp0r { /* popout */
background-color : transparent ;
border : none ;
border-radius : 5px ;
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
position : relative ;
}
. container-3kfp0r :: before ,
. container-3kfp0r :: after {
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 5px ;
pointer-events : none ;
z-index : -1 ;
}
. container-3kfp0r :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
. container-3kfp0r :: after {
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur ) ) ;
}
2020-03-26 00:42:57 +01:00
/* ~~~~ 15. GENERAL ~~~~ */
2019-09-19 12:56:54 +02:00
2020-11-17 20:40:39 +01:00
. highlight {
2022-09-09 14:31:18 +02:00
background : rgba ( var ( --accentcolor ) , . 3 ) ;
}
. clickable-28SzVr : hover . layout-1qmrhw {
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
}
. clickable-28SzVr : active . layout-1qmrhw {
background : rgb ( var ( --accentcolor ) ) ;
}
. clickable-28SzVr : active . layout-1qmrhw ,
2022-09-20 08:39:27 +02:00
. selected-1-Z6gm . layout-1qmrhw ,
. selected-1-Z6gm : hover . layout-1qmrhw ,
. selected-1-Z6gm : active . layout-1qmrhw {
2022-09-09 14:31:18 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
text-shadow : 1px 1px var ( --textshadow ) ;
}
. clickable-28SzVr . icon-2iCk7Q {
color : inherit ;
}
. clickable-28SzVr : active . layout-1qmrhw svg : not ( . svg-2azL_l ) ,
. clickable-28SzVr . selected-1-Z6gm . layout-1qmrhw svg : not ( . svg-2azL_l ) {
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
}
. clickable-28SzVr : active . premiumIcon-2IFPOX ,
. clickable-28SzVr . selected-1-Z6gm . premiumIcon-2IFPOX {
color : var ( --header-primary ) ! important ;
2020-11-17 20:40:39 +01:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . elevationLow-26BbEG , # app-mount . elevationLow-3aiJPL , . lightElevationLow-1QzqDT , . darkElevationLow-2LO4eN {
2021-05-06 12:41:18 +02:00
box-shadow : 0 1px 5px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . elevationHigh-3KUiqj , # app-mount . elevationHigh-28Pty4 , . lightElevationHigh-3gER0h , . darkElevationHigh-1BaD2i {
2021-05-06 12:41:18 +02:00
box-shadow : 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . elevationBorderLow-3_3rXL , # app-mount . elevationBorderLow-2_BGCd , . lightElevationBorderLow-2Ysl3H , . darkElevationBorderLow-34oHrM {
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 1px 5px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . elevationBorderHigh-3drnJX , # app-mount . elevationBorderHigh-1s5JCj , . lightElevationBorderHigh-3wutCI , . darkElevationBorderHigh-8ZYNYM {
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . breadcrumbWrapper-3rpYiO { /* breadcrumbs wrapper */
2021-05-06 21:30:35 +02:00
color : rgba ( var ( --textbrightest ) , . 3 ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . activeBreadcrumb-2xVic0 { /* breadcrumbs active */
2021-05-06 21:30:35 +02:00
color : rgba ( var ( --textbrightest ) , . 6 ) ;
}
2020-03-26 00:42:57 +01:00
/* ---- 15.1. TEXT ---- */
2019-09-19 12:56:54 +02:00
2021-05-07 17:07:56 +02:00
. description-1u9Qui {
color : var ( --header-secondary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount h1 . title-338goq ,
# app-mount h2 . title-338goq {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount h3 . title-338goq {
2021-05-07 17:07:56 +02:00
color : var ( --text-normal ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount h4 . title-338goq ,
# app-mount h5 . title-338goq ,
# app-mount h6 . title-338goq {
2021-05-07 17:07:56 +02:00
color : var ( --header-secondary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . text-27cdrj ,
# app-mount . title-2CL_z0 {
2021-05-06 21:30:35 +02:00
color : var ( --text-muted ) ;
}
2021-05-07 17:07:56 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . title-338goq {
2021-05-06 21:30:35 +02:00
color : var ( --header-secondary ) ;
2021-05-06 18:17:02 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . markdown-19oyJN {
2021-05-07 17:07:56 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . markdown-19oyJN th {
2021-05-07 17:07:56 +02:00
background-color : var ( --background-tertiary ) ;
border-color : var ( --interactive-muted ) ;
color : var ( --header-primary ) ;
2020-01-30 14:18:43 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . markdown-19oyJN td {
2021-05-07 17:07:56 +02:00
border-color : var ( --interactive-muted ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . markdown-19oyJN tr {
2021-05-07 17:07:56 +02:00
border-color : var ( --interactive-muted ) ;
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . markdown-19oyJN tr : nth-child ( 2n ) {
2021-05-07 17:07:56 +02:00
background-color : var ( --background-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . markdown-19oyJN . blockquote-2mppuN {
2021-05-07 17:07:56 +02:00
border-left-color : var ( --interactive-muted ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . markdown-19oyJN code {
2021-05-07 17:07:56 +02:00
background-color : var ( --background-secondary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . markdown-19oyJN . codeInline-1RFl81 {
2021-05-07 17:07:56 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 15.2. BUTTONS ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
. btn-115Sr0 . btnPrimary-7AVO-X ,
2022-01-14 19:06:28 +01:00
. lookFilled-yCfaCM . hoverBrand-9W5Bs0 . hasHover-26V98q : hover ,
. lookFilled-yCfaCM . hoverBrandNew-2zxGm3 . hasHover-26V98q : hover ,
. lookFilled-yCfaCM . colorBrand-I6CyqQ : not ( . buttonColor-3bP3fX ) : not ( [ style * = "background-color" ] ) ,
. lookFilled-yCfaCM . colorBrandNew-2-gGsS : not ( . buttonColor-3bP3fX ) : not ( [ style * = "background-color" ] ) {
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2019-12-18 10:55:02 +01:00
}
2022-01-14 19:06:28 +01:00
. lookFilled-yCfaCM . hoverBrand-9W5Bs0 . hasHover-26V98q : hover svg ,
. lookFilled-yCfaCM . hoverBrandNew-2zxGm3 . hasHover-26V98q : hover svg ,
. lookFilled-yCfaCM . colorBrand-I6CyqQ : not ( . buttonColor-3bP3fX ) : not ( [ style * = "background-color" ] ) svg ,
. lookFilled-yCfaCM . colorBrandNew-2-gGsS : not ( . buttonColor-3bP3fX ) : not ( [ style * = "background-color" ] ) svg {
2021-05-03 16:23:08 +02:00
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
2020-06-01 10:48:24 +02:00
}
2020-02-19 14:54:06 +01:00
2022-01-14 19:06:28 +01:00
# app-mount . lookInverted-2mDUMi . colorPrimary-2AuQVo . spinnerItem-3dCJpG {
2021-05-27 20:44:11 +02:00
background-color : rgb ( var ( --textdarkest ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookOutlined-3yKVGo . colorPrimary-2AuQVo . spinnerItem-3dCJpG ,
# app-mount . lookLink-15mFoz . colorPrimary-2AuQVo . spinnerItem-3dCJpG {
2021-05-27 20:44:11 +02:00
background-color : rgb ( var ( --textdarkest ) ) ;
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-14 19:06:28 +01:00
# app-mount . lookFilled-yCfaCM . colorPrimary-2AuQVo : hover ,
# app-mount . lookFilled-yCfaCM . hoverPrimary-2hqNIm . hasHover-26V98q : hover {
2021-05-27 20:44:11 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookFilled-yCfaCM . colorPrimary-2AuQVo : active ,
# app-mount . lookFilled-yCfaCM . hoverPrimary-2hqNIm . hasHover-26V98q : active {
2021-05-27 20:44:11 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 6 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookFilled-yCfaCM . colorPrimary-2AuQVo ,
# app-mount . lookFilled-yCfaCM . colorPrimary-2AuQVo : disabled {
2021-05-27 20:44:11 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-05-07 17:07:56 +02:00
color : # FFF ;
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-14 19:06:28 +01:00
# app-mount . lookInverted-2mDUMi . colorPrimary-2AuQVo : hover ,
# app-mount . lookInverted-2mDUMi . hoverPrimary-2hqNIm . hasHover-26V98q : hover {
2021-05-07 17:07:56 +02:00
background-image : linear-gradient ( 0deg , rgba ( 0 , 0 , 0 , . 1 ) , rgba ( 0 , 0 , 0 , . 1 ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookInverted-2mDUMi . colorPrimary-2AuQVo : active ,
# app-mount . lookInverted-2mDUMi . hoverPrimary-2hqNIm . hasHover-26V98q : active {
2021-05-07 17:07:56 +02:00
background-image : linear-gradient ( 0deg , rgba ( 0 , 0 , 0 , . 2 ) , rgba ( 0 , 0 , 0 , . 2 ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookInverted-2mDUMi . colorPrimary-2AuQVo ,
# app-mount . lookInverted-2mDUMi . colorPrimary-2AuQVo : disabled {
2021-05-07 17:07:56 +02:00
background-color : # FFF ;
2021-05-27 20:44:11 +02:00
color : rgba ( var ( --textdarkest ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-06-23 17:35:23 +02:00
# app-mount . lookOutlined-3yKVGo . colorPrimary-2AuQVo : hover ,
2022-01-14 19:06:28 +01:00
# app-mount . lookOutlined-3yKVGo . hoverPrimary-2hqNIm . hasHover-26V98q : hover {
2022-06-23 17:35:23 +02:00
background-color : rgba ( var ( --textdarkest ) , . 05 ) ;
2021-05-27 20:44:11 +02:00
border-color : rgba ( var ( --textdarkest ) , . 6 ) ;
2021-05-07 17:07:56 +02:00
}
2022-06-23 17:35:23 +02:00
# app-mount . lookOutlined-3yKVGo . colorPrimary-2AuQVo : active ,
2022-01-14 19:06:28 +01:00
# app-mount . lookOutlined-3yKVGo . hoverPrimary-2hqNIm . hasHover-26V98q : active {
2021-05-27 20:44:11 +02:00
background-color : rgba ( var ( --textdarkest ) , . 1 ) ;
border-color : rgb ( var ( --textdarkest ) ) ;
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookOutlined-3yKVGo . colorPrimary-2AuQVo ,
# app-mount . lookOutlined-3yKVGo . colorPrimary-2AuQVo : disabled {
2021-05-27 20:44:11 +02:00
border-color : rgba ( var ( --textdarkest ) , . 1 ) ;
color : rgb ( var ( --textdarkest ) ) ;
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-14 19:06:28 +01:00
# app-mount . lookLink-15mFoz . colorPrimary-2AuQVo {
2021-05-27 20:44:11 +02:00
color : rgb ( var ( --textdarkest ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookLink-15mFoz . colorPrimary-2AuQVo : hover . contents-3ca1mk ,
# app-mount . lookLink-15mFoz . hoverPrimary-2hqNIm . hasHover-26V98q : hover . contents-3ca1mk {
2021-05-27 20:44:11 +02:00
background-image : linear-gradient ( 0deg , transparent , transparent 1px , rgb ( var ( --textdarkest ) ) 0 , rgb ( var ( --textdarkest ) ) 2px , transparent 0 ) ;
color : rgb ( var ( --textdarkest ) ) ;
2019-09-19 12:56:54 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-14 19:06:28 +01:00
# app-mount . borderPrimary-1ygM7_ {
2022-06-23 17:35:23 +02:00
border-color : rgb ( var ( --textdarkest ) ) ! important ;
2021-11-03 16:18:23 +01:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookInverted-2mDUMi . colorTransparent-13Bvvi . spinnerItem-3dCJpG {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --textbrightest ) , . 1 ) ;
}
2022-01-14 19:06:28 +01:00
# app-mount . lookFilled-yCfaCM . colorTransparent-13Bvvi . spinnerItem-3dCJpG ,
# app-mount . lookOutlined-3yKVGo . colorTransparent-13Bvvi . spinnerItem-3dCJpG ,
# app-mount . lookLink-15mFoz . colorTransparent-13Bvvi . spinnerItem-3dCJpG {
2021-11-03 16:18:23 +01:00
background-color : rgb ( var ( --textbrightest ) ) ;
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookFilled-yCfaCM . colorTransparent-13Bvvi : hover ,
# app-mount . lookFilled-yCfaCM . hoverTransparent-1F6BzX . hasHover-26V98q : hover {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --textbrightest ) , . 05 ) ;
}
2022-01-14 19:06:28 +01:00
# app-mount . lookFilled-yCfaCM . colorTransparent-13Bvvi : active ,
# app-mount . lookFilled-yCfaCM . hoverTransparent-1F6BzX . hasHover-26V98q : active {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --textbrightest ) , . 01 ) ;
}
2022-01-14 19:06:28 +01:00
# app-mount . lookFilled-yCfaCM . colorTransparent-13Bvvi ,
# app-mount . lookFilled-yCfaCM . colorTransparent-13Bvvi : disabled {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --textbrightest ) , . 1 ) ;
2021-11-03 16:18:23 +01:00
color : rgb ( var ( --textbrightest ) ) ;
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookInverted-2mDUMi . colorTransparent-13Bvvi : hover ,
# app-mount . lookInverted-2mDUMi . hoverTransparent-1F6BzX . hasHover-26V98q : hover {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --textbrightest ) , . 05 ) ;
}
2022-01-14 19:06:28 +01:00
# app-mount . lookInverted-2mDUMi . colorTransparent-13Bvvi : active ,
# app-mount . lookInverted-2mDUMi . hoverTransparent-1F6BzX . hasHover-26V98q : active {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --textbrightest ) , . 1 ) ;
}
2022-01-14 19:06:28 +01:00
# app-mount . lookInverted-2mDUMi . colorTransparent-13Bvvi ,
# app-mount . lookInverted-2mDUMi . colorTransparent-13Bvvi : disabled {
2021-11-03 16:18:23 +01:00
background-color : rgb ( var ( --textbrightest ) ) ;
2021-05-07 17:07:56 +02:00
color : rgba ( var ( --textbrightest ) , . 1 ) ;
}
2022-01-14 19:06:28 +01:00
# app-mount . lookOutlined-3yKVGo . hoverTransparent-1F6BzX . hasHover-26V98q : hover {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --textbrighter ) , . 1 ) ;
2021-11-03 16:18:23 +01:00
border-color : rgb ( var ( --textbrightest ) ) ;
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookOutlined-3yKVGo . hoverTransparent-1F6BzX . hasHover-26V98q : active {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --textbrightest ) , . 1 ) ;
2021-11-03 16:18:23 +01:00
border-color : rgb ( var ( --textbrightest ) ) ;
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookOutlined-3yKVGo . colorTransparent-13Bvvi ,
# app-mount . lookOutlined-3yKVGo . colorTransparent-13Bvvi : disabled {
2021-05-07 17:07:56 +02:00
background-color : transparent ;
2021-11-03 16:18:23 +01:00
color : rgb ( var ( --textbright ) ) ;
2021-05-07 17:07:56 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookLink-15mFoz . colorTransparent-13Bvvi {
2021-11-03 16:18:23 +01:00
color : rgb ( var ( --textbright ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-14 19:06:28 +01:00
# app-mount . lookLink-15mFoz . colorTransparent-13Bvvi : hover . contents-3ca1mk ,
# app-mount . lookLink-15mFoz . hoverTransparent-1F6BzX . hasHover-26V98q : hover . contents-3ca1mk {
2021-05-15 12:30:19 +02:00
background-image : linear-gradient ( 0deg , transparent , transparent 1px , rgb ( var ( --textbrighter ) ) 0 , rgb ( var ( --textbrighter ) ) 2px , transparent 0 ) ;
2021-11-03 16:18:23 +01:00
color : rgb ( var ( --textbright ) ) ;
}
2022-01-14 19:06:28 +01:00
# app-mount . borderTransparent-2P3AAk {
2021-11-03 16:18:23 +01:00
border-color : rgb ( var ( --textbrightest ) ) ! important ;
2019-04-05 11:10:52 +02:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.3. INPUTS ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
. input-2g-os5 { /* valueinput bordered */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-02-13 22:55:07 +01:00
}
2022-01-11 15:06:27 +01:00
. input-2g-os5 : hover : not ( : focus ) {
2021-05-03 16:23:08 +02:00
border-color : rgb ( var ( --transparencycolor ) ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
. textInput-3g8y92 { /* textinput */
2021-11-18 15:50:59 +01:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
}
2022-01-11 15:32:34 +01:00
. textInput-3g8y92 . input-2g-os5 {
2021-11-18 15:50:59 +01:00
background : transparent ;
}
2021-05-07 17:07:56 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . prefixInput-w72mM6 {
2021-05-07 17:07:56 +02:00
background-color : rgba ( 0 , 0 , 0 , . 1 ) ;
border-color : rgba ( 0 , 0 , 0 , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . prefixInput-w72mM6 : hover {
2021-05-07 17:07:56 +02:00
border-color : rgba ( 0 , 0 , 0 , . 6 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . prefixInputInput-yS14_1 {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . prefixInputInput-yS14_1 :: -webkit-input-placeholder ,
# app-mount . prefixInputInput-yS14_1 :: -moz-placeholder ,
# app-mount . prefixInputInput-yS14_1 : -ms-input-placeholder ,
# app-mount . prefixInputInput-yS14_1 :: placeholder {
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . prefixInputPrefix-20KCc9 {
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
2018-10-11 10:21:26 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . maxLength-IdVNmX {
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
2018-10-11 10:21:26 +02:00
}
2021-05-07 17:07:56 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . copyInput-3AbKWB {
2021-05-07 17:07:56 +02:00
background-color : var ( --deprecated-text-input-bg ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . copyInputDefault-3jiMHw {
2021-05-07 17:07:56 +02:00
border-color : var ( --deprecated-text-input-border ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . hiddenMessage-3QNvPt ,
2022-01-11 15:32:34 +01:00
# app-mount . inputDefault-1AaKiD {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
2018-12-14 00:14:32 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . hiddenMessage-3QNvPt :: placeholder ,
2022-01-11 15:32:34 +01:00
# app-mount . inputDefault-1AaKiD :: placeholder {
2021-05-07 17:07:56 +02:00
color : rgba ( var ( --textbrightest ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. container-2nx-BQ { /* checkboxswitch */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ! important ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. container-2nx-BQ rect [ fill ] {
2021-05-07 17:07:56 +02:00
fill : var ( --header-primary ) ! important ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. container-2nx-BQ path [ fill ] {
2021-05-03 16:23:08 +02:00
fill : rgb ( var ( --transparencycolor ) ) ! important ;
2020-10-14 22:14:52 +02:00
}
2018-10-11 10:21:26 +02:00
2022-01-11 15:32:34 +01:00
# app-mount . item-2idW98 { /* radiogroup container */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . item-2idW98 : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2020-11-21 19:36:03 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . item-2idW98 [ aria-checked = true ] . radioBar-3w9XY- {
2021-05-03 16:23:08 +02:00
background : rgb ( var ( --accentcolor ) ) ;
2020-11-22 15:40:43 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . item-2idW98 [ aria-checked = true ] . radioBar-3w9XY- . radioIconForeground-2BMavi {
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . item-2idW98 . radioBar-3w9XY- [ style * = "--radio-bar-accent-color" ] {
2020-11-22 15:40:43 +01:00
background : var ( --radio-bar-accent-color ) ;
border : unset ;
2021-05-07 17:07:56 +02:00
color : var ( --header-primary ) ;
2020-11-22 15:40:43 +01:00
}
2022-01-11 15:32:34 +01:00
# app-mount . item-2idW98 [ aria-checked = false ] : hover . radioBar-3w9XY- [ style * = "--radio-bar-accent-color" ] {
2021-05-06 12:41:18 +02:00
background : var ( --radio-bar-accent-color ) linear-gradient ( to right , rgba ( 255 , 255 , 255 , . 2 ) , rgba ( 255 , 255 , 255 , . 2 ) ) ;
2020-11-22 15:40:43 +01:00
}
2018-10-11 10:21:26 +02:00
2022-01-11 15:32:34 +01:00
# app-mount . checkboxContainer-1NbL2v :: before { /* checkbox container */
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --textdarker ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . checkbox-f1HnKB { /* checkbox inner */
2021-05-07 17:07:56 +02:00
border-color : rgb ( var ( --textdark ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . checkbox-f1HnKB . checked-1pZh2h { /* checkbox checked */
2021-05-07 17:07:56 +02:00
background-color : rgb ( var ( --textbrightest ) ) ;
border-color : rgb ( var ( --textbrightest ) ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . checkbox-f1HnKB . checked-1pZh2h . round-1RSG-3 { /* checkbox roundchecked */
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ! important ;
border-color : rgb ( var ( --accentcolor ) ) ! important ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . checkbox-f1HnKB . checked-1pZh2h . round-1RSG-3 svg {
2021-05-03 16:23:08 +02:00
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
2020-06-01 10:48:24 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . checkbox-f1HnKB . checked-1pZh2h . round-1RSG-3 path [ fill ] {
2021-06-10 21:39:33 +02:00
fill : # fff ;
2018-11-02 21:01:04 +01:00
}
2022-01-11 15:32:34 +01:00
. checkboxMute-1erNeD :: before {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2018-11-02 21:01:04 +01:00
}
2018-10-11 10:21:26 +02:00
2022-01-11 15:06:27 +01:00
# app-mount . bar-1Bhnl9 { /* slider backgroundbar */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
. grabber-2GQyvM { /* slider grabber */
2021-05-07 17:07:56 +02:00
background-color : var ( --header-primary ) ;
border-color : var ( --header-primary ) ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 3px 1px 0 rgba ( var ( --transparencycolor ) , . 05 ) , 0 2px 2px 0 rgba ( var ( --transparencycolor ) , . 1 ) , 0 3px 3px 0 rgba ( var ( --transparencycolor ) , . 05 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . markValue-2U_-UG { /* slider markvalue */
2021-06-10 21:39:33 +02:00
color : var ( --text-muted ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . defaultValue-19SZ-q . markValue-2U_-UG {
2019-09-19 12:56:54 +02:00
color : # 43b581 ;
}
2022-01-11 15:06:27 +01:00
# app-mount . markDash-yk2kJ- {
2019-09-19 12:56:54 +02:00
background : transparent ;
2021-05-06 12:41:18 +02:00
color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . defaultValue-19SZ-q . markDash-yk2kJ- {
2019-09-19 12:56:54 +02:00
color : # 43b581 ;
}
2022-01-11 15:06:27 +01:00
# app-mount . markDash-yk2kJ- :: before ,
# app-mount . markDash-yk2kJ- :: after {
2018-10-11 10:21:26 +02:00
content : "" ;
position : absolute ;
2019-09-19 12:56:54 +02:00
background : currentColor ;
height : 8px ;
width : 2px ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . markDash-yk2kJ- :: before {
2019-09-19 12:56:54 +02:00
top : 14px ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . markDash-yk2kJ- :: after {
2019-09-19 12:56:54 +02:00
top : 30px ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
# app-mount . bubble-3we2di { /* slider bubble */
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-05-07 17:07:56 +02:00
color : # fff ;
text-shadow : 1px 1px var ( --textshadow ) ;
2019-03-18 10:22:26 +01:00
}
2020-10-19 10:38:04 +02:00
# app-mount . bubble-3we2di :: before {
2021-05-03 16:23:08 +02:00
border-top-color : rgb ( var ( --accentcolor ) ) ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
# app-mount . container-30qY7E { /* hotkeyinput container */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . editIcon-e7sZ3b { /* hotkeyinput editicon */
2021-04-03 16:55:17 +02:00
-webkit-mask : url ( https : / / discord . com / assets / 860396b3ff3fa1c4ae355bebfabadecb . svg ) center / cover no-repeat ;
2021-05-07 17:07:56 +02:00
background : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . container-1_EVMa . button-ZJ9ZzX {
2021-06-26 17:20:52 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ! important ;
color : var ( --header-primary ) ! important ;
}
2022-01-11 15:32:34 +01:00
# app-mount . container-1_EVMa . recording-3ny5_E . button-ZJ9ZzX {
2021-06-26 17:20:52 +02:00
background-color : rgba ( var ( --dangercolor ) , . 1 ) ! important ;
color : rgb ( var ( --dangercolor ) ) ! important ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
. select-1YfRS9 [ class * = "css-" ] [ class * = "-container" ] { /* select container */
2019-09-19 12:56:54 +02:00
background-color : transparent ;
}
2022-01-11 15:32:34 +01:00
. lookFilled-1GseHa . select-1Ia3hD ,
2022-01-11 15:06:27 +01:00
. select-1YfRS9 [ class * = "css-" ] [ class * = "-control" ] {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
border-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. lookFilled-1GseHa . select-1Ia3hD : hover {
2021-11-18 15:50:59 +01:00
border-color : rgb ( var ( --transparencycolor ) ) ;
}
2022-01-11 15:32:34 +01:00
. lookFilled-1GseHa . select-1Ia3hD : hover . open-1FRZsK ,
. lookFilled-1GseHa . open-1FRZsK {
2021-05-06 12:41:18 +02:00
border-color : rgb ( var ( --transparencycolor ) ) rgb ( var ( --transparencycolor ) ) rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. lookFilled-1GseHa . select-1Ia3hD . searchInput-3pIoTy {
2021-03-20 11:04:08 +01:00
background : transparent ;
}
2022-01-11 15:32:34 +01:00
. select-1Ia3hD ,
2022-01-11 15:06:27 +01:00
. select-1YfRS9 [ class * = "css-" ] [ class * = "-control" ] {
2021-05-07 17:07:56 +02:00
background-color : var ( --deprecated-text-input-bg ) ;
border-color : var ( --deprecated-text-input-border ) ;
color : var ( --text-normal ) ;
}
2022-01-11 15:06:27 +01:00
. select-1YfRS9 [ class * = "css-" ] [ class * = "-control" ] : hover ,
. select-1YfRS9 [ class * = "css-" ] [ class * = "-control" ] : not ( : last-child ) {
2021-05-07 17:07:56 +02:00
border-color : var ( --deprecated-text-input-border-hover ) ;
}
2022-01-11 15:06:27 +01:00
. select-1YfRS9 . languageSelector-1hjSyO [ class * = "css-" ] [ class * = "-control" ] {
2021-05-07 17:07:56 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
}
2022-01-11 15:06:27 +01:00
. select-1YfRS9 [ class * = "css-" ] [ class * = "-singleValue" ] ,
. select-1YfRS9 [ class * = "css-" ] [ class * = "-placeholder" ] ,
. select-1YfRS9 [ class * = "css-" ] [ class * = "-indicatorContainer" ] {
2021-05-07 17:07:56 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. option-2eIyOn ,
2021-05-15 12:14:13 +02:00
# app-mount . optionNormal-12VR9V ,
2020-10-20 18:34:28 +02:00
. css-1gfjib6-option ,
. css-1yz4bi9-option ,
2020-10-17 19:28:14 +02:00
. css-ru8b0x-option ,
. css-1yz4bi9-option {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2021-05-07 17:07:56 +02:00
color : var ( --interactive-normal ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. option-2eIyOn : hover ,
2021-05-15 12:14:13 +02:00
# app-mount . optionNormal-12VR9V : hover ,
2020-10-20 18:34:28 +02:00
. css-pkcurw-option ,
. css-rzbxvl-option ,
2020-10-17 19:28:14 +02:00
. css-1qxn4c5-option ,
. css-rzbxvl-option {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-07 17:07:56 +02:00
color : var ( --interactive-hover ) ;
2019-09-19 12:56:54 +02:00
}
2022-04-06 19:45:54 +02:00
. option-2eIyOn [ aria-selected = true ] : not ( . option-2eIyOn . multi-1HXDiv ) ,
2021-05-15 12:14:13 +02:00
# app-mount . optionActive-KkAdqq ,
2020-10-20 18:34:28 +02:00
. css-1gxgi19-option ,
. css-1ba14n5-option ,
2020-10-17 19:28:14 +02:00
. css-6qzljd-option ,
. css-1ba14n5-option {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2021-05-07 17:07:56 +02:00
color : var ( --interactive-active ) ;
2019-09-19 12:56:54 +02:00
}
2020-09-26 19:23:30 +02:00
. role-3ulsK- : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-09-26 19:23:30 +02:00
}
2022-01-11 15:32:34 +01:00
. popout-1KHNAq :: -webkit-scrollbar {
2021-03-20 11:04:08 +01:00
display : none ;
}
2022-01-11 15:32:34 +01:00
. popout-1KHNAq ,
2020-09-26 19:23:30 +02:00
. container-3LUQwT ,
2022-01-11 15:06:27 +01:00
. select-1YfRS9 > [ class * = "css-" ] [ class * = "-container" ] > [ class * = "css-" ] [ class * = "-menu" ] {
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2021-05-06 12:41:18 +02:00
border : 1px solid rgba ( var ( --transparencycolor ) , . 3 ) ;
box-shadow : 0px 1px 5px 0px rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
overflow : hidden ;
}
2022-04-06 19:45:54 +02:00
. popout-1KHNAq . scrollerBase-_bVAAt > . option-2eIyOn {
position : relative ;
}
2022-01-11 15:32:34 +01:00
. popout-1KHNAq :: before ,
2022-04-06 19:45:54 +02:00
. popout-1KHNAq . scrollerBase-_bVAAt > . option-2eIyOn :: before ,
2022-01-11 15:32:34 +01:00
. popout-1KHNAq . scrollerBase-_bVAAt . content-2a4AW9 :: before ,
2020-10-19 10:38:04 +02:00
. container-3LUQwT :: before ,
2022-01-11 15:06:27 +01:00
. select-1YfRS9 > [ class * = "css-" ] [ class * = "-container" ] > [ class * = "css-" ] [ class * = "-menu" ] :: before ,
2022-01-11 15:32:34 +01:00
. popout-1KHNAq :: after ,
2022-04-06 19:45:54 +02:00
. popout-1KHNAq . scrollerBase-_bVAAt > . option-2eIyOn :: after ,
2022-01-11 15:32:34 +01:00
. popout-1KHNAq . scrollerBase-_bVAAt . content-2a4AW9 :: after ,
2021-06-26 18:01:41 +02:00
. container-3LUQwT :: after ,
2022-01-11 15:06:27 +01:00
. select-1YfRS9 > [ class * = "css-" ] [ class * = "-container" ] > [ class * = "css-" ] [ class * = "-menu" ] :: after {
2018-10-11 10:21:26 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
2019-09-19 12:56:54 +02:00
width : unset ;
height : unset ;
pointer-events : none ;
z-index : -1 ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
. popout-1KHNAq :: before ,
2022-04-06 19:45:54 +02:00
. popout-1KHNAq . scrollerBase-_bVAAt > . option-2eIyOn :: before ,
2022-01-11 15:32:34 +01:00
. popout-1KHNAq . scrollerBase-_bVAAt . content-2a4AW9 :: before ,
2021-06-26 18:01:41 +02:00
. container-3LUQwT :: before ,
2022-01-11 15:06:27 +01:00
. select-1YfRS9 > [ class * = "css-" ] [ class * = "-container" ] > [ class * = "css-" ] [ class * = "-menu" ] :: before {
2021-06-26 18:01:41 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2022-01-11 15:32:34 +01:00
. popout-1KHNAq :: after ,
2022-04-06 19:45:54 +02:00
. popout-1KHNAq . scrollerBase-_bVAAt > . option-2eIyOn :: after ,
2022-01-11 15:32:34 +01:00
. popout-1KHNAq . scrollerBase-_bVAAt . content-2a4AW9 :: after ,
2020-11-16 11:11:06 +01:00
. container-3LUQwT :: after ,
2022-01-11 15:06:27 +01:00
. select-1YfRS9 > [ class * = "css-" ] [ class * = "-container" ] > [ class * = "css-" ] [ class * = "-menu" ] :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 18:01:41 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2022-01-11 15:32:34 +01:00
. popout-1KHNAq . scrollerBase-_bVAAt :: before ,
. popout-1KHNAq . scrollerBase-_bVAAt :: after {
2021-11-18 15:50:59 +01:00
display : none ;
}
2018-10-11 10:21:26 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.4. SEARCHBARS ---- */
2018-10-11 10:21:26 +02:00
2022-01-11 15:06:27 +01:00
. container-1SX9VC , /* searchbar inner */
. container-2oNtJn {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . searchBox-pyIJJj . searchBoxInput-P0mWHW :: placeholder {
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . searchIcon-34RNw9 {
2021-05-07 17:07:56 +02:00
color : var ( --text-muted ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . filterLabel-3-eQ3i {
2021-05-07 17:07:56 +02:00
color : var ( --header-secondary ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . searchBox-pyIJJj {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
box-shadow : 0 2px 5px 0 rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2020-03-26 00:42:57 +01:00
/* ---- 15.5. TAGS ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:32:34 +01:00
. botTagRegular-kpctgU : not ( [ style ] ) { /* bottag regular */
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2019-12-18 10:24:01 +01:00
}
2022-01-11 15:32:34 +01:00
. botTagRegular-kpctgU : not ( [ style ] ) svg {
2021-05-03 16:23:08 +02:00
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
2020-06-01 10:52:07 +02:00
}
2018-10-11 10:21:26 +02:00
2022-01-11 15:06:27 +01:00
. base-3IDx3L [ style * = "var(--bdfdb-blurple)" ] , /* numberbadge */
. base-3IDx3L [ style * = "background-color: rgb(88, 101, 242)" ] ,
. base-3IDx3L [ style * = "background-color: rgb(114, 137, 218)" ] {
2021-05-13 21:18:23 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
}
2019-09-19 12:56:54 +02:00
. iconBadge-2wi9r4 { /* iconbadge */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2018-10-11 10:21:26 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.6. ICONS ---- */
2019-09-19 12:56:54 +02:00
. emptySearchImage-1qOMLW , /* empty search */
2022-01-11 15:06:27 +01:00
. image-20MDYu { /* no peoples/webhooks/etc. */
2019-09-19 12:56:54 +02:00
opacity : 0 . 6 ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . gameIcon-1mDo1J { /* activity icon */
2021-10-07 12:46:06 +02:00
background-color : rgba ( var ( --textbrightest ) , . 1 ) ;
2021-09-27 16:21:46 +02:00
color : var ( --header-primary ) ;
}
2022-01-11 15:06:27 +01:00
# app-mount . invalidPoop--w1123 { /* erroricon invalidpoop */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
opacity : 0 . 7 ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:32:34 +01:00
# app-mount . guildIconExpired-2BFmZC { /* erroricon expiredguild */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
opacity : 0 . 7 ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.7. SCROLLBARS ---- */
2019-09-19 12:56:54 +02:00
:: -webkit-scrollbar ,
# app-mount :: -webkit-scrollbar {
width : 8px ;
height : 8px ;
}
2020-08-15 07:53:48 +02:00
# app-mount . scroller-3vODG7 :: -webkit-scrollbar {
2019-09-19 12:56:54 +02:00
width : 6px ;
height : 6px ;
}
2022-01-11 15:06:27 +01:00
# app-mount . scroller-Pcwd3e :: -webkit-scrollbar ,
2022-01-11 15:32:34 +01:00
# app-mount . scrollbar-3vVt8d :: -webkit-scrollbar ,
2019-09-19 12:56:54 +02:00
# app-mount . scroller-2PSBSf :: -webkit-scrollbar {
width : 4px ;
height : 4px ;
}
2020-09-28 18:54:20 +02:00
:: -webkit-scrollbar ,
:: -webkit-scrollbar-track ,
:: -webkit-scrollbar-track-piece ,
2019-09-19 12:56:54 +02:00
# app-mount :: -webkit-scrollbar ,
# app-mount :: -webkit-scrollbar-track ,
# app-mount :: -webkit-scrollbar-track-piece {
2020-09-28 18:54:20 +02:00
border-color : transparent ! important ;
background : transparent ! important ;
2019-09-19 12:56:54 +02:00
}
:: -webkit-scrollbar-thumb ,
# app-mount :: -webkit-scrollbar-thumb {
border-radius : 10px ;
border : none ;
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ! important ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:32:34 +01:00
. none-2-_0dP :: -webkit-scrollbar-corner ,
. none-2-_0dP :: -webkit-scrollbar-thumb ,
. none-2-_0dP :: -webkit-scrollbar-track ,
. none-2-_0dP :: -webkit-scrollbar {
2019-09-19 12:56:54 +02:00
display : none ;
2018-12-28 10:57:05 +01:00
}
2019-09-19 12:56:54 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.8. NOTIFICATIONBAR ---- */
2019-09-19 12:56:54 +02:00
2022-01-11 15:06:27 +01:00
. base-2jDfDU . notice-2HEN-u powercord-announcement {
2021-02-19 12:30:32 +01:00
border-radius : 0 ;
}
2019-09-19 12:56:54 +02:00
# app-mount . notice-2FJMB4 {
2021-05-06 12:41:18 +02:00
box-shadow : 0 1px 5px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . notice-12Koq- {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 6 ) ;
2020-04-14 09:15:29 +02:00
}
2019-12-18 10:55:02 +01:00
. noticeBrand-3nQBC_ {
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2019-12-18 10:55:02 +01:00
}
. noticeBrand-3nQBC_ . button-1MICoQ {
2021-05-03 16:23:08 +02:00
box-shadow : 1px 1px var ( --textshadow ) ;
text-shadow : 1px 1px var ( --textshadow ) ;
2019-12-18 10:55:02 +01:00
}
2018-10-11 10:21:26 +02:00
2020-03-26 00:42:57 +01:00
/* ---- 15.9. TOOLTIPS ---- */
2019-09-19 12:56:54 +02:00
2020-05-17 16:28:54 +02:00
. headerText-1e7ZU0 ,
. bodyText-3yi6Dj {
2021-05-06 17:50:44 +02:00
color : # fff ;
2019-09-19 14:29:45 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tooltip-16UpTB ,
2020-12-22 21:58:36 +01:00
# app-mount . tooltip-1_vJJI ,
2022-01-11 15:06:27 +01:00
# app-mount . tooltip-14MtrL {
2021-05-06 12:41:18 +02:00
box-shadow : 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : # fff ;
2021-01-15 17:41:39 +01:00
}
# app-mount . guildNameText-74xXQn {
2021-05-06 17:50:44 +02:00
color : # fff ;
2019-09-19 12:56:54 +02:00
}
2021-02-13 22:10:28 +01:00
# app-mount . muteText-1DPH3L {
2021-05-07 11:45:50 +02:00
color : # bbb ;
2021-02-13 22:10:28 +01:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tooltip-16UpTB ,
2020-12-22 21:58:36 +01:00
# app-mount . tooltip-1_vJJI ,
2022-01-11 15:06:27 +01:00
# app-mount . tooltipPrimary-3qLMbS ,
# app-mount . tooltipGrey-lpLZjh ,
# app-mount . tooltipBlack-vMYxvw {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-05-06 19:36:45 +02:00
color : # fff ;
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2019-09-19 12:56:54 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tooltipPrimary-3qLMbS . note-e4Jh6_ ,
# app-mount . tooltipGrey-lpLZjh . note-e4Jh6_ ,
# app-mount . tooltipBlack-vMYxvw . note-e4Jh6_ {
2021-05-22 19:38:29 +02:00
color : # bbb ;
}
2022-01-11 15:06:27 +01:00
# app-mount . tooltipPrimary-3qLMbS . tooltipPointer-3L49xb ,
# app-mount . tooltipGrey-lpLZjh . tooltipPointer-3L49xb ,
# app-mount . tooltipBlack-vMYxvw . tooltipPointer-3L49xb {
2021-05-03 16:23:08 +02:00
border-top-color : rgb ( var ( --accentcolor ) ) ;
2018-10-11 10:21:26 +02:00
}
2022-01-11 15:06:27 +01:00
# app-mount . tooltipPointer-1KkjI2 ,
2020-12-22 21:58:36 +01:00
# app-mount . tooltipPointer-1awMxk {
2021-05-03 16:23:08 +02:00
border-right-color : rgb ( var ( --accentcolor ) ) ;
2020-12-22 21:58:36 +01:00
}
2022-01-11 15:06:27 +01:00
. emptyUser-2FDCJv {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 5 ) ;
2020-03-25 22:40:02 +01:00
}
2022-01-11 15:06:27 +01:00
. moreUsers-_v6T-L {
2021-05-06 12:41:18 +02:00
background : rgba ( var ( --transparencycolor ) , . 5 ) ;
2020-03-25 22:40:02 +01:00
}
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
2021-02-03 13:00:57 +01:00
/* ~~~~ 16. BDSUPPORT ~~~~ */
2020-12-12 21:27:56 +01:00
html . bd-toast {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-05-06 17:50:44 +02:00
color : # fff ;
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . icon {
2019-09-19 12:56:54 +02:00
background-image : none ! important ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . icon :: before {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
2021-05-06 17:50:44 +02:00
background : # fff ! important ;
2020-12-29 18:23:35 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg"><path fill="black" d=""/></svg>' ) center / cover no-repeat ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . toast-danger . icon :: before ,
html . bd-toast . toast-error . icon :: before {
2020-12-29 18:23:35 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>' ) 6px 50 % / 20px 20px no-repeat ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . toast-info . icon :: before {
2020-12-29 18:23:35 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M 12 2 C 6.48 2 2 6.48 2 12 s 4.48 10 10 10 10-4.48 10-10 S 17.52 2 12 2 z m 1 15 h -2 v -6 h 2 v 6 z m 0-8 h -2 V 7 h 2 v 2 z"/></svg>' ) 6px 50 % / 20px 20px no-repeat ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . toast-success . icon :: before {
2021-01-09 17:05:43 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="black" d="M 12 2 C 6.48 2 2 6.48 2 12 s 4.48 10 10 10 10-4.48 10-10 S 17.52 2 12 2 z m -2 15 l -5-5 1.41-1.41 L 10 14.17 l 7.59-7.59 L 19 8 l -9 9 z"/></svg>' ) 6px 50 % / 20px 20px no-repeat ;
2018-10-11 10:21:26 +02:00
}
2020-12-12 21:27:56 +01:00
html . bd-toast . toast-warning . icon :: before ,
html . bd-toast . toast-warn . icon :: before {
2020-12-29 18:23:35 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="black" d="M 1 21 h 22 L 12 2 1 21 z m 12-3 h -2 v -2 h 2 v 2 z m 0-4 h -2 v -4 h 2 v 4 z"/></svg>' ) 6px 50 % / 20px 20px no-repeat ;
2019-09-19 12:56:54 +02:00
}
2020-10-28 12:24:12 +01:00
# app-mount . fav {
2021-05-06 17:50:44 +02:00
background : var ( --interactive-active ) ;
2020-10-28 12:24:12 +01:00
width : 16px ;
height : 16px ;
padding : 0 ;
2021-02-12 21:35:48 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / common / fav_star_empty . svg ) center / contain no-repeat ;
2020-10-28 12:24:12 +01:00
}
# app-mount . fav : hover ,
# app-mount . fav . active {
background : # faa61a ;
}
# app-mount . fav . active {
2021-02-12 21:35:48 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / common / fav_star . svg ) center / contain no-repeat ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2021-04-21 19:39:15 +02:00
# app-mount . bd-tab-item : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-04-21 19:39:15 +02:00
}
# app-mount . bd-tab-item . selected {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-05-06 17:50:44 +02:00
color : # fff ;
text-shadow : 1px 1px var ( --textshadow ) ;
2021-04-21 19:39:15 +02:00
}
2021-01-18 11:13:18 +01:00
# app-mount . bd-server-card { /* pubslayer guildcard */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-01-18 11:13:18 +01:00
}
# app-mount . bd-server-icon { /* pubslayer guildicon */
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-01-18 11:13:18 +01:00
border-color : transparent ;
}
# app-mount . bd-server-card : hover ,
# app-mount . bd-server-icon : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
2021-01-18 11:13:18 +01:00
}
2018-10-11 10:21:26 +02:00
2021-04-21 20:53:44 +02:00
. bd-switch-body { /* bd switch */
2021-05-03 16:23:08 +02:00
--switch-color : rgb ( var ( --transparencycolor ) ) ;
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2018-10-11 10:21:26 +02:00
}
2020-03-26 10:01:40 +01:00
. bd-select . bd-select-options { /* bd select popout */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2020-03-26 10:01:40 +01:00
border : none ;
border-radius : 4px ;
2021-05-06 12:41:18 +02:00
box-shadow : rgba ( var ( --transparencycolor ) , . 3 ) 0px 2px 5px 0px ;
2020-10-09 21:09:35 +02:00
box-sizing : border-box ;
padding : 6px 8px ;
2020-03-26 10:01:40 +01:00
margin-left : -9px ;
}
2021-06-26 18:01:41 +02:00
. bd-select . bd-select-options :: before ,
. bd-select . bd-select-options :: after {
2020-03-26 10:01:40 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
border-radius : 4px ;
pointer-events : none ;
z-index : -1 ;
}
2021-06-26 18:01:41 +02:00
. bd-select . bd-select-options :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2020-11-16 11:11:06 +01:00
. bd-select . bd-select-options :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 3 ) ) ;
2021-06-26 18:01:41 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2020-03-26 10:01:40 +01:00
. bd-select . bd-select-option { /* bd select popout option */
2020-10-09 21:09:35 +02:00
display : flex ;
align-items : center ;
min-height : 32px ;
border-radius : 2px ;
box-sizing : border-box ;
2020-03-26 10:01:40 +01:00
color : var ( --interactive-normal ) ;
2020-10-09 21:09:35 +02:00
font-size : 14px ;
font-weight : 500 ;
line-height : 18px ;
margin-top : 2px ;
margin-bottom : 2px ;
padding : 0 8px ;
2020-03-26 10:01:40 +01:00
}
. bd-select . bd-select-option : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2020-03-26 10:01:40 +01:00
color : var ( --interactive-hover ) ;
}
. bd-select . bd-select-option . selected {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2020-03-26 10:01:40 +01:00
color : var ( --interactive-active ) ;
}
2021-05-06 17:50:44 +02:00
. bd-pfbtn { /* addonlist folder button */
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2021-01-18 10:56:16 +01:00
}
. bd-server-tag { /* addonlist public list tag */
2021-05-03 16:23:08 +02:00
text-shadow : 1px 1px var ( --textshadow ) ;
2018-10-11 10:21:26 +02:00
}
2020-03-26 09:41:43 +01:00
2022-08-03 09:52:56 +02:00
. bd-error-modal-content {
padding : 0 10px 16px 10px ;
}
# app-mount . bd-addon-error {
background-color : rgba ( var ( --transparencycolor ) , 0 . 2 ) ;
border-color : rgba ( var ( --transparencycolor ) , 0 . 2 ) ;
}
# app-mount . bd-addon-error . expanded ,
# app-mount . bd-addon-error : hover {
background-color : rgba ( var ( --transparencycolor ) , 0 . 3 ) ;
}
2021-05-06 17:50:44 +02:00
. bd-addon-views . bd-view-button : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-02-12 13:21:44 +01:00
}
2020-03-26 09:41:43 +01:00
2021-05-06 17:50:44 +02:00
. bd-button {
filter : drop-shadow ( 1px 1px var ( --textshadow ) ) ;
2020-03-26 09:41:43 +01:00
}
2021-05-06 17:50:44 +02:00
. bd-button . bd-button-danger {
filter : unset ;
2020-03-26 09:41:43 +01:00
}
2018-10-11 10:21:26 +02:00
2021-05-06 17:50:44 +02:00
. floating-window . resizable { /* customcss editor detached */
background : rgb ( var ( --transparencycolor ) ) ;
2018-10-11 10:21:26 +02:00
}
2020-11-17 20:40:39 +01:00
html . monaco-editor . reference-zone-widget . ref-tree . referenceMatch . highlight {
2021-05-03 16:23:08 +02:00
background : rgb ( var ( --accentcolor ) ) ;
2020-11-17 20:40:39 +01:00
}
2018-10-11 10:21:26 +02:00
2021-02-03 13:00:57 +01:00
/* ~~~~ 17. POWERCORDSUPPORT ~~~~ */
html . powercord-toast {
background-color : transparent ;
border : none ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2021-02-03 13:00:57 +01:00
overflow : hidden ;
}
2021-06-26 18:01:41 +02:00
html . powercord-toast :: before ,
html . powercord-toast :: after {
2021-02-03 13:00:57 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
width : unset ;
height : unset ;
2021-06-26 18:01:41 +02:00
border-radius : 5px ;
2021-02-03 13:00:57 +01:00
pointer-events : none ;
z-index : -1 ;
}
2021-06-26 18:01:41 +02:00
html . powercord-toast :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2021-02-03 13:00:57 +01:00
html . powercord-toast :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
2021-06-26 18:01:41 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2021-02-03 13:00:57 +01:00
}
html . powercord-toast . header {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
box-shadow : 0 2px 3px 0 rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2021-02-03 13:00:57 +01:00
}
html . powercord-toast . contents . inner {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-02-03 13:00:57 +01:00
border : none ;
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2021-02-03 13:00:57 +01:00
}
2019-09-19 12:56:54 +02:00
2021-02-03 13:00:57 +01:00
/* ~~~~ 18. PLUGINSUPPORT ~~~~ */
2019-09-19 12:56:54 +02:00
2021-02-03 13:11:47 +01:00
/* ---- 18.1. BDFDB ---- */
html . colorDefault-XdNdIp . bg-8df5St {
2021-06-26 18:01:41 +02:00
background : transparent ;
opacity : 1 ;
}
html . colorDefault-XdNdIp . bg-8df5St :: before ,
html . colorDefault-XdNdIp . bg-8df5St :: after {
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
pointer-events : none ;
z-index : -1 ;
}
html . colorDefault-XdNdIp . bg-8df5St :: before {
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
2021-02-03 13:11:47 +01:00
background-attachment : fixed ;
2021-06-26 18:01:41 +02:00
}
html . colorDefault-XdNdIp . bg-8df5St :: after {
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 25 ) ) ;
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2021-02-03 13:11:47 +01:00
}
/* ---- 18.2. DATEVIEWER ---- */
2019-09-19 12:56:54 +02:00
# app-mount # dv-mount {
background : transparent ;
2021-03-03 14:07:50 +01:00
z-index : 1 ;
}
2021-06-26 17:05:43 +02:00
# app-mount # dv-mount :: before ,
# app-mount # dv-mount :: after {
2021-03-03 14:07:50 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
pointer-events : none ;
z-index : -1 ;
}
# app-mount # dv-mount :: before {
2021-05-03 16:23:08 +02:00
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
2021-03-03 14:07:50 +01:00
background-attachment : fixed ;
2021-06-26 17:05:43 +02:00
}
# app-mount # dv-mount :: after {
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + var ( --memberlisttransparency ) * 0 . 85 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
2019-02-16 20:47:37 +01:00
}
2019-09-19 12:56:54 +02:00
# app-mount # dv-main {
2021-05-06 12:41:18 +02:00
border-top-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-02-16 20:47:37 +01:00
}
2019-09-19 12:56:54 +02:00
# app-mount # dv-main . dv-date {
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2019-09-19 12:56:54 +02:00
opacity : 1 ;
2019-02-16 20:47:37 +01:00
}
2019-09-19 12:56:54 +02:00
2021-05-13 21:18:23 +02:00
/* ---- 18.3. MEMBERCOUNT ---- */
2019-09-19 12:56:54 +02:00
# app-mount # MemberCount {
background-color : transparent ;
width : calc ( 100 % - 8px ) ;
margin : 0 ;
line-height : 0 ;
height : 30px ;
2018-10-11 10:21:26 +02:00
}
2021-06-26 17:05:43 +02:00
# MemberCount :: before ,
# MemberCount :: after {
2019-09-19 12:56:54 +02:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
pointer-events : none ;
z-index : -1 ;
2018-10-11 10:21:26 +02:00
}
2020-10-19 10:38:04 +02:00
# MemberCount :: before {
2021-05-03 16:23:08 +02:00
background : var ( --background ) var ( --backgroundposition ) / var ( --backgroundsize ) ;
2019-09-19 12:56:54 +02:00
background-attachment : fixed ;
2021-06-26 17:05:43 +02:00
}
# MemberCount :: after {
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + var ( --memberlisttransparency ) * 0 . 85 ) ) ;
backdrop-filter : blur ( var ( --backgroundblur ) ) ;
2018-10-11 10:21:26 +02:00
}
2021-05-13 21:18:23 +02:00
/* ---- 18.4. LINENUMBERS ---- */
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
. hljs ol li {
2021-05-06 17:50:44 +02:00
border-left-color : var ( --background-modifier-accent ) ;
2019-09-19 12:56:54 +02:00
}
. hljs ol li :: before {
2021-05-06 17:50:44 +02:00
color : rgb ( var ( --textdarker ) ) ;
2019-04-26 13:35:11 +02:00
}
2021-05-13 21:18:23 +02:00
/* ---- 18.5. PERMISSIONVIEWER ---- */
2019-09-19 12:56:54 +02:00
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper { /* modal wrapper */
z-index : 1001 ;
}
html # permissions-modal-wrapper # permissions-modal { /* modal container */
2020-11-16 11:11:06 +01:00
background-color : transparent ;
2019-09-19 12:56:54 +02:00
border : none ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 0 0 1px rgba ( var ( --transparencycolor ) , . 3 ) , 0 2px 10px 0 rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
position : relative ;
overflow : hidden ;
2019-09-11 21:42:38 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper # permissions-modal :: before ,
html # permissions-modal-wrapper # permissions-modal :: after {
2019-01-21 20:08:22 +01:00
content : "" ;
position : absolute ;
top : 0 ;
bottom : 0 ;
right : 0 ;
left : 0 ;
2019-09-19 12:56:54 +02:00
width : unset ;
height : unset ;
2019-01-21 20:08:22 +01:00
pointer-events : none ;
2019-09-19 12:56:54 +02:00
z-index : -1 ;
2019-01-21 20:08:22 +01:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper # permissions-modal :: before {
2021-06-26 18:01:41 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
background-attachment : fixed ;
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper # permissions-modal :: after {
2021-05-03 16:23:08 +02:00
background-color : rgba ( var ( --transparencycolor ) , calc ( var ( --transparencyalpha ) + 0 . 2 ) ) ;
2021-06-26 18:01:41 +02:00
backdrop-filter : blur ( var ( --popoutblur ) ) ;
2020-11-16 11:11:06 +01:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . header {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
box-shadow : 0 2px 3px 0 rgba ( var ( --transparencycolor ) , . 2 ) ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . modal-body {
2019-09-19 12:56:54 +02:00
background-color : transparent ;
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . scroller-title {
2021-05-06 12:41:18 +02:00
border-bottom : 1px solid rgba ( var ( --transparencycolor ) , . 3 ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . role-side {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . role-item {
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . role-item : hover {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 1 ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . role-item . selected {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . perm-side {
2019-09-19 12:56:54 +02:00
background-color : transparent ;
2018-10-11 10:21:26 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . perm-item {
2021-05-06 17:50:44 +02:00
box-shadow : inset 0 -1px 0 var ( --background-modifier-accent ) ;
2018-10-11 10:21:26 +02:00
}
2021-09-27 15:57:46 +02:00
html # permissions-modal-wrapper . perm-name {
2021-05-06 17:50:44 +02:00
color : var ( --header-secondary ) ;
2018-10-24 21:31:46 +02:00
}
2018-10-11 10:21:26 +02:00
2021-05-13 21:18:23 +02:00
/* ---- 18.6. DIRECTDOWNLOAD ---- */
2018-10-11 10:21:26 +02:00
2019-09-19 12:56:54 +02:00
# files_directDownload . file {
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 4 ) ;
border-color : rgba ( var ( --accentcolor ) , . 2 ) ;
2019-09-19 12:56:54 +02:00
border-radius : 6px 6px 0 0 ;
2019-05-07 15:38:24 +02:00
}
2019-09-19 12:56:54 +02:00
# files_directDownload . file svg {
2021-05-06 17:50:44 +02:00
fill : var ( --interactive-active ) ;
2019-09-19 12:56:54 +02:00
opacity : 0 . 5 ;
}
# files_directDownload . file svg : hover {
opacity : 1 ;
}
# files_directDownload . file span {
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
# files_directDownload . file . progress-bar {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2018-10-11 10:21:26 +02:00
}
2021-05-13 21:18:23 +02:00
/* ---- 18.7. BETTERFORMATINGREDUX ---- */
2019-09-19 12:56:54 +02:00
. innerDisabled-2mc-iF ~ . bf-toolbar {
display : none ;
}
. bf-arrow {
2020-12-29 18:23:35 +01:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path fill="black" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/></svg>' ) center / contain no-repeat ;
2021-05-06 17:50:44 +02:00
background : var ( --interactive-active ) ! important ;
2019-09-19 12:56:54 +02:00
}
2018-10-11 10:21:26 +02:00
. bf-toolbar {
2019-09-19 12:56:54 +02:00
background : transparent ;
overflow : hidden ;
transform : none ;
top : -50px ;
2018-10-11 10:21:26 +02:00
}
2020-10-19 10:38:04 +02:00
. bf-toolbar :: after {
2018-10-11 10:21:26 +02:00
content : "" ;
display : block ;
2019-09-19 12:56:54 +02:00
position : absolute ;
2018-10-11 10:21:26 +02:00
width : 100 % ;
height : calc ( 100 % - 15px ) ;
pointer-events : none ;
left : 0px ;
top : 5px ;
2021-05-06 12:41:18 +02:00
background-color : rgba ( var ( --transparencycolor ) , . 5 ) ;
2018-10-11 10:21:26 +02:00
border-radius : 3px ;
2019-09-19 12:56:54 +02:00
transform : translate ( 0 , 55px ) ;
2018-10-11 10:21:26 +02:00
transition : all 200ms ease ;
2019-09-19 12:56:54 +02:00
z-index : 200 ;
2018-10-11 10:21:26 +02:00
}
2020-10-19 10:38:04 +02:00
. bf-toolbar . bf-visible :: after ,
. bf-toolbar . bf-hover : hover :: after {
2019-09-19 12:56:54 +02:00
transform : translate ( 0 , 0 ) ;
2018-10-11 10:21:26 +02:00
transition : all 200ms cubic-bezier ( 0 , 0 , 0 , 1 ) ;
}
2020-10-19 10:38:04 +02:00
. bf-toolbar :: before {
2021-05-03 16:23:08 +02:00
background : var ( --popout ) var ( --popoutposition ) / var ( --popoutsize ) ;
2019-09-19 12:56:54 +02:00
background-attachment : fixed ;
2021-05-03 16:23:08 +02:00
filter : blur ( var ( --popoutblur ) ) ;
2019-09-19 12:56:54 +02:00
z-index : 100 ;
2018-10-11 10:21:26 +02:00
}
2020-10-19 10:38:04 +02:00
. theme-brand . bf-toolbar :: after {
2021-05-06 12:41:18 +02:00
background : rgb ( var ( --accentcolor ) ) linear-gradient ( rgba ( var ( --transparencycolor ) , . 2 ) , rgba ( var ( --transparencycolor ) , . 2 ) ) ! important ;
2018-10-11 10:21:26 +02:00
}
2020-10-19 10:38:04 +02:00
. theme-brand . bf-toolbar :: before {
2019-09-19 12:56:54 +02:00
display : none ;
2018-10-11 10:21:26 +02:00
}
. bf-toolbar > * {
2019-09-19 12:56:54 +02:00
z-index : 300 ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
. bf-toolbar . format {
2021-05-06 17:50:44 +02:00
color : var ( --text-normal ) ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
. bf-toolbar . format : hover {
2021-05-03 16:23:08 +02:00
background-color : rgb ( var ( --accentcolor ) ) ;
2021-05-06 17:50:44 +02:00
color : # fff ;
2018-10-11 10:21:26 +02:00
}
2019-09-19 12:56:54 +02:00
2021-05-13 21:18:23 +02:00
/* ---- 18.8 CHANNELHISTORY ---- */
2020-04-13 21:01:22 +02:00
. channelHistoryButtons {
top : 4px ;
left : 310px ;
}
2020-05-11 21:22:33 +02:00
2021-05-13 21:18:23 +02:00
/* ---- 18.9 CHANNELTABS ---- */
2020-08-11 17:49:37 +02:00
2022-05-07 17:44:11 +02:00
html # channelTabs-container {
2021-05-03 16:23:08 +02:00
background : rgba ( var ( --transparencycolor ) , calc ( var ( --guildchanneltransparency ) * 2 ) ) ;
2021-08-09 18:16:51 +02:00
}
2022-05-07 17:44:11 +02:00
html # channelTabs-settingsMenu ,
html . channelTabs-tabNav > div ,
2020-09-28 17:09:42 +02:00
html . channelTabs-tab ,
html . channelTabs-fav {
cursor : pointer ;
}
html . channelTabs-tab : not ( . channelTabs-selected ) : hover ,
html . channelTabs-fav : hover {
2022-05-07 17:44:11 +02:00
background : rgba ( var ( --transparencycolor ) , 0 . 2 ) ;
2020-08-11 17:49:37 +02:00
}
2022-05-07 17:44:11 +02:00
html # channelTabs-settingsMenu : hover ,
html . channelTabs-tabContainer . channelTabs-tabNav > div : hover ,
2020-11-02 20:31:56 +01:00
html . channelTabs-tab . channelTabs-selected ,
2022-05-07 17:44:11 +02:00
html . channelTabs-tabContainer . channelTabs-newTab : hover {
2021-05-03 16:23:08 +02:00
background : rgb ( var ( --accentcolor ) ) ;
2020-08-11 17:49:37 +02:00
}
2022-05-07 17:44:11 +02:00
html # channelTabs-settingsMenu : hover [ fill ] : not ( [ fill = "none" ] ) ,
html . channelTabs-tabContainer . channelTabs-tabNav > div : hover [ fill ] : not ( [ fill = "none" ] ) ,
html . channelTabs-tabContainer . channelTabs-newTab : hover [ fill ] : not ( [ fill = "none" ] ) {
fill : var ( --header-primary ) ;
2020-08-11 17:49:37 +02:00
}
2022-05-07 17:44:11 +02:00
html . channelTabs-tabContainer . channelTabs-tabNav > . channelTabs-tabNavClose : hover {
background : rgb ( var ( --dangercolor ) ) ;
2020-08-11 17:49:37 +02:00
}
2021-05-13 21:18:23 +02:00
/* ---- 18.10 TYPINGINDICATOR ---- */
2021-04-08 18:13:57 +02:00
html . typingindicator-guild ,
html . typingindicator-dms ,
html . typingindicator-folder {
2021-05-06 12:41:18 +02:00
background : rgb ( var ( --transparencycolor ) , . 2 ) ;
border : 4px solid rgb ( var ( --transparencycolor ) , . 2 ) ;
2021-04-08 18:13:57 +02:00
box-shadow : unset ;
right : 8px ;
bottom : -5px ;
padding : 2px 0 ;
}
2021-05-13 21:18:23 +02:00
/* ---- 18.11 BADGESEVERYWHERE ---- */
2021-05-06 17:50:44 +02:00
. inner-dA0J42 : not ( . colored-1armap ) . badge-7CsdQq : not ( . indicator-cY1-b4 ) {
background : # fff ;
}
. badgesChat-f_cbR8 . inner-dA0J42 : not ( . colored-1armap ) . badge-7CsdQq : not ( . indicator-cY1-b4 ) ,
. badgesList-Aw_p52 . inner-dA0J42 : not ( . colored-1armap ) . badge-7CsdQq : not ( . indicator-cY1-b4 ) ,
. badgesSettings-ychoGn . inner-dA0J42 : not ( . colored-1armap ) . badge-7CsdQq : not ( . indicator-cY1-b4 ) {
background : var ( --header-secondary ) ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeStaff-3BXdTO {
-webkit-mask : url ( https : / / discord . com / assets / 7cfd90c8062139e4804a1fa59f564731 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgePartner-j6Lwhr {
-webkit-mask : url ( https : / / discord . com / assets / a0e288a458c48dfcf548dadc277e42e6 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeHypesquad-12E2P6 {
-webkit-mask : url ( https : / / discord . com / assets / 3a050fcc884255231b99b7033c776070 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeHypeSquadOnlineHouse1-3rBtjf {
-webkit-mask : url ( https : / / discord . com / assets / 1115767aed344e96a27a12e97718c171 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeHypeSquadOnlineHouse2-2oU04B {
-webkit-mask : url ( https : / / discord . com / assets / d3478c6bd5cee0fc600e55935ddc81aa . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeHypeSquadOnlineHouse3-1DoJkv {
-webkit-mask : url ( https : / / discord . com / assets / 2a085ed9c86f3613935a6a8667ba8b89 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeHypeSquadOnlineHouse1Winner-3wCl80 {
-webkit-mask : url ( https : / / discord . com / assets / 75f75c3142b8d44ea7052c2bcb9a9043 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeHypeSquadOnlineHouse2Winner-AS5bXe {
-webkit-mask : url ( https : / / discord . com / assets / d4a8fe68fc5f40c8a778f858881a7b84 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeHypeSquadOnlineHouse3Winner-2CwwQi {
-webkit-mask : url ( https : / / discord . com / assets / 5dc48a7859a00e7d95ad8382156aab84 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeEarlySupporter-2ng_jL {
-webkit-mask : url ( https : / / discord . com / assets / ce15562552e3d70c56d5408cfeed2ffd . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgePremium-1KDZYC {
-webkit-mask : url ( https : / / discord . com / assets / 379d2b3171722ef8be494231234da5d1 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeVerifiedDeveloper-195KfD {
-webkit-mask : url ( https : / / discord . com / assets / 785d81fdbedd133e213da693aba98774 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeBugHunterLevel1-dbEzVz {
-webkit-mask : url ( https : / / discord . com / assets / df26f079738a4dcd07cbce6eb3c957f1 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileBadgeBugHunterLevel2-3TUciC {
-webkit-mask : url ( https : / / discord . com / assets / 16def052b03d75dac0ed9234c5d6a880 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileGuildSubscriberlvl1-3oI9tx {
-webkit-mask : url ( https : / / discord . com / assets / 24e49184598820f274e62293349a2e43 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileGuildSubscriberlvl2-r6nJHT {
-webkit-mask : url ( https : / / discord . com / assets / cc73fba5c2e9b70752bbd1db35a1b9c3 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileGuildSubscriberlvl3-38s3Dj {
-webkit-mask : url ( https : / / discord . com / assets / a4c3939a9b03274246df9b144fcd86cf . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileGuildSubscriberlvl4-2NXrsI {
-webkit-mask : url ( https : / / discord . com / assets / d01bee8a9b41bd9dda26a43221b2e7e8 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileGuildSubscriberlvl5-3XIa2K {
-webkit-mask : url ( https : / / discord . com / assets / a99def5f819c077e5e5061cab741b7e6 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileGuildSubscriberlvl6-3e3sxW {
-webkit-mask : url ( https : / / discord . com / assets / 2cfb317f3db3963d8ded9a97ee967bac . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileGuildSubscriberlvl7-1dVhQT {
-webkit-mask : url ( https : / / discord . com / assets / 278736f579d810b11ddf308cb598b19e . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileGuildSubscriberlvl8-1kXdFr {
-webkit-mask : url ( https : / / discord . com / assets / 38e40f25802a0fdf480d9b855a37a2f3 . svg ) center / contain no-repeat ;
}
. inner-dA0J42 : not ( . colored-1armap ) . profileGuildSubscriberlvl9-1d6zav {
-webkit-mask : url ( https : / / discord . com / assets / cfbc2d8ceacfacf07850f986c8165195 . svg ) center / contain no-repeat ;
}
2022-03-24 17:49:33 +01:00
/* ---- 18.12 CHANNELDMS ---- */
. ChannelDms-channelmembers-wrap . ChannelDms-channelmembers-header {
background-color : rgba ( var ( --transparencycolor ) , var ( --memberlisttransparency ) ) ;
}
2019-09-19 12:56:54 +02:00
2021-02-03 13:00:57 +01:00
/* ~~~~ 19. UPDATENOTICE ~~~~ */
2018-10-11 10:21:26 +02:00
2022-05-18 21:38:15 +02:00
html : only-child > head + body div . app-3xd6d0 > div . app-2CXKsg :: before {
2021-04-23 13:20:23 +02:00
content : "Your Version of BasicBackground by DevilBro is outdated. Please download the newest Version: https://mwittrien.github.io/downloader/?theme=BasicBackground" ! important ;
2019-09-19 12:56:54 +02:00
display : var ( --version1_0_5 , block ) ! important ;
background-color : # 4a90e2 ! important ;
2021-05-06 12:41:18 +02:00
box-shadow : 0 1px 5px 0 rgba ( var ( --transparencycolor ) , . 3 ) ! important ;
2021-05-06 17:50:44 +02:00
color : var ( --header-primary ) ! important ;
2019-09-19 12:56:54 +02:00
flex-grow : 0 ! important ;
flex-shrink : 0 ! important ;
font-size : 14px ! important ;
font-weight : 500 ! important ;
height : 36px ! important ;
line-height : 36px ! important ;
opacity : 1 ! important ;
padding-left : 4px ! important ;
padding-right : 28px ! important ;
position : relative ! important ;
text-align : center ! important ;
visibility : unset ! important ;
2019-09-19 16:11:43 +02:00
white-space : pre ! important ;
2019-09-19 12:56:54 +02:00
top : 0 ! important ;
left : 0 ! important ;
bottom : unset ! important ;
right : unset ! important ;
max-width : unset ! important ;
min-width : unset ! important ;
max-height : unset ! important ;
min-height : unset ! important ;
transform : unset ! important ;
animation : unset ! important ;
z-index : 101 ! important ;
2019-09-19 16:11:43 +02:00
pointer-events : none ! important ;
2018-10-11 10:21:26 +02:00
}
2021-02-03 13:00:57 +01:00
/* ~~~~ 20. WATERMARK ~~~~ */
2018-10-11 10:21:26 +02:00
2022-05-18 21:38:15 +02:00
html : only-child > head + body div . typeWindows-2-g3UY . titleBar-1it3bQ . horizontalReverse-2QssvL . flex-3BkGQD . directionRowReverse-HZatnx . justifyStart-2Mwniq . alignStretch-Uwowzr > div . wordmark-2u86JB {
2018-10-11 10:21:26 +02:00
display : block ! important ;
position : absolute ! important ;
2019-05-14 10:13:02 +02:00
max-width : unset ! important ;
min-width : unset ! important ;
2018-10-11 10:21:26 +02:00
width : 55px ! important ;
2019-05-14 10:13:02 +02:00
max-height : unset ! important ;
min-height : unset ! important ;
2018-10-11 10:21:26 +02:00
height : 16px ! important ;
margin : 0 ! important ;
2019-09-19 12:56:54 +02:00
padding : 3px 9px 3px ! important ;
2018-10-11 10:21:26 +02:00
top : 0 ! important ;
left : 0 ! important ;
bottom : unset ! important ;
right : unset ! important ;
2021-05-14 21:24:36 +02:00
opacity : 1 ! important ;
2018-10-11 10:21:26 +02:00
visibility : visible ! important ;
2019-05-14 10:13:02 +02:00
transform : unset ! important ;
animation : unset ! important ;
2018-10-11 10:21:26 +02:00
}
2022-05-18 21:38:15 +02:00
html : only-child > head + body div . typeWindows-2-g3UY . titleBar-1it3bQ . horizontalReverse-2QssvL . flex-3BkGQD . directionRowReverse-HZatnx . justifyStart-2Mwniq . alignStretch-Uwowzr > div . wordmark-2u86JB > * {
2021-05-14 21:24:36 +02:00
display : none ! important ;
}
2022-05-18 21:38:15 +02:00
html : only-child > head + body div . typeWindows-2-g3UY . titleBar-1it3bQ . horizontalReverse-2QssvL . flex-3BkGQD . directionRowReverse-HZatnx . justifyStart-2Mwniq . alignStretch-Uwowzr > div . wordmark-2u86JB :: before {
2021-05-14 21:24:36 +02:00
content : "" ! important ;
2021-07-05 16:41:47 +02:00
background : rgb ( 125 , 125 , 125 ) ! important ;
2021-05-14 21:30:12 +02:00
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg width="55" height="19" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="black" d="M3.57642276,0.141304348 L0,0.141304348 L0,4.22826087 L2.38069106,6.40217391 L2.38069106,2.43478261 L3.66260163,2.43478261 C4.47052846,2.43478261 4.86910569,2.83695652 4.86910569,3.4673913 L4.86910569,6.5 C4.86910569,7.13043478 4.49207317,7.55434783 3.66260163,7.55434783 L0,7.55434783 L0,9.85869565 L3.57642276,9.85869565 C5.49390244,9.86956522 7.29288618,8.90217391 7.29288618,6.66304348 L7.29288618,3.39130435 C7.29288618,1.13043478 5.49390244,0.141304348 3.57642276,0.141304348 Z M22.3310976,6.67391304 L22.3310976,3.32608696 C22.3310976,2.11956522 24.4640244,1.83695652 25.1103659,3.05434783 L27.0817073,2.23913043 C26.3168699,0.510869565 24.8949187,0 23.7207317,0 C21.803252,0 19.9073171,1.13043478 19.9073171,3.32608696 L19.9073171,6.67391304 C19.9073171,8.88043478 21.803252,10 23.6776423,10 C24.8841463,10 26.3276423,9.39130435 27.1247967,7.81521739 L25.0134146,6.82608696 C24.4963415,8.17391304 22.3310976,7.84782609 22.3310976,6.67391304 Z M15.8030488,3.7826087 C15.0597561,3.61956522 14.5642276,3.34782609 14.5319106,2.88043478 C14.575,1.75 16.2878049,1.7173913 17.2896341,2.79347826 L18.8731707,1.55434783 C17.8821138,0.326086957 16.7617886,0 15.598374,0 C13.8424797,0 12.1404472,1 12.1404472,2.91304348 C12.1404472,4.77173913 13.5408537,5.76086957 15.0813008,6 C15.8676829,6.10869565 16.7402439,6.42391304 16.7186992,6.97826087 C16.654065,8.02173913 14.5426829,7.9673913 13.5839431,6.7826087 L12.0650407,8.23913043 C12.9591463,9.40217391 14.1764228,10 15.3182927,10 C17.074187,10 19.0239837,8.9673913 19.0993902,7.08695652 C19.2071138,4.69565217 17.5050813,4.09782609 15.8030488,3.7826087 Z M8.59634146,9.85869565 L11.0093496,9.85869565 L11.0093496,0.141304348 L8.59634146,0.141304348 L8.59634146,9.85869565 Z M49.2835366,0.141304348 L45.7071138,0.141304348 L45.7071138,4.22826087 L48.0878049,6.40217391 L48.0878049,2.43478261 L49.3589431,2.43478261 C50.1668699,2.43478261 50.5654472,2.83695652 50.5654472,3.4673913 L50.5654472,6.5 C50.5654472,7.13043478 50.1884146,7.55434783 49.3589431,7.55434783 L45.6963415,7.55434783 L45.6963415,9.85869565 L49.2727642,9.85869565 C51.1902439,9.86956522 52.9892276,8.90217391 52.9892276,6.66304348 L52.9892276,3.39130435 C53,1.13043478 51.2010163,0.141304348 49.2835366,0.141304348 Z M31.7353659,0 C29.753252,0 27.7819106,1.09782609 27.7819106,3.33695652 L27.7819106,6.66304348 C27.7819106,8.89130435 29.7640244,10 31.7569106,10 C33.7390244,10 35.7103659,8.89130435 35.7103659,6.66304348 L35.7103659,3.33695652 C35.7103659,1.10869565 33.7174797,0 31.7353659,0 Z M33.2865854,6.66304348 C33.2865854,7.35869565 32.5109756,7.7173913 31.7461382,7.7173913 C30.9705285,7.7173913 30.1949187,7.36956522 30.1949187,6.66304348 L30.1949187,3.33695652 C30.1949187,2.61956522 30.9489837,2.23913043 31.7030488,2.23913043 C32.4894309,2.23913043 33.2865854,2.58695652 33.2865854,3.33695652 L33.2865854,6.66304348 Z M44.3605691,3.33695652 C44.3067073,1.05434783 42.7770325,0.141304348 40.8056911,0.141304348 L36.9815041,0.141304348 L36.9815041,9.86956522 L39.4268293,9.86956522 L39.4268293,6.77173913 L39.8577236,6.77173913 L42.0768293,9.85869565 L45.0930894,9.85869565 L42.4861789,6.52173913 C43.6495935,6.15217391 44.3605691,5.14130435 44.3605691,3.33695652 Z M40.8487805,4.65217391 L39.4268293,4.65217391 L39.4268293,2.43478261 L40.8487805,2.43478261 C42.3784553,2.43478261 42.3784553,4.65217391 40.8487805,4.65217391 Z" transform="translate(1 3)"></path></svg>' ) center / contain no-repeat ! important ;
2021-05-14 21:24:36 +02:00
width : 55px ! important ;
2021-05-14 21:30:12 +02:00
height : 19px ! important ;
2018-10-11 10:21:26 +02:00
display : inline ! important ;
position : absolute ! important ;
top : unset ! important ;
left : unset ! important ;
bottom : unset ! important ;
right : unset ! important ;
opacity : 1 ! important ;
padding : 0 ! important ;
margin : 0 ! important ;
visibility : visible ! important ;
2019-05-14 10:13:02 +02:00
transform : unset ! important ;
animation : unset ! important ;
2018-10-11 10:21:26 +02:00
}
2022-05-18 21:38:15 +02:00
html : only-child > head + body div . typeWindows-2-g3UY . titleBar-1it3bQ . horizontalReverse-2QssvL . flex-3BkGQD . directionRowReverse-HZatnx . justifyStart-2Mwniq . alignStretch-Uwowzr > div . wordmark-2u86JB :: after {
2021-05-14 21:24:36 +02:00
content : "" ! important ;
2021-07-05 16:41:47 +02:00
background : rgb ( 125 , 125 , 125 ) ! important ;
2021-05-14 21:30:12 +02:00
-webkit-mask : url ( ' data : image / svg + xml ; utf8 , < svg width = "242" height = "19" version = "1.1" xmlns = "http://www.w3.org/2000/svg" > < path stroke = "none" fill = "black" fill-rule = "evenodd" transform = "scale(0.6, 0.6) translate(5,4)" d = " M58 . 488 0 . 690 C 54 . 786 0 . 948 , 52 . 503 3 . 334 , 52 . 961 6 . 466 C 53 . 321 8 . 926 , 55 . 135 10 . 509 , 58 . 186 11 . 025 C 60 . 205 11 . 366 , 61 . 177 12 . 097 , 60 . 818 13 . 004 C 60 . 260 14 . 412 , 57 . 255 14 . 154 , 55 . 679 12 . 564 L 55 . 440 12 . 323 55 . 340 12 . 411 C 55 . 125 12 . 602 , 52 . 767 14 . 824 , 52 . 768 14 . 836 C 52 . 768 14 . 843 , 52 . 842 14 . 938 , 52 . 932 15 . 047 C 55 . 188 17 . 761 , 58 . 434 18 . 568 , 61 . 663 17 . 218 C 63 . 879 16 . 291 , 65 . 049 14 . 673 , 65 . 056 12 . 523 C 65 . 066 9 . 499 , 63 . 520 7 . 999 , 59 . 581 7 . 209 C 57 . 730 6 . 838 , 56 . 956 6 . 245 , 57 . 139 5 . 336 C 57 . 409 3 . 990 , 59 . 424 3 . 729 , 61 . 092 4 . 823 C 61 . 328 4 . 978 , 61 . 513 5 . 126 , 61 . 754 5 . 350 L 61 . 902 5 . 489 63 . 269 4 . 436 C 64 . 021 3 . 857 , 64 . 640 3 . 372 , 64 . 645 3 . 357 C 64 . 668 3 . 286 , 63 . 905 2 . 499 , 63 . 488 2 . 164 C 62 . 141 1 . 082 , 60 . 367 0 . 559 , 58 . 488 0 . 690 M79 . 453 0 . 691 C 76 . 162 0 . 865 , 73 . 785 2 . 780 , 73 . 354 5 . 604 C 73 . 306 5 . 919 , 73 . 281 11 . 980 , 73 . 325 12 . 570 C 73 . 506 14 . 979 , 75 . 020 16 . 759 , 77 . 535 17 . 519 C 80 . 709 18 . 479 , 83 . 881 17 . 374 , 85 . 557 14 . 725 C 85 . 782 14 . 369 , 85 . 916 14 . 116 , 85 . 893 14 . 093 C 85 . 872 14 . 073 , 82 . 327 12 . 430 , 82 . 254 12 . 406 C 82 . 224 12 . 397 , 82 . 198 12 . 429 , 82 . 144 12 . 544 C 81 . 882 13 . 103 , 81 . 353 13 . 555 , 80 . 730 13 . 752 C 79 . 382 14 . 177 , 77 . 866 13 . 572 , 77 . 593 12 . 501 C 77 . 539 12 . 288 , 77 . 540 6 . 228 , 77 . 595 6 . 015 C 78 . 042 4 . 261 , 81 . 252 4 . 104 , 82 . 289 5 . 785 C 82 . 338 5 . 865 , 82 . 385 5 . 930 , 82 . 393 5 . 930 C 82 . 409 5 . 930 , 85 . 820 4 . 554 , 85 . 837 4 . 541 C 85 . 856 4 . 526 , 85 . 497 3 . 838 , 85 . 340 3 . 588 C 84 . 071 1 . 573 , 82 . 003 0 . 555 , 79 . 453 0 . 691 M122 . 233 0 . 698 C 118 . 928 0 . 954 , 116 . 621 2 . 860 , 116 . 252 5 . 640 C 116 . 198 6 . 046 , 116 . 207 12 . 646 , 116 . 263 13 . 000 C 116 . 678 15 . 665 , 118 . 768 17 . 446 , 121 . 919 17 . 818 C 124 . 720 18 . 149 , 127 . 505 16 . 687 , 128 . 743 14 . 235 L 128 . 815 14 . 092 128 . 669 14 . 026 C 128 . 589 13 . 989 , 127 . 762 13 . 608 , 126 . 832 13 . 177 C 125 . 902 12 . 747 , 125 . 135 12 . 395 , 125 . 129 12 . 395 C 125 . 122 12 . 395 , 125 . 079 12 . 471 , 125 . 032 12 . 564 C 124 . 149 14 . 321 , 121 . 136 14 . 341 , 120 . 519 12 . 593 L 120 . 453 12 . 407 120 . 447 9 . 350 C 120 . 442 6 . 713 , 120 . 445 6 . 267 , 120 . 476 6 . 106 C 120 . 814 4 . 288 , 124 . 035 4 . 054 , 125 . 172 5 . 764 C 125 . 233 5 . 855 , 125 . 288 5 . 930 , 125 . 294 5 . 930 C 125 . 318 5 . 930 , 128 . 710 4 . 554 , 128 . 727 4 . 537 C 128 . 750 4 . 515 , 128 . 506 4 . 030 , 128 . 302 3 . 691 C 127 . 042 1 . 592 , 124 . 822 0 . 498 , 122 . 233 0 . 698 M150 . 163 0 . 690 C 146 . 674 0 . 881 , 144 . 259 2 . 928 , 144 . 024 5 . 893 C 143 . 992 6 . 292 , 143 . 992 12 . 111 , 144 . 024 12 . 535 C 144 . 229 15 . 291 , 146 . 239 17 . 273 , 149 . 317 17 . 756 C 152 . 815 18 . 304 , 156 . 021 16 . 678 , 156 . 902 13 . 907 C 157 . 157 13 . 104 , 157 . 167 12 . 980 , 157 . 179 10 . 250 L 157 . 190 7 . 907 153 . 816 7 . 907 L 150 . 442 7 . 907 150 . 442 9 . 686 L 150 . 442 11 . 465 151 . 770 11 . 465 L 153 . 098 11 . 465 153 . 088 11 . 948 C 153 . 069 12 . 840 , 152 . 771 13 . 335 , 152 . 028 13 . 707 C 150 . 559 14 . 443 , 148 . 672 13 . 843 , 148 . 297 12 . 522 L 148 . 244 12 . 337 148 . 244 9 . 221 L 148 . 244 6 . 105 148 . 296 5 . 922 C 148 . 641 4 . 708 , 150 . 215 4 . 096 , 151 . 595 4 . 640 C 152 . 111 4 . 844 , 152 . 607 5 . 305 , 152 . 816 5 . 777 C 152 . 852 5 . 859 , 152 . 875 5 . 885 , 152 . 903 5 . 877 C 152 . 970 5 . 857 , 156 . 383 4 . 277 , 156 . 404 4 . 256 C 156 . 456 4 . 205 , 156 . 028 3 . 438 , 155 . 709 3 . 012 C 154 . 517 1 . 418 , 152 . 475 0 . 563 , 150 . 163 0 . 690 M180 . 081 0 . 700 C 176 . 707 0 . 925 , 174 . 383 2 . 695 , 173 . 857 5 . 442 C 173 . 796 5 . 758 , 173 . 758 12 . 153 , 173 . 814 12 . 721 C 174 . 112 15 . 773 , 176 . 906 17 . 847 , 180 . 721 17 . 847 C 184 . 496 17 . 847 , 187 . 238 15 . 831 , 187 . 594 12 . 794 C 187 . 645 12 . 357 , 187 . 645 6 . 177 , 187 . 593 5 . 740 C 187 . 221 2 . 553 , 184 . 063 0 . 434 , 180 . 081 0 . 700 M390 . 026 0 . 701 C 386 . 623 0 . 917 , 384 . 214 2 . 823 , 383 . 799 5 . 628 C 383 . 750 5 . 958 , 383 . 722 11 . 716 , 383 . 765 12 . 444 C 383 . 954 15 . 593 , 386 . 593 17 . 735 , 390 . 430 17 . 853 C 394 . 202 17 . 969 , 397 . 090 15 . 976 , 397 . 551 12 . 938 C 397 . 616 12 . 508 , 397 . 615 6 . 017 , 397 . 550 5 . 593 C 397 . 065 2 . 452 , 393 . 986 0 . 450 , 390 . 026 0 . 701 M249 . 326 4 . 333 C 249 . 326 7 . 601 , 249 . 328 7 . 786 , 249 . 366 7 . 797 C 249 . 389 7 . 803 , 250 . 338 8 . 626 , 251 . 477 9 . 625 C 252 . 615 10 . 624 , 253 . 554 11 . 442 , 253 . 564 11 . 442 C 253 . 574 11 . 442 , 253 . 581 9 . 871 , 253 . 581 7 . 952 L 253 . 581 4 . 462 254 . 948 4 . 471 C 256 . 262 4 . 479 , 256 . 321 4 . 481 , 256 . 495 4 . 530 C 257 . 918 4 . 924 , 257 . 953 6 . 870 , 256 . 547 7 . 343 L 256 . 360 7 . 405 255 . 366 7 . 414 L 254 . 372 7 . 422 254 . 372 8 . 954 L 254 . 372 10 . 486 255 . 413 10 . 494 C 256 . 589 10 . 503 , 256 . 592 10 .
2021-05-14 21:24:36 +02:00
width : 242px ! important ;
2021-05-14 21:30:12 +02:00
height : 19px ! important ;
2018-10-11 10:21:26 +02:00
display : inline ! important ;
position : absolute ! important ;
2020-02-11 12:15:31 +01:00
top : unset ! important ;
2021-05-14 21:24:36 +02:00
left : 64px ! important ;
2020-02-11 12:15:31 +01:00
bottom : unset ! important ;
right : unset ! important ;
2018-12-05 12:47:57 +01:00
opacity : 1 ! important ;
padding : 0 ! important ;
margin : 0 ! important ;
visibility : visible ! important ;
2019-05-14 10:13:02 +02:00
transform : unset ! important ;
animation : unset ! important ;
2019-10-11 14:12:53 +02:00
}
2021-05-18 15:00:58 +02:00
2022-05-18 21:38:15 +02:00
html : only-child > head + body div . app-3xd6d0 > div . app-2CXKsg > div . layers-OrUESM . layers-1YQhyW > div . layer-86YKbF . baseLayer-W6S8cY + div . layer-86YKbF > div . standardSidebarView-E9Pc3j :: after {
2021-05-18 15:00:58 +02:00
content : url ( ' data : image / svg + xml ; utf8 , < svg width = "400" height = "18" version = "1.1" xmlns = "http://www.w3.org/2000/svg" > < path stroke = "none" fill = "rgb(255, 255, 255)" fill-rule = "evenodd" d = " M58 . 488 0 . 690 C 54 . 786 0 . 948 , 52 . 503 3 . 334 , 52 . 961 6 . 466 C 53 . 321 8 . 926 , 55 . 135 10 . 509 , 58 . 186 11 . 025 C 60 . 205 11 . 366 , 61 . 177 12 . 097 , 60 . 818 13 . 004 C 60 . 260 14 . 412 , 57 . 255 14 . 154 , 55 . 679 12 . 564 L 55 . 440 12 . 323 55 . 340 12 . 411 C 55 . 125 12 . 602 , 52 . 767 14 . 824 , 52 . 768 14 . 836 C 52 . 768 14 . 843 , 52 . 842 14 . 938 , 52 . 932 15 . 047 C 55 . 188 17 . 761 , 58 . 434 18 . 568 , 61 . 663 17 . 218 C 63 . 879 16 . 291 , 65 . 049 14 . 673 , 65 . 056 12 . 523 C 65 . 066 9 . 499 , 63 . 520 7 . 999 , 59 . 581 7 . 209 C 57 . 730 6 . 838 , 56 . 956 6 . 245 , 57 . 139 5 . 336 C 57 . 409 3 . 990 , 59 . 424 3 . 729 , 61 . 092 4 . 823 C 61 . 328 4 . 978 , 61 . 513 5 . 126 , 61 . 754 5 . 350 L 61 . 902 5 . 489 63 . 269 4 . 436 C 64 . 021 3 . 857 , 64 . 640 3 . 372 , 64 . 645 3 . 357 C 64 . 668 3 . 286 , 63 . 905 2 . 499 , 63 . 488 2 . 164 C 62 . 141 1 . 082 , 60 . 367 0 . 559 , 58 . 488 0 . 690 M79 . 453 0 . 691 C 76 . 162 0 . 865 , 73 . 785 2 . 780 , 73 . 354 5 . 604 C 73 . 306 5 . 919 , 73 . 281 11 . 980 , 73 . 325 12 . 570 C 73 . 506 14 . 979 , 75 . 020 16 . 759 , 77 . 535 17 . 519 C 80 . 709 18 . 479 , 83 . 881 17 . 374 , 85 . 557 14 . 725 C 85 . 782 14 . 369 , 85 . 916 14 . 116 , 85 . 893 14 . 093 C 85 . 872 14 . 073 , 82 . 327 12 . 430 , 82 . 254 12 . 406 C 82 . 224 12 . 397 , 82 . 198 12 . 429 , 82 . 144 12 . 544 C 81 . 882 13 . 103 , 81 . 353 13 . 555 , 80 . 730 13 . 752 C 79 . 382 14 . 177 , 77 . 866 13 . 572 , 77 . 593 12 . 501 C 77 . 539 12 . 288 , 77 . 540 6 . 228 , 77 . 595 6 . 015 C 78 . 042 4 . 261 , 81 . 252 4 . 104 , 82 . 289 5 . 785 C 82 . 338 5 . 865 , 82 . 385 5 . 930 , 82 . 393 5 . 930 C 82 . 409 5 . 930 , 85 . 820 4 . 554 , 85 . 837 4 . 541 C 85 . 856 4 . 526 , 85 . 497 3 . 838 , 85 . 340 3 . 588 C 84 . 071 1 . 573 , 82 . 003 0 . 555 , 79 . 453 0 . 691 M122 . 233 0 . 698 C 118 . 928 0 . 954 , 116 . 621 2 . 860 , 116 . 252 5 . 640 C 116 . 198 6 . 046 , 116 . 207 12 . 646 , 116 . 263 13 . 000 C 116 . 678 15 . 665 , 118 . 768 17 . 446 , 121 . 919 17 . 818 C 124 . 720 18 . 149 , 127 . 505 16 . 687 , 128 . 743 14 . 235 L 128 . 815 14 . 092 128 . 669 14 . 026 C 128 . 589 13 . 989 , 127 . 762 13 . 608 , 126 . 832 13 . 177 C 125 . 902 12 . 747 , 125 . 135 12 . 395 , 125 . 129 12 . 395 C 125 . 122 12 . 395 , 125 . 079 12 . 471 , 125 . 032 12 . 564 C 124 . 149 14 . 321 , 121 . 136 14 . 341 , 120 . 519 12 . 593 L 120 . 453 12 . 407 120 . 447 9 . 350 C 120 . 442 6 . 713 , 120 . 445 6 . 267 , 120 . 476 6 . 106 C 120 . 814 4 . 288 , 124 . 035 4 . 054 , 125 . 172 5 . 764 C 125 . 233 5 . 855 , 125 . 288 5 . 930 , 125 . 294 5 . 930 C 125 . 318 5 . 930 , 128 . 710 4 . 554 , 128 . 727 4 . 537 C 128 . 750 4 . 515 , 128 . 506 4 . 030 , 128 . 302 3 . 691 C 127 . 042 1 . 592 , 124 . 822 0 . 498 , 122 . 233 0 . 698 M150 . 163 0 . 690 C 146 . 674 0 . 881 , 144 . 259 2 . 928 , 144 . 024 5 . 893 C 143 . 992 6 . 292 , 143 . 992 12 . 111 , 144 . 024 12 . 535 C 144 . 229 15 . 291 , 146 . 239 17 . 273 , 149 . 317 17 . 756 C 152 . 815 18 . 304 , 156 . 021 16 . 678 , 156 . 902 13 . 907 C 157 . 157 13 . 104 , 157 . 167 12 . 980 , 157 . 179 10 . 250 L 157 . 190 7 . 907 153 . 816 7 . 907 L 150 . 442 7 . 907 150 . 442 9 . 686 L 150 . 442 11 . 465 151 . 770 11 . 465 L 153 . 098 11 . 465 153 . 088 11 . 948 C 153 . 069 12 . 840 , 152 . 771 13 . 335 , 152 . 028 13 . 707 C 150 . 559 14 . 443 , 148 . 672 13 . 843 , 148 . 297 12 . 522 L 148 . 244 12 . 337 148 . 244 9 . 221 L 148 . 244 6 . 105 148 . 296 5 . 922 C 148 . 641 4 . 708 , 150 . 215 4 . 096 , 151 . 595 4 . 640 C 152 . 111 4 . 844 , 152 . 607 5 . 305 , 152 . 816 5 . 777 C 152 . 852 5 . 859 , 152 . 875 5 . 885 , 152 . 903 5 . 877 C 152 . 970 5 . 857 , 156 . 383 4 . 277 , 156 . 404 4 . 256 C 156 . 456 4 . 205 , 156 . 028 3 . 438 , 155 . 709 3 . 012 C 154 . 517 1 . 418 , 152 . 475 0 . 563 , 150 . 163 0 . 690 M180 . 081 0 . 700 C 176 . 707 0 . 925 , 174 . 383 2 . 695 , 173 . 857 5 . 442 C 173 . 796 5 . 758 , 173 . 758 12 . 153 , 173 . 814 12 . 721 C 174 . 112 15 . 773 , 176 . 906 17 . 847 , 180 . 721 17 . 847 C 184 . 496 17 . 847 , 187 . 238 15 . 831 , 187 . 594 12 . 794 C 187 . 645 12 . 357 , 187 . 645 6 . 177 , 187 . 593 5 . 740 C 187 . 221 2 . 553 , 184 . 063 0 . 434 , 180 . 081 0 . 700 M390 . 026 0 . 701 C 386 . 623 0 . 917 , 384 . 214 2 . 823 , 383 . 799 5 . 628 C 383 . 750 5 . 958 , 383 . 722 11 . 716 , 383 . 765 12 . 444 C 383 . 954 15 . 593 , 386 . 593 17 . 735 , 390 . 430 17 . 853 C 394 . 202 17 . 969 , 397 . 090 15 . 976 , 397 . 551 12 . 938 C 397 . 616 12 . 508 , 397 . 615 6 . 017 , 397 . 550 5 . 593 C 397 . 065 2 . 452 , 393 . 986 0 . 450 , 390 . 026 0 . 701 M249 . 326 4 . 333 C 249 . 326 7 . 601 , 249 . 328 7 . 786 , 249 . 366 7 . 797 C 249 . 389 7 . 803 , 250 . 338 8 . 626 , 251 . 477 9 . 625 C 252 . 615 10 . 624 , 253 . 554 11 . 442 , 253 . 564 11 . 442 C 253 . 574 11 . 442 , 253 . 581 9 . 871 , 253 . 581 7 . 952 L 253 . 581 4 . 462 254 . 948 4 . 471 C 256 . 262 4 . 479 , 256 . 321 4 . 481 , 256 . 495 4 . 530 C 257 . 918 4 . 924 , 257 . 953 6 . 870 , 256 . 547 7 . 343 L 256 . 360 7 . 405 255 . 366 7 . 414 L 254 . 372 7 . 422 254 . 372 8 . 954 L 254 . 372 10 . 486 255 . 413 10 . 494 C 256 . 589 10 . 503 , 256 . 592 10 . 504 , 257 . 000 10 . 704 C 258 . 198 11 . 291
display : inline ! important ;
position : absolute ! important ;
left : unset ! important ;
bottom : 7px ! important ;
top : unset ! important ;
right : 15px ! important ;
opacity : 0 . 3 ! important ;
padding : 0 ! important ;
margin : 0 ! important ;
visibility : visible ! important ;
transform : unset ! important ;
animation : unset ! important ;
pointer-events : none ! important ;
z-index : -1 ! important ;
}
2022-08-20 19:51:16 +02:00
html : only-child > head + body div . app-3xd6d0 > div . app-2CXKsg > div . layers-OrUESM . layers-1YQhyW > div . layer-86YKbF . baseLayer-W6S8cY + div . layer-86YKbF > div . standardSidebarView-E9Pc3j > div . sidebarRegion-1VBisG > div . sidebarRegionScroller-FXiQOh . thin-31rlnD . scrollerBase-_bVAAt . fade-1R6FHN > nav . sidebar-nqHbhN > div . side-2ur1Qk > div . info-3pQQBb {
2021-05-18 15:00:58 +02:00
position : relative ! important ;
}
2022-08-20 19:51:16 +02:00
html : only-child > head + body div . app-3xd6d0 > div . app-2CXKsg > div . layers-OrUESM . layers-1YQhyW > div . layer-86YKbF . baseLayer-W6S8cY + div . layer-86YKbF > div . standardSidebarView-E9Pc3j > div . sidebarRegion-1VBisG > div . sidebarRegionScroller-FXiQOh . thin-31rlnD . scrollerBase-_bVAAt . fade-1R6FHN > nav . sidebar-nqHbhN > div . side-2ur1Qk > div . info-3pQQBb :: after {
2021-05-18 15:00:58 +02:00
content : "BasicBackground by" ! important ;
font-size : 12px ! important ;
color : var ( --text-muted ) ! important ;
cursor : pointer ! important ;
display : inline ! important ;
opacity : 1 ! important ;
padding : 0 ! important ;
margin : 0 ! important ;
cursor : text ! important ;
visibility : visible ! important ;
position : relative ! important ;
top : unset ! important ;
left : unset ! important ;
bottom : unset ! important ;
right : unset ! important ;
transform : unset ! important ;
animation : unset ! important ;
}
2022-08-20 19:51:16 +02:00
html : only-child > head + body div . app-3xd6d0 > div . app-2CXKsg > div . layers-OrUESM . layers-1YQhyW > div . layer-86YKbF . baseLayer-W6S8cY + div . layer-86YKbF > div . standardSidebarView-E9Pc3j > div . sidebarRegion-1VBisG > div . sidebarRegionScroller-FXiQOh . thin-31rlnD . scrollerBase-_bVAAt . fade-1R6FHN > nav . sidebar-nqHbhN > div . side-2ur1Qk > div . info-3pQQBb :: before {
2021-05-18 15:00:58 +02:00
content : "DevilBro" ! important ;
font-size : 12px ! important ;
color : rgb ( var ( --accentcolor ) ) ! important ;
display : inline ! important ;
opacity : 1 ! important ;
padding : 0 ! important ;
margin : 0 ! important ;
cursor : pointer ! important ;
visibility : visible ! important ;
position : absolute ! important ;
top : unset ! important ;
left : 113px ! important ;
bottom : 9px ! important ;
right : unset ! important ;
transform : unset ! important ;
animation : unset ! important ;
2021-06-30 11:56:30 +02:00
}