2020-12-16 17:20:17 +01:00
@ import url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / ThemeDevBadge . css ) ;
2019-03-21 09:43:34 +01:00
2019-02-12 12:24:29 +01:00
: root {
--daccentcolor : 114 , 137 , 218 ;
2020-02-27 08:26:02 +01:00
--vaccentcolor : var ( --accentcolor , var ( --daccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
--dlinkcolor : 0 , 176 , 244 ;
2020-02-27 08:26:02 +01:00
--vlinkcolor : var ( --linkcolor , var ( --dlinkcolor ) ) ;
2019-09-13 12:47:30 +02:00
--dfontwhite1 : 255 , 255 , 255 ;
2020-03-27 10:10:38 +01:00
2020-03-27 10:20:04 +01:00
--vaccentcolor-hover : rgb ( var ( --vaccentcolor ) ) linear-gradient ( 0deg , rgba ( 255 , 255 , 255 , 0 . 15 ) , rgba ( 255 , 255 , 255 , 0 . 15 ) ) ;
2020-03-27 10:10:38 +01:00
--vaccentcolor-active : rgb ( var ( --vaccentcolor ) ) linear-gradient ( 0deg , rgba ( 255 , 255 , 255 , 0 . 3 ) , rgba ( 255 , 255 , 255 , 0 . 3 ) ) ;
2020-12-16 17:15:47 +01:00
--bdfdb-blurple : rgb ( var ( --vaccentcolor ) ) ! important ;
--bd-blue : rgb ( var ( --vaccentcolor ) ) ! important ;
--bd-blue-hover : var ( --vaccentcolor-hover ) ! important ;
--bd-blue-active : var ( --vaccentcolor-active ) ! important ;
--blurple : rgb ( var ( --vaccentcolor ) ) ! important ;
2019-09-16 14:28:36 +02:00
}
. theme-dark , . theme-light {
2019-09-16 14:43:05 +02:00
--text-link : rgb ( var ( --vlinkcolor ) ) ;
2020-05-19 14:23:19 +02:00
--focus-primary : rgb ( var ( --vlinkcolor ) ) ;
2020-11-21 18:01:32 +01:00
--radio-group-dot-foreground : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-07 13:20:59 +02:00
. theme-light {
--logo-primary : rgb ( var ( --vaccentcolor ) ) ;
}
2019-02-12 12:24:29 +01:00
2020-02-24 14:40:01 +01:00
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
/ *
2020-12-16 17:15:47 +01:00
1 . GUILDLIST
2 . CHANNELLIST
3 . CHAT
2020-02-24 14:40:01 +01:00
1 . MESSAGES
2 . AUTOCOMPLETEMENU
3 . MEMBERLIST
4 . SEARCHPAGE
5 . CALL
2020-12-16 17:15:47 +01:00
4 . PEOPLES
5 . STORE / NITRO
6 . LIBRARY
7 . DISCOVERY
8 . USERSETTINGS
9 . GUILDSETTINGS
10 . MODALS
2020-02-24 14:40:01 +01:00
1 . USERMODAL
2 . GUILDADD / CREATION
3 . REGIONSELECTMODAL
4 . UPLOADMODAL
5 . KEYBOARDSHORTCUTSMODAL
6 . LOGINSCREEN
7 . DOWNLOADAPPMODAL
8 . GUILDBOOSTMODAL
2020-10-28 23:19:12 +01:00
9 . STREAMSETTINGSMODAL
10 . DISPATCHERRORMODAL
11 . CHANGELOGMODAL
12 . SCREENSHAREMODAL
2020-12-16 17:15:47 +01:00
11 . POPOUTS
2020-02-24 14:40:01 +01:00
1 . CONTEXTMENU
2 . USERPOPOUT
3 . EMOJIPICKER
4 . PINS / MENTIONS
5 . SEARCHPOPOUT
2020-12-16 17:15:47 +01:00
12 . GENERAL
2020-02-24 14:40:01 +01:00
1 . TEXT
2 . BUTTONS
3 . INPUTS
4 . TAGS
5 . ICONS
6 . SCROLLBARS
7 . NOTIFICATIONBAR
8 . TOOLTIPS
9 . TOASTS
2020-12-16 17:15:47 +01:00
13 . BDSUPPORT
14 . POWERCORDSUPPORT
15 . PLUGINSUPPORT
2020-02-24 14:40:01 +01:00
1 . IMAGEZOOM
2 . HIDEUTILS
2020-03-27 10:20:04 +01:00
3 . READALLNOTIFICATIONSBUTTON
2020-05-14 21:11:26 +02:00
4 . SERVERSEARCH
2020-10-25 17:28:38 +01:00
5 . CHANNELTABS
2020-12-16 17:15:47 +01:00
16 . THEMESUPPORT
2020-02-24 14:40:01 +01:00
1 . THEMEDEVBADGE
* /
2020-12-16 17:15:47 +01:00
/* ~~~~ 1. GUILDLIST ~~~~ */
2020-02-24 14:40:01 +01:00
. wrapper-1BJsBx . selected-bZ3Lue . childWrapper-anI2G9 , /* home/acronym */
. wrapper-1BJsBx : hover . childWrapper-anI2G9 {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-16 17:15:47 +01:00
/* ~~~~ 2. CHANNELLIST ~~~~ */
2020-02-24 14:40:01 +01:00
2020-12-28 17:23:59 +01:00
. background-2uufRq { /* guild header partnerbadge */
2020-09-01 11:50:53 +02:00
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-28 17:23:59 +01:00
. iconTierThree-3EAOB7 { /* guild header icontier3 */
2020-02-24 14:40:01 +01:00
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-28 17:23:59 +01:00
. subscribeTooltipWrapper-32-Ce8 { /* guild header subscribetooltip */
2020-02-24 14:40:01 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-10-19 18:37:37 +02:00
. subscribeTooltipWrapper-32-Ce8 :: after {
2020-02-24 14:40:01 +01:00
border-bottom-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-28 17:23:59 +01:00
. channelNotice-1-XFjC :: before , /* channel notice */
2020-12-28 18:24:49 +01:00
. channelNotice-1-XFjC :: after ,
. channelNotice-3DDmsB :: before ,
. channelNotice-3DDmsB :: after ,
# app-mount . channelNotice-3hkOiI :: before ,
# app-mount . channelNotice-3hkOiI :: after {
2020-12-28 17:23:59 +01:00
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
}
. channelNotice-1-XFjC . quickswitcher-35bYg4 {
background : transparent ;
}
. channelNotice-1-XFjC . quickswitcher-35bYg4 :: before {
filter : grayscale ( 0 . 5 ) ;
background : url ( https : / / discord . com / assets / 8fdb69b7684b8e1ecb3fdde909daca41 . svg ) center 35px no-repeat ;
}
. channelNotice-1-XFjC . premiumGuildSubscription-3oKecP {
2020-12-30 13:54:18 +01:00
background : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / channelnotice_premium_bg . svg ) center 23px no-repeat ;
2020-12-28 17:23:59 +01:00
}
. channelNotice-1-XFjC . premiumGuildSubscription-3oKecP :: after {
background : rgb ( var ( --vaccentcolor ) ) ;
2020-12-30 14:11:25 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / channelnotice_premium_accent . svg ) center 23px no-repeat ;
2020-12-28 17:23:59 +01:00
}
2020-12-28 18:24:49 +01:00
. channelNotice-1-XFjC . publicUpsell-31ZSJ8 :: before {
2020-12-30 13:54:18 +01:00
background : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / channelnotice_upsell_bg . svg ) center 12px no-repeat ;
2020-12-28 18:24:49 +01:00
}
. channelNotice-1-XFjC . publicUpsell-31ZSJ8 :: after {
background : rgb ( var ( --vaccentcolor ) ) ;
2020-12-30 14:11:25 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / channelnotice_upsell_accent . svg ) center 12px no-repeat ;
2020-12-28 18:24:49 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 3. CHAT ~~~~ */
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 3.1. MESSAGES ---- */
2020-02-24 14:40:01 +01:00
2020-12-27 14:03:30 +01:00
. newMessagesBar-265mhP { /* new messagesbar */
2020-02-24 14:40:01 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-27 14:03:30 +01:00
. hasMore-3POVhk { /* hasmore messagesbar */
2020-02-24 14:40:01 +01:00
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-29 18:42:29 +01:00
. backgroundFlash-24qWLN [ style * = "background-color: rgb(114, 137, 218)" ] ,
2020-12-25 16:39:52 +01:00
. backgroundFlash-24qWLN [ style * = "background-color: rgba(114, 137, 218, 1" ] {
background-color : rgba ( var ( --vaccentcolor ) , 1 ) ! important ;
}
. backgroundFlash-24qWLN [ style * = "background-color: rgba(114, 137, 218, 0.9" ] {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 9 ) ! important ;
}
. backgroundFlash-24qWLN [ style * = "background-color: rgba(114, 137, 218, 0.8" ] {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 8 ) ! important ;
}
. backgroundFlash-24qWLN [ style * = "background-color: rgba(114, 137, 218, 0.7" ] {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 7 ) ! important ;
}
. backgroundFlash-24qWLN [ style * = "background-color: rgba(114, 137, 218, 0.6" ] {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 6 ) ! important ;
}
. backgroundFlash-24qWLN [ style * = "background-color: rgba(114, 137, 218, 0.5" ] {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 5 ) ! important ;
}
. backgroundFlash-24qWLN [ style * = "background-color: rgba(114, 137, 218, 0.4" ] {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 4 ) ! important ;
}
. backgroundFlash-24qWLN [ style * = "background-color: rgba(114, 137, 218, 0.3" ] {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 3 ) ! important ;
}
. backgroundFlash-24qWLN [ style * = "background-color: rgba(114, 137, 218, 0.2" ] {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 2 ) ! important ;
}
. backgroundFlash-24qWLN [ style * = "background-color: rgba(114, 137, 218, 0.1" ] {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 1 ) ! important ;
}
. backgroundFlash-24qWLN [ style * = "background-color: rgba(114, 137, 218, 0.0" ] {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 0 ) ! important ;
}
2020-12-29 18:37:33 +01:00
. embedFull-2tM8-- [ style * = "border-color: rgb(114, 137, 218)" ] {
border-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
2020-11-19 18:06:36 +01:00
. ephemeral-1PsL1r , /* localbot container */
2020-10-27 16:25:26 +01:00
. replying-1x3H0T { /* replying container */
2020-02-24 14:40:01 +01:00
background-color : rgba ( var ( --vaccentcolor ) , 0 . 05 ) ;
}
2020-11-19 18:06:36 +01:00
. ephemeral-1PsL1r :: before , /* localbot before */
2020-10-27 16:25:26 +01:00
. replying-1x3H0T :: before { /* replying before */
2020-02-24 14:40:01 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-11-19 18:06:36 +01:00
. message-2qnXI6 . ephemeral-1PsL1r . selected-2P5D_Z ,
. mouse-mode . full-motion . ephemeral-1PsL1r : hover ,
. mouse-mode . ephemeral-1PsL1r : hover ,
2020-10-27 16:25:26 +01:00
. message-2qnXI6 . replying-1x3H0T . selected-2P5D_Z ,
. mouse-mode . full-motion . replying-1x3H0T : hover ,
. mouse-mode . replying-1x3H0T : hover {
2020-02-24 14:40:01 +01:00
background-color : rgba ( var ( --vaccentcolor ) , 0 . 1 ) ;
}
2020-12-24 12:42:18 +01:00
. ephemeralMessage-1fEWtQ a { /* localbot operations */
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-02-24 14:40:01 +01:00
. operations-36ENbA > a { /* message operations */
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-02-24 15:53:31 +01:00
. icon-360yEu { /* systemmessage guild sub easter egg icon */
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-02-24 14:40:01 +01:00
. message-15tBk4 strong , /* mention in header */
. wrapper-3WhCwL { /* mention */
background-color : rgba ( var ( --vaccentcolor ) , 0 . 1 ) ;
color : rgb ( var ( --vaccentcolor ) ) ;
}
. message-15tBk4 strong : hover ,
. interactive : hover {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
# app-mount . mentioned-xhSam7 . mention . interactive : hover {
color : rgb ( var ( --vaccentcolor ) ) ;
}
. reactionMe-wv5HKu . reactionCount-2mvXRV , /* reaction count me */
. reactionMe-wv5HKu : hover . reactionCount-2mvXRV {
color : rgb ( var ( --vaccentcolor ) ) ;
}
. reaction-1hd86g . reactionMe-wv5HKu { /* reaction wrapper me */
background-color : rgba ( var ( --vaccentcolor ) , 0 . 3 ) ;
}
2020-12-28 19:55:17 +01:00
/* attachment upload bar */
. progressBar-3u8FBM [ style * = "background-color: rgb(114, 137, 218)" ] {
background-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 3.2. AUTOCOMPLETEMENU ---- */
2020-02-24 14:40:01 +01:00
2020-12-17 20:17:07 +01:00
# app-mount . active-2awTSY { /* autocomplete option active */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-02-24 14:40:01 +01:00
# app-mount . searchSuggestion-2K8OBX : hover { /* gifpicker suggestions */
border-color : rgb ( var ( --vaccentcolor ) ) ;
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
. result-3w1ZcL [ style * = "background-color" ] { /* gifpicker result loading */
background-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
. result-3w1ZcL [ style * = "background-color: rgb(146, 154, 250)" ] {
2020-03-27 10:20:04 +01:00
background : var ( --vaccentcolor-hover ) ! important ;
2020-02-24 14:40:01 +01:00
}
. result-3w1ZcL [ style * = "background-color: rgb(179, 174, 255)" ] {
2020-03-27 10:20:04 +01:00
background : var ( --vaccentcolor-active ) ! important ;
2020-02-24 14:40:01 +01:00
}
2020-12-17 20:17:07 +01:00
. theme-light . focused-1En8bG :: after , /* gifpicker result hover */
2020-10-19 18:37:37 +02:00
. theme-light . result-3w1ZcL : hover :: after {
2020-04-25 09:23:03 +02:00
box-shadow : inset 0 0 0 2px rgb ( var ( --vaccentcolor ) ) , inset 0 0 0 3px # dcddde ;
2020-02-24 14:40:01 +01:00
}
2020-10-19 18:37:37 +02:00
. theme-dark . focused-1En8bG :: after , /* gifpicker result hover */
. theme-dark . result-3w1ZcL : hover :: after {
2020-04-25 09:23:03 +02:00
box-shadow : inset 0 0 0 2px rgb ( var ( --vaccentcolor ) ) , inset 0 0 0 3px # 2f3136 ;
2020-02-24 14:40:01 +01:00
}
# app-mount . categoryFadeBlurple-1j72_A { /* gifpicker categoryfade */
background-color : rgba ( var ( --vaccentcolor ) , 0 . 8 ) ;
}
# app-mount . categoryFadeBlurple-1j72_A : hover {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 95 ) ;
}
2020-04-25 09:23:03 +02:00
. introductionAction-M1r6AX { /* gifpicker introductionaction tooltip */
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 3.3. MEMBERLIST ---- */
2020-02-24 14:40:01 +01:00
. premiumIcon-1rDbWQ {
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-16 17:15:47 +01:00
/* ---- 3.4. SEARCHPAGE ---- */
2020-02-24 14:40:01 +01:00
2020-10-19 18:37:37 +02:00
. noResultsImage-3Y0eCI . alt-3EpRdH {
display : flex ;
}
2020-12-27 14:03:30 +01:00
. noResultsImage-3Y0eCI . alt-3EpRdH :: before {
2020-02-24 14:40:01 +01:00
content : "" ;
position : absolute ;
width : 160px ;
height : 160px ;
2020-12-27 14:03:30 +01:00
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"><path fill="black" d="m 70.904693,78.021331 c 1.19265,4.471649 0.91948,10.937645 -2.73367,12.386761 -3.51374,1.393821 -7.81998,-3.634791 -9.23928,-9.270432 -1.65994,-6.591117 0.35234,-11.930719 3.19977,-12.582736 4.03386,-0.904254 7.6644,4.507576 8.77318,9.466407"/></svg>' ) center / cover no-repeat ;
2020-02-24 14:40:01 +01:00
}
2020-12-16 17:15:47 +01:00
/* ---- 3.5. CALL ---- */
2020-02-24 14:40:01 +01:00
. sparkleBlurple-awNnsZ {
background-image : url ( https : / / discordapp . com / assets / c7539bb38577495f5021c8ea455c7145 . png ) ;
}
. popBlurple-27zBE3 {
background-image : url ( https : / / discordapp . com / assets / 237a2f9325a83d230fb30b2cd63bbfe6 . png ) ;
}
. lightBlurple-1mZKpk {
background-image : url ( https : / / discordapp . com / assets / 1c20f6ecd2d83c1844a3fd6da306d239 . png ) ;
}
. crossBlurple--iGG5Y {
background-image : url ( https : / / discordapp . com / assets / c13a0b03a798023c27155fad5f0c7a61 . png ) ;
}
2020-12-16 17:15:47 +01:00
/* ~~~~ 4. PEOPLES ~~~~ */
2020-10-24 11:12:25 +02:00
. wrapper-1cBijl . btn : disabled { /* addfriendpage button */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-16 17:15:47 +01:00
/* ~~~~ 5. STORE/NITRO ~~~~ */
2020-02-24 14:40:01 +01:00
# app-mount . premiumIndicator-1XvbfM { /* premium where? */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-10-19 18:37:37 +02:00
. gridItemGuildSubscription-1sZ0fD :: before {
2020-02-24 14:40:01 +01:00
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 135deg , rgb ( 162 , 48 , 194 ) , rgba ( 162 , 48 , 194 , 0 . 5 ) ) ;
}
2020-10-19 18:37:37 +02:00
. gridItemBadge-1Se-Pu :: before {
2020-02-24 14:40:01 +01:00
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 135deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
2020-02-24 15:53:31 +01:00
. activeTransferGuildCardBorder-2jUQ7t {
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 135deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
. premiumGuildSubscriptionRowActive-1WxLXI {
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 135deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
2020-02-24 14:40:01 +01:00
. theme-light . animationContainer-cNePAf {
color : rgb ( var ( --vaccentcolor ) ) ;
}
. theme-light . shine-KMI5j7 {
color : rgba ( var ( --vaccentcolor ) , 0 . 2 ) ;
}
2020-02-24 15:53:31 +01:00
. grandfatheredMessage-1BnHtv {
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
. tierGrandfathered-R6zrrD . banner-3Kac2g {
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) 75 . 25 % ) ;
}
2020-10-09 17:41:26 +02:00
. tier1-UUxEBG ,
2020-10-09 17:33:33 +02:00
. headerTier1-2Ckjmd , /* submodal tier1 header */
. tier1HeaderBackground-3LjWgU { /* submodal tier1 bg */
2020-02-24 14:40:01 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-10-09 17:33:33 +02:00
. headerTier1-2Ckjmd . wrapper-1P_m9K image : not ( [ width = "170px" ] ) ,
. tier1HeaderBackground-3LjWgU . wrapper-1P_m9K image : not ( [ width = "170px" ] ) {
2020-02-24 14:40:01 +01:00
display : none ! important ;
}
2020-02-24 15:53:31 +01:00
. tier1-1ttHRY . banner-3Kac2g {
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) 75 . 25 % ) ;
}
2020-10-09 17:41:26 +02:00
. tier2-3pW_6T ,
2020-10-09 17:33:33 +02:00
. headerTier2-3FKMxd , /* submodal tier2 header */
2020-02-24 15:53:31 +01:00
. tier2HeaderBackground-2BUqcl { /* submodal tier2 bg */
background : # ffcd4b linear-gradient ( 45deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
. tier2-3hSil0 . banner-3Kac2g {
background : # ffcd4b linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) 75 . 25 % ) ;
}
2020-02-24 14:40:01 +01:00
. price-1rEl-z { /* submodal price */
color : rgb ( var ( --vaccentcolor ) ) ;
}
. iconBackgroundTier1-2GOcU8 { /* tierlist tier1 bg */
2020-02-24 15:53:31 +01:00
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 45deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
2020-02-24 14:40:01 +01:00
}
. iconBackgroundTier2-2TeI3a { /* tierlist tier2 bg */
background : # ffcd4b linear-gradient ( 45deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
. xboxPromotion-1k0m0c { /* bannerpromo xboxpromo */
2020-02-24 15:53:31 +01:00
background : # ffcd4b linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
2020-02-24 14:40:01 +01:00
}
. bannerPromotionLogoPremium-2cB301 { /* bannerpromo logo */
2020-02-24 15:53:31 +01:00
background : # ffcd4b linear-gradient ( rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
2020-02-24 14:40:01 +01:00
}
2020-10-09 17:36:41 +02:00
. premiumLogo-1D3iJc { /* bannerpromo nitro logo */
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
2020-02-24 14:40:01 +01:00
# app-mount . tag-HanR-9 { /* tag */
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 45deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
2020-10-19 18:37:37 +02:00
# app-mount . tag-HanR-9 :: before {
2020-02-24 14:40:01 +01:00
-webkit-mask : url ( https : / / discordapp . com / assets / 04a2e1509ad72be575b1529b51ea3977 . svg ) top / cover no-repeat ;
background : rgb ( var ( --vaccentcolor ) ) ;
}
. skuButtonTier1-2XTq5D ,
. skuButtonTier1-3-EFd9 {
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 32 . 3deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) 75 . 25 % ) ;
}
2020-02-24 15:53:31 +01:00
. skuButtonTier2-2asv3- ,
. skuButtonTier2-i01WfL {
background : # ffcd4b linear-gradient ( 32 . 3deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
2020-02-24 14:40:01 +01:00
# app-mount . alternativeSkuSelected-3Qhw9n {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
. overlappingBorder-1-XPGl { /* store preview image */
border-color : rgb ( var ( --vaccentcolor ) ) ;
}
# app-mount . headerFancy-1AcCLF { /* store header fancy */
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
# app-mount . premiumHeaderPrice-1F1CMD { /* store price */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
. premiumCircle-3jgziV { /* store premiumcircle */
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
# app-mount . staffIcon-2MB1se { /* store stafficon */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
# app-mount . nitroIcon-2uS3VJ { /* store nitroicon */
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
. perkTag-2O4dx4 { /* store perktag */
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
. confirmPremiumIcon-26GX5Y , /* store confirmpremiumicon */
. gameIcon-gg34Dz [ style * = "/assets/f6cbcdc9366fb8d31e03bdc6c9c50246.svg" ] {
background-color : rgb ( 255 , 255 , 255 ) ! important ;
2020-12-27 15:35:34 +01:00
background-image : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="white" d="m 14.474302,33.394982 c 0,1.044833 -0.8881,1.915387 -1.953992,1.915387 H 11.454419 C 10.388527,35.310369 9.5,34.439815 9.5,33.394982 c 0,-1.044833 0.888527,-1.915388 1.954419,-1.915388 h 1.065891 c 1.065892,0 1.953992,0.870555 1.953992,1.915388 z m 48.142737,-0.522416 c 4.618721,9.577773 0.355155,21.070934 -9.770814,25.598404 -9.770388,4.353609 -21.495194,0.174278 -25.936551,-9.403496 -0.8881,-1.915387 -1.421046,-4.005053 -1.598837,-6.094719 h -3.908411 c -1.065891,0 -1.953992,-0.870972 -1.953992,-1.915805 0,-1.044833 0.888101,-1.915388 1.953992,-1.915388 h 5.685039 c 1.065892,0 1.953992,-0.870554 1.953992,-1.915387 0,-1.044833 -0.8881,-1.915806 -1.953992,-1.915806 h -9.060077 c -1.065892,0 -1.954419,-0.870554 -1.954419,-1.915387 0,-1.044833 0.888527,-1.915388 1.954419,-1.915388 h 12.612907 c 1.065891,0 1.953992,-0.870972 1.953992,-1.915805 0,-1.044833 -0.888101,-1.915388 -1.953992,-1.915388 h -5.151667 c -1.598837,0 -3.02031,-1.219111 -3.02031,-2.96022 0,-1.567249 1.243682,-2.960638 3.02031,-2.960638 h 20.074147 c 7.106086,0.348556 13.856589,4.353609 17.054264,11.145023 z M 40.165868,30.951661 c -5.617248,2.528496 -8.08031,9.041984 -5.500852,14.548253 2.579457,5.506269 9.224224,7.920668 14.841472,5.392173 5.617675,-2.528496 8.08031,-9.041983 5.500853,-14.548252 -2.579457,-5.506269 -9.224225,-7.920669 -14.841473,-5.392174 z m 8.949907,3.662306 3.55283,5.920859 c 0.17779,0.348138 0.17779,0.522417 0,0.870555 l -3.55283,5.920859 c -0.17779,0.348138 -0.532945,0.348138 -0.710736,0.348138 h -6.928295 c -0.355155,0 -0.532946,-0.174278 -0.71031,-0.348138 l -3.553256,-5.920859 c -0.177364,-0.348138 -0.177364,-0.522417 0,-0.870555 l 3.553256,-5.920859 c 0.177364,-0.348138 0.532946,-0.348138 0.71031,-0.348138 h 6.928295 c 0.355581,-0.174278 0.532946,0 0.710736,0.348138 z"/></svg>' ) , linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ! important ;
2020-02-24 14:40:01 +01:00
}
2020-10-24 11:12:25 +02:00
. pageWrapper-3F6owx { /* store pagewrapper */
2020-12-26 19:18:52 +01:00
background : white linear-gradient ( 114deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 6 ) ) ;
2020-02-24 14:40:01 +01:00
}
2020-12-16 17:15:47 +01:00
/* ~~~~ 6. LIBRARY ~~~~ */
2020-02-24 14:40:01 +01:00
2020-10-24 11:12:25 +02:00
. foreground-2aE44H { /* installationpath fill */
stroke : rgb ( var ( --vaccentcolor ) ) ;
2020-02-24 14:40:01 +01:00
}
2020-12-16 17:15:47 +01:00
/* ~~~~ 7. DISCOVERY ~~~~ */
2020-02-24 14:40:01 +01:00
2020-05-11 13:46:14 +02:00
. searchBox-3Y2Vi7 : focus , /* searchbox focus */
2020-05-17 23:13:46 +02:00
. searchBox-3Y2Vi7 : focus-within ,
. searchPage-3GKAdT . search-1iTphC . searchBox-2_mAlO : focus ,
. searchPage-3GKAdT . search-1iTphC . searchBox-2_mAlO : focus-within {
2020-05-11 18:52:13 +02:00
border-color : rgb ( var ( --vaccentcolor ) ) ;
2020-05-11 13:46:14 +02:00
}
2020-10-17 18:39:33 +02:00
. search-1iTphC . searchBox-2_mAlO : focus ,
. search-1iTphC . searchBox-2_mAlO : focus-within {
box-shadow : 0 0 0 1px rgb ( var ( --vaccentcolor ) ) , 0 0 0 2px rgba ( var ( --vaccentcolor ) , 0 . 6 ) , 0 0 0 3px rgba ( var ( --vaccentcolor ) , 0 . 3 ) ;
}
2020-05-11 13:46:14 +02:00
2020-02-24 14:40:01 +01:00
# app-mount . activeButton-1BJAiN , /* pagination button */
# app-mount . activeButton-1BJAiN : hover {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-05-08 10:33:08 +02:00
/* categorylist selected item */
. categoryItem-3zFJns . selectedCategoryItem-3X8ujp . itemInner-3gVXMG {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-05-17 23:12:18 +02:00
. categoryPill-34fszg . selected-1dONk0 { /* categorylist search categorypill */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 8. USERSETTINGS ~~~~ */
. item-PXvHYJ [ style ^ = "color: rgb(114, 137, 218)" ] ,
. item-PXvHYJ [ style * = " color: rgb(114, 137, 218)" ] { /* settingsitems list item */
color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
. item-PXvHYJ [ style * = "background-color: rgb(114, 137, 218)" ] {
background-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
. item-PXvHYJ [ style * = "background-color: rgba(114, 137, 218, 0.1)" ] {
background-color : rgb ( var ( --vaccentcolor ) , 0 . 1 ) ! important ;
}
2020-02-24 14:40:01 +01:00
2020-06-16 14:29:05 +02:00
. dot-2s_oHI { /* settingsitems dot */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-02-24 14:40:01 +01:00
. cardBrand-39zmMQ { /* settingsitems card */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
. cardBrand-39zmMQ ,
. cardBrandOutline-3jvFfo {
border-color : rgb ( var ( --vaccentcolor ) ) ;
}
. avatarUploaderInner-3UNxY3 { /* accountsettings avatar upload */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-10-29 18:12:39 +01:00
# app-mount . questionMark-CWEQZn , /* accountsettings questionmark */
2020-10-20 18:26:21 +02:00
# app-mount . questionMark-3qBhGj { /* accountsettings questionmark new */
2020-02-24 14:40:01 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-29 18:12:39 +01:00
# app-mount . questionMark-CWEQZn : hover ,
2020-10-16 09:26:23 +02:00
# app-mount . questionMark-3qBhGj : hover {
2020-03-27 10:10:38 +01:00
background : var ( --vaccentcolor-hover ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
# app-mount . tierUnlocked-27DwHo { /* boostsettings tierunlocked */
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-02-24 15:53:31 +01:00
# app-mount . tierAccomplished-2eXPdI ,
# app-mount . tierCurrent-Lw7-4E ,
# app-mount . tierDefault-2qaRkD {
background : # ffcd4b linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
2020-02-24 14:40:01 +01:00
# app-mount . tierCloseHint-380zIA { /* boostsettings tierclosehint */
2019-02-19 00:02:54 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-10-19 18:37:37 +02:00
# app-mount . tierCloseHint-380zIA :: before {
2020-02-24 14:40:01 +01:00
border-right-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
# app-mount . tierHeaderUnlockedBackground-MW5XJU { /* boostsettings tierheaderunlockedbg */
2020-02-24 15:53:31 +01:00
background : # ffcd4b linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
2019-03-30 22:46:38 +01:00
}
2020-02-24 14:40:01 +01:00
. emojiIcon-2xOPMD { /* boostsettings perkicon emoji */
color : rgb ( var ( --vaccentcolor ) ) ;
filter : brightness ( 75 % ) ;
2019-03-30 22:46:38 +01:00
}
2020-02-24 14:40:01 +01:00
. uploadSizeIcon-2HNa5p { /* boostsettings perkicon upload */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-03-30 22:46:38 +01:00
}
2020-02-24 14:40:01 +01:00
. memberBadgeIcon-1hpSQc { /* boostsettings perkicon guild */
color : rgb ( var ( --vaccentcolor ) ) ;
filter : brightness ( 150 % ) ;
}
. profileBadgeIcon-_ctnKj {
2020-12-26 20:53:02 +01:00
position : relative ;
2020-12-30 14:11:25 +01:00
background : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / usersettings_boostbadge_bg . svg ) center / contain no-repeat ;
2020-12-26 20:53:02 +01:00
}
. profileBadgeIcon-_ctnKj :: after {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background : rgb ( var ( --vaccentcolor ) ) ;
2020-12-30 14:11:25 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / usersettings_boostbadge_accent . svg ) center / contain no-repeat ;
2019-03-30 22:46:38 +01:00
}
2020-02-24 14:40:01 +01:00
. premiumGuildIcon-13KUPa { /* boostsettings sub count icon */
color : rgb ( var ( --vaccentcolor ) ) ;
}
. gemWithLabel-2aecE_ { /* boostsettings progress label */
color : rgb ( var ( --vaccentcolor ) ) ;
}
. gemIndicatorProgressCircle-3wDFa1 { /* boostsettings progress circle */
color : rgb ( var ( --vaccentcolor ) ) ;
}
. guildSubscriberCountIcon-6Fo5EK { /* boostsettings sub count */
color : rgb ( var ( --vaccentcolor ) ) ;
}
. guildSubscriptionSlotIcon-EVE04u { /* boostsettings slot icon */
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-26 20:53:02 +01:00
. wrapper-3jrx9n { /* overlaysettings positionsettings wrapper */
2020-02-24 14:40:01 +01:00
border-color : rgb ( var ( --vaccentcolor ) ) ;
}
. option-n0icdO : hover { /* overlaysettings positionoption */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
. selected-mKYnfr . option-n0icdO {
background-color : rgb ( var ( --vaccentcolor ) ) ;
border-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-27 11:10:52 +01:00
/* streamermodesettings headerimage */
. noticeIcon-1phvR2 [ src = "/assets/616e078b351d0df460971441949c53a3.svg" ] {
object-position : -999999px -999999px ;
2020-12-30 14:11:25 +01:00
background : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_streamermode_bg . svg ) center / contain no-repeat ;
2020-12-27 11:10:52 +01:00
}
. noticeIcon-1phvR2 [ src = "/assets/616e078b351d0df460971441949c53a3.svg" ] + * {
position : relative ;
}
. noticeIcon-1phvR2 [ src = "/assets/616e078b351d0df460971441949c53a3.svg" ] + * :: before ,
. noticeIcon-1phvR2 [ src = "/assets/616e078b351d0df460971441949c53a3.svg" ] + * :: after {
content : "" ;
position : absolute ;
top : 0 ;
right : -204px ;
width : 184px ;
height : 110px ;
}
. noticeIcon-1phvR2 [ src = "/assets/616e078b351d0df460971441949c53a3.svg" ] + * :: before {
background : rgb ( var ( --vaccentcolor ) ) ;
2020-12-30 14:11:25 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_streamermode_accent . svg ) center / contain no-repeat ;
2020-12-27 11:10:52 +01:00
}
. noticeIcon-1phvR2 [ src = "/assets/616e078b351d0df460971441949c53a3.svg" ] + * :: after {
2020-12-30 14:11:25 +01:00
background : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_streamermode_details . svg ) center / contain no-repeat ;
2020-12-27 11:10:52 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 9. GUILDSETTINGS ~~~~ */
2020-02-24 14:40:01 +01:00
/* widgetsettings widget placeholder image */
. layer-3QrUeG [ aria-label = "GUILD_SETTINGS" ] . contentRegion-3nDuYy . contentColumn-2hrIYH > div > div > . divider-3573oO + . flex-1xMQg5 + . divider-3573oO + . flex-1xMQg5 : last-of-type {
position : relative ! important ;
2019-03-14 14:26:35 +01:00
}
2020-02-24 14:40:01 +01:00
. layer-3QrUeG [ aria-label = "GUILD_SETTINGS" ] . contentRegion-3nDuYy . contentColumn-2hrIYH > div > div > . divider-3573oO + . flex-1xMQg5 + . divider-3573oO + . flex-1xMQg5 : last-of-type img [ src = "/assets/5fb477ca84edd15d9a2888ac28365acd.svg" ] {
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2020-12-26 20:05:50 +01:00
flex : unset ! important ;
2020-12-30 14:11:25 +01:00
height : 310px ! important ;
min-width : 320px ! important ;
background : var ( --background-tertiary ) ;
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_widget_bg . svg ) center / contain no-repeat ;
2019-03-18 10:43:52 +01:00
}
2020-12-26 20:05:50 +01:00
. layer-3QrUeG [ aria-label = "GUILD_SETTINGS" ] . contentRegion-3nDuYy . contentColumn-2hrIYH > div > div > . divider-3573oO + . flex-1xMQg5 + . divider-3573oO + . flex-1xMQg5 : last-of-type :: before ,
. layer-3QrUeG [ aria-label = "GUILD_SETTINGS" ] . contentRegion-3nDuYy . contentColumn-2hrIYH > div > div > . divider-3573oO + . flex-1xMQg5 + . divider-3573oO + . flex-1xMQg5 : last-of-type :: after {
2019-03-18 10:43:52 +01:00
content : "" ;
position : absolute ;
2020-12-26 20:05:50 +01:00
right : 0 ;
bottom : 0 ;
width : 320px ;
height : 310px ;
2019-03-18 10:43:52 +01:00
}
2020-12-26 20:05:50 +01:00
. layer-3QrUeG [ aria-label = "GUILD_SETTINGS" ] . contentRegion-3nDuYy . contentColumn-2hrIYH > div > div > . divider-3573oO + . flex-1xMQg5 + . divider-3573oO + . flex-1xMQg5 : last-of-type :: before {
background : rgb ( var ( --vaccentcolor ) ) ;
2020-12-30 14:11:25 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_widget_accent . svg ) center / contain no-repeat ;
2020-02-24 14:40:01 +01:00
}
2020-12-26 20:05:50 +01:00
. layer-3QrUeG [ aria-label = "GUILD_SETTINGS" ] . contentRegion-3nDuYy . contentColumn-2hrIYH > div > div > . divider-3573oO + . flex-1xMQg5 + . divider-3573oO + . flex-1xMQg5 : last-of-type :: after {
background : var ( --header-primary ) ;
2020-12-30 14:11:25 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_widget_details . svg ) center / contain no-repeat ;
2019-03-18 10:43:52 +01:00
}
2019-02-12 12:24:29 +01:00
2020-10-27 14:35:43 +01:00
@ -webkit-keyframes pulseBorder-1LZYy9 { /* intergrationsettings new webhook */
0 % { border-color : transparent ; }
50 % { border-color : rgb ( var ( - - vaccentcolor ) ) ; }
to { border-color : transparent ; }
}
@ keyframes pulseBorder-1LZYy9 {
0 % { border-color : transparent ; }
50 % { border-color : rgb ( var ( - - vaccentcolor ) ) ; }
to { border-color : transparent ; }
}
2020-12-29 21:12:52 +01:00
. placeholderImage-37MstR { /* discoverysettings insight */
2020-12-30 13:54:18 +01:00
background : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_partnerprogram_bg . svg ) center / cover no-repeat ;
2020-12-29 21:12:52 +01:00
}
. placeholderImage-37MstR :: after {
content : "" ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background : rgb ( var ( --vaccentcolor ) ) ;
2020-12-30 14:11:25 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_insight_accent . svg ) center / cover no-repeat ;
2020-12-30 13:50:25 +01:00
}
/* discoverysettings partner program */
. banner-2AwsUs [ src = "/assets/b3d9ebeb2259945abe78c49206f5b62d.svg" ] {
object-position : -999999px -999999px ;
filter : grayscale ( 0 . 5 ) ;
2020-12-30 13:54:18 +01:00
background : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_partnerprogram_bg . svg ) center / cover no-repeat ;
2020-12-30 13:50:25 +01:00
}
. banner-2AwsUs [ src = "/assets/b3d9ebeb2259945abe78c49206f5b62d.svg" ] + * {
position : relative ;
display : flex ;
justify-content : center ;
}
. banner-2AwsUs [ src = "/assets/b3d9ebeb2259945abe78c49206f5b62d.svg" ] + * :: after {
content : "" ;
position : absolute ;
top : -281px ;
width : 428px ;
height : 241px ;
background : rgb ( var ( --vaccentcolor ) ) ;
2020-12-30 14:11:25 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_partnerprogram_accent . svg ) center / cover no-repeat ;
2020-12-29 21:12:52 +01:00
}
2020-10-28 12:24:12 +01:00
. defaultIcon-2NMkWn { /* discoverysettings default guildicon */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-26 19:20:43 +01:00
/* discoverysettings requirements icon */
2020-12-26 19:18:52 +01:00
. requirementsImage-tqIP2X [ src = "/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg" ] ,
. headerIcon-2S6VR5 [ src = "/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg" ] {
object-position : -999999999px -999999999px ;
2020-12-30 13:54:18 +01:00
background : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_requirements_bg . svg ) center / cover no-repeat ;
2020-12-26 19:18:52 +01:00
}
. requirementsImage-tqIP2X [ src = "/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg" ] + * ,
. headerIcon-2S6VR5 [ src = "/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg" ] + * {
position : relative ;
height : 60px ;
}
. requirementsImage-tqIP2X [ src = "/assets/ec3ea47d6b85de83ab2c298ddecf7df2.svg" ] + * :: after ,
. headerIcon-2S6VR5 [ src = "/assets/8bfa6300dd6ce22829ffa093fb87da9f.svg" ] + * :: after {
content : "" ;
position : absolute ;
left : -56px ;
bottom : 10px ;
width : 40px ;
height : 40px ;
background : rgb ( var ( --vaccentcolor ) ) ;
2020-12-30 14:11:25 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_requirements_accent . svg ) center / cover no-repeat ;
2020-12-26 19:18:52 +01:00
}
2020-12-26 19:20:43 +01:00
. featureIcon-3p1TC_ [ fill = "#7289da" i ] { /* communitysettings intro featureicon */
fill : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-22 21:58:36 +01:00
. fakeButton-kGEmb3 { /* communitysettings rules example fake */
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-26 18:27:47 +01:00
. exampleWumpus-3QIhvG . wumpus-3Q6pSF , /* communitysettings rules wumpus */
. exampleWumpus-1zk2dq . wumpus-3JzuYd { /* communitysettings welcome wumpus */
2020-12-26 18:33:33 +01:00
object-position : -999999px -999999px ;
2020-12-30 13:59:01 +01:00
background : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_wumpus_bg . svg ) center / cover no-repeat ;
2020-12-26 18:27:47 +01:00
}
. exampleWumpus-3QIhvG :: after ,
. exampleWumpus-1zk2dq :: after {
content : "" ;
position : absolute ;
width : 82px ;
height : 72px ;
background : rgb ( var ( --vaccentcolor ) ) ;
2020-12-30 14:11:25 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_wumpus_accent . svg ) center / cover no-repeat ;
2020-12-26 18:27:47 +01:00
}
. exampleModal-2oh58d . guildInfo-3Co_-d , /* communitysettings rules wumpus icon */
. exampleModal-2X2Vf8 . guildIcon-1F8t_p + * { /* communitysettings rules wumpus icon */
position : relative ;
}
. exampleModal-2X2Vf8 . guildIcon-1F8t_p + * {
display : flex ;
justify-content : center ;
white-space : pre ;
}
2020-12-26 18:41:22 +01:00
. exampleModal-2oh58d . guildIcon-38Zs0M ,
. exampleModal-2X2Vf8 . guildIcon-1F8t_p {
object-position : -999999px -999999px ;
2020-12-26 18:27:47 +01:00
border-radius : 10px ;
2020-12-30 14:11:25 +01:00
background : white url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_wumpusicon_bg . svg ) center / cover no-repeat ;
2020-12-26 18:27:47 +01:00
}
. exampleModal-2oh58d . guildInfo-3Co_-d :: after {
top : 0 ;
width : 48px ;
height : 48px ;
}
. exampleModal-2X2Vf8 . guildIcon-1F8t_p + * :: after {
top : -80px ;
width : 64px ;
height : 64px ;
}
. exampleModal-2oh58d . guildInfo-3Co_-d :: after ,
. exampleModal-2X2Vf8 . guildIcon-1F8t_p + * :: after {
2020-12-26 18:41:22 +01:00
content : "" ;
position : absolute ;
2020-12-26 18:27:47 +01:00
border-radius : 10px ;
2020-12-26 18:41:22 +01:00
background : rgb ( var ( --vaccentcolor ) ) ;
2020-12-30 14:11:25 +01:00
-webkit-mask : url ( https : / / mwittrien . github . io / BetterDiscordAddons / Themes / _res / svgs / guildsettings_wumpusicon_accent . svg ) center / cover no-repeat ;
2020-12-26 18:27:47 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 10. MODALS ~~~~ */
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.1. USERMODAL ---- */
2020-02-24 14:40:01 +01:00
. topSectionPlaying-1J5E4n { /* modal topsection playing */
background : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-10-28 23:31:36 +01:00
. container-q03LZO . colored-1armap . profileBadgeBugHunterLevel1-dbEzVz {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / df26f079738a4dcd07cbce6eb3c957f1 . svg ) center / contain no-repeat ;
}
. container-q03LZO . colored-1armap . profileBadgeBugHunterLevel2-3TUciC {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / 16def052b03d75dac0ed9234c5d6a880 . svg ) center / contain no-repeat ;
}
. container-q03LZO . colored-1armap . profileGuildSubscriberlvl1-3oI9tx {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / 24e49184598820f274e62293349a2e43 . svg ) center / contain no-repeat ;
}
. container-q03LZO . colored-1armap . profileGuildSubscriberlvl2-r6nJHT {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / cc73fba5c2e9b70752bbd1db35a1b9c3 . svg ) center / contain no-repeat ;
}
. container-q03LZO . colored-1armap . profileGuildSubscriberlvl3-38s3Dj {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / a4c3939a9b03274246df9b144fcd86cf . svg ) center / contain no-repeat ;
}
. container-q03LZO . colored-1armap . profileGuildSubscriberlvl4-2NXrsI {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / d01bee8a9b41bd9dda26a43221b2e7e8 . svg ) center / contain no-repeat ;
}
. container-q03LZO . colored-1armap . profileGuildSubscriberlvl5-3XIa2K {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / a99def5f819c077e5e5061cab741b7e6 . svg ) center / contain no-repeat ;
}
. container-q03LZO . colored-1armap . profileGuildSubscriberlvl6-3e3sxW {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / 2cfb317f3db3963d8ded9a97ee967bac . svg ) center / contain no-repeat ;
}
. container-q03LZO . colored-1armap . profileGuildSubscriberlvl7-1dVhQT {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / 278736f579d810b11ddf308cb598b19e . svg ) center / contain no-repeat ;
}
. container-q03LZO . colored-1armap . profileGuildSubscriberlvl8-1kXdFr {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / 38e40f25802a0fdf480d9b855a37a2f3 . svg ) center / contain no-repeat ;
}
. container-q03LZO . colored-1armap . profileGuildSubscriberlvl9-1d6zav {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( https : / / discordapp . com / assets / cfbc2d8ceacfacf07850f986c8165195 . svg ) center / contain no-repeat ;
}
2020-02-24 14:40:01 +01:00
. guildAvatarWithoutIcon-1sTmE_ { /* modal shared servers no icon */
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-05-22 11:07:02 +02:00
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.2. GUILDADD/CREATION ---- */
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
. uploadIcon-2IFzZU [ fill = "#7289da" i ] { /* create guild upload icon */
fill : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.3. REGIONSELECTMODAL ---- */
2020-02-24 14:40:01 +01:00
. regionSelectFlag-3uwFtG , /* modal regionselect flag */
. regionSelectFlag-1htPow {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-10-19 18:37:37 +02:00
. vip-3pFIN8 :: after , /* modal regionselect vip */
. vip-1SuRbe :: after {
2020-02-24 14:40:01 +01:00
background : rgb ( var ( --vaccentcolor ) ) ;
}
. regionSelect-3lf4eE button { /* modal regionselect button */
color : rgb ( var ( --vaccentcolor ) ) ;
}
# app-mount . regionSelect-3lf4eE : hover . regionSelectInner-24f4Ce ,
# app-mount . regionSelect-3lf4eE : hover button {
border-color : rgb ( var ( --vaccentcolor ) ) ;
}
# app-mount . regionSelect-3lf4eE : hover button {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
. regionSelectModal-12e-57 . regionSelectModalHeader-21khC1 { /* modal regionselect header */
color : rgb ( var ( --vaccentcolor ) ) ;
}
/* modal regionselect option */
. regionSelectModal-12e-57 . regionSelectModalOption-2DSIZ3 : hover {
border-color : rgb ( var ( --vaccentcolor ) ) ;
}
. check-2by_h9 {
-webkit-mask : url ( https : / / discordapp . com / assets / 6acb20d5e709b34b6a7f36ec13648666 . svg ) ;
background : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-16 17:15:47 +01:00
/* ---- 10.4. UPLOADMODAL ---- */
2020-02-24 14:40:01 +01:00
/* modal background */
. uploadModalIn-1z07Bv . uploadDropModal-2kTwbc . bgScale-1otPtc {
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr ,
. audioMetadata-3zOuGv :: before ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr : not ( . image-2yrs5j ) ,
. uploadModalIn-1z07Bv . icon-kyxXVr : not ( . image-2yrs5j ) {
object-position : -999999px -999999px ;
background : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><g fill="white" fill-rule="evenodd"><path d="m 85,32.982 v 74.028 c 0,3.308 -2.68,5.99 -5.998,5.99 H 20.998 C 17.686,113 15,110.312 15,107.007 V 18.993 C 15,15.683 17.695,13 21,13 h 43.994 z"/></g></svg>' ) center / contain no-repeat ! important ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr + * :: before ,
. attachment-33OFj0 . icon-1kp3fr + * :: after ,
. audioMetadata-3zOuGv > * : first-child :: before ,
. audioMetadata-3zOuGv > * : first-child :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr : not ( . image-2yrs5j ) :: before ,
. uploadModal-2ifh8j . icon-kyxXVr : not ( . image-2yrs5j ) :: after ,
. uploadModalIn-1z07Bv . icon-kyxXVr : not ( . image-2yrs5j ) :: before ,
. uploadModalIn-1z07Bv . icon-kyxXVr : not ( . image-2yrs5j ) :: after {
content : "" ;
2020-12-28 20:08:28 +01:00
position : absolute ;
2020-12-29 17:55:30 +01:00
background : rgb ( var ( --vaccentcolor ) ) ;
}
. attachment-33OFj0 . icon-1kp3fr {
background-size : 120 % ! important ;
}
. audioMetadata-3zOuGv :: before {
background-position : center -4px ! important ;
background-size : 140 % ! important ;
}
. attachment-33OFj0 . icon-1kp3fr + * :: before ,
. attachment-33OFj0 . icon-1kp3fr + * :: after {
top : 9px ;
left : 8px ;
width : 36px ;
height : 48px ;
}
. audioMetadata-3zOuGv > * : first-child :: before ,
. audioMetadata-3zOuGv > * : first-child :: after {
top : 0 ;
left : 5px ;
width : 34px ;
height : 56px ;
2020-12-27 13:27:31 +01:00
}
2020-12-29 17:57:40 +01:00
. uploadModal-2ifh8j . icon-kyxXVr : not ( . image-2yrs5j ) :: before ,
. uploadModal-2ifh8j . icon-kyxXVr : not ( . image-2yrs5j ) :: after ,
. uploadModalIn-1z07Bv . icon-kyxXVr : not ( . image-2yrs5j ) :: before ,
. uploadModalIn-1z07Bv . icon-kyxXVr : not ( . image-2yrs5j ) :: after {
width : 100px ;
height : 130px ;
}
2020-12-27 13:27:31 +01:00
. uploadModalIn-1z07Bv . error-kKl9o2 . icon-kyxXVr : not ( . image-2yrs5j ) :: before ,
. uploadModalIn-1z07Bv . error-kKl9o2 . icon-kyxXVr : not ( . image-2yrs5j ) :: after {
2020-12-29 17:55:30 +01:00
background : rgb ( 240 , 71 , 71 ) ;
2020-12-27 13:27:31 +01:00
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr + * :: before ,
. audioMetadata-3zOuGv > * : first-child :: before ,
2020-12-28 20:08:28 +01:00
. uploadModal-2ifh8j . icon-kyxXVr : not ( . image-2yrs5j ) :: before ,
2020-12-27 13:27:31 +01:00
. uploadModalIn-1z07Bv . icon-kyxXVr : not ( . image-2yrs5j ) :: before {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><g fill="none" fill-rule="evenodd" stroke-width="2" stroke="black"><path d="m 85,32.982 v 74.028 c 0,3.308 -2.68,5.99 -5.998,5.99 H 20.998 C 17.686,113 15,110.312 15,107.007 V 18.993 C 15,15.683 17.695,13 21,13 h 43.994 z"/><path d="M 85,33.982 H 66.994 c -1.656,0 -3,-1.343 -3,-3 V 13"/><path opacity="0.5" d="m 61.101149,16.030002 h -38.015 c -2.76,0 -4.997,2.23 -4.997,5.002 v 6.998"/><path opacity="0.5" d="m 67.297058,20.88934 v 7.502 c 0,1.38 1.11,2.498 2.5,2.498 h 2.5"/></g></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr + * :: after ,
2020-12-28 19:41:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . unknown-3TPTMr :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr : not ( . image-2yrs5j ) :: after ,
. uploadModalIn-1z07Bv . icon-kyxXVr : not ( . image-2yrs5j ) :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "acrobat" ] + * :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . acrobat-3K1PC6 :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="m 23,31 h 34 v 3 H 23 Z M 76.876633,96.997 H 73.51137 l -0.0076,-0.003 0.01178,0.006 -45.431054,-0.0052 -0.0042,0.0022 h -5.047875 c 0,-7.273341 -1.081932,-23.997 9.254474,-23.997 10.336406,0 6.003629,6.56243 16.826316,12.748406 0.137135,0.07799 0.278476,0.153731 0.416451,0.231721 l 0.443374,-0.23622 0.717642,0.385452 C 60.78142,80.914511 56.722071,73 67.622159,73 c 11.159213,0 9.254474,23.997 9.254474,23.997 z M 46.172812,87.770154 c -8.366886,-4.587177 -6.8542,-11.770529 -13.885917,-11.770529 -7.148661,0 -5.889211,17.99775 -5.889211,17.99775 h 6.786895 l 0.0093,-0.0052 h 1.076043 c 3.267671,-1.579303 7.517157,-3.622797 12.019879,-5.76003 l -0.487122,-0.264717 0.370179,-0.197225 z M 67.622159,75.999625 c -6.664063,0 -6.997224,7.865017 -13.885076,11.766029 l 0.448421,0.24147 -0.451787,0.236971 c 4.367271,2.246719 8.790909,4.23697 12.355565,5.75328 h -7.721597 c 0,0 -2.073844,-1.008624 -7.937815,-4.020247 l -0.474502,0.248969 -0.455152,-0.247469 c -4.988161,2.567679 -7.92856,4.003749 -7.9538,4.016498 l 24.558009,0.009 c -0.005,-0.0023 -0.0101,-0.0045 -0.01514,-0.0067 h 7.422088 c 0,0 0.908621,-17.99775 -5.889211,-17.99775 z M 23,66 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 34 v 3 H 23 Z"/></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "ae" ] + * :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . ae-1Y5Jq3 :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="m 45.48,76.9 -0.45,-1.8 c -0.26,-0.98 -0.52,-2.02 -0.78,-3.12 -0.26,-1.1 -0.52,-2.16 -0.78,-3.18 h -0.12 c -0.24,1.04 -0.49,2.105 -0.75,3.195 -0.26,1.09 -0.52,2.125 -0.78,3.105 l -0.45,1.8 z m 0.9,3.45 H 40.47 L 39.27,85 h -4.5 l 6.09,-19.56 h 5.28 L 52.23,85 h -4.68 z m 5.77,-2.79 c 0,-1.22 0.215,-2.31 0.645,-3.27 0.43,-0.96 1.005,-1.775 1.725,-2.445 0.72,-0.67 1.545,-1.185 2.475,-1.545 0.93,-0.36 1.895,-0.54 2.895,-0.54 1.14,0 2.15,0.18 3.03,0.54 0.88,0.36 1.61,0.86 2.19,1.5 0.58,0.64 1.02,1.395 1.32,2.265 0.3,0.87 0.45,1.815 0.45,2.835 0,0.4 -0.02,0.78 -0.06,1.14 -0.04,0.36 -0.08,0.63 -0.12,0.81 H 56.68 c 0.16,1.12 0.645,1.925 1.455,2.415 C 58.945,81.755 59.9,82 61,82 c 0.68,0 1.325,-0.085 1.935,-0.255 0.61,-0.17 1.245,-0.425 1.905,-0.765 l 1.44,2.64 c -0.84,0.54 -1.78,0.965 -2.82,1.275 -1.04,0.31 -2.06,0.465 -3.06,0.465 -1.16,0 -2.24,-0.175 -3.24,-0.525 -1,-0.35 -1.87,-0.86 -2.61,-1.53 C 53.81,82.635 53.225,81.82 52.795,80.86 52.365,79.9 52.15,78.8 52.15,77.56 Z m 10.74,-1.62 c 0,-0.84 -0.23,-1.52 -0.69,-2.04 -0.46,-0.52 -1.2,-0.78 -2.22,-0.78 -0.8,0 -1.51,0.23 -2.13,0.69 -0.62,0.46 -1.03,1.17 -1.23,2.13 z"/></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "ai" ] + * :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . ai-11KAaB :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="M45.48 76.9l-.45-1.8c-.26-.98-.52-2.02-.78-3.12s-.52-2.16-.78-3.18h-.12c-.24 1.04-.49 2.105-.75 3.195-.26 1.09-.52 2.125-.78 3.105l-.45 1.8h4.11zm.9 3.45h-5.91L39.27 85h-4.5l6.09-19.56h5.28L52.23 85h-4.68l-1.17-4.65zm6.49-10.23h10.38V85h-4.41V73.57h-5.97v-3.45zm7.98-2.19c-.86 0-1.565-.24-2.115-.72-.55-.48-.825-1.13-.825-1.95 0-.82.275-1.485.825-1.995.55-.51 1.255-.765 2.115-.765.86 0 1.565.255 2.115.765.55.51.825 1.175.825 1.995 0 .82-.275 1.47-.825 1.95-.55.48-1.255.72-2.115.72z"/></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "archive" ] + * :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . archive-2hqXug :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" fill-rule="evenodd" d="m 43,50 h 14 v 62 H 43 Z m 11,55 h -4 v -4 h 4 z m -8,4 v -4 h 4 v 4 z m 0,-8 v -4 h 4 v 4 z m 0,-12 h 4 v 4 h -4 z m 0,-8 h 4 v 4 h -4 z m 0,-8 h 4 v 4 h -4 z m 0,-8 h 4 v 4 h -4 z m 0,-8 h 4 v 4 h -4 z m 8,-4 v 4 h -4 v -4 z m 0,8 v 4 h -4 v -4 z m 0,8 v 4 h -4 v -4 z m 0,8 v 4 h -4 v -4 z m 0,8 v 4 h -4 v -4 z m 0,8 v 4 h -4 v -4 z"/></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "audio" ] + * :: after ,
. audioMetadata-3zOuGv > * : first-child :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . audio-14DQXq :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="M 49.2,45.6 V 64 c -0.8,-0.3 -1.7,-0.4 -2.5,-0.4 -4.2,0 -7.5,3.3 -7.5,7.5 0,4.2 3.3,7.5 7.5,7.5 4.2,0 7.5,-3.3 7.5,-7.5 V 53.6 h 6.7 v -5 z"/></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "code" ] + * :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . code-aoB-kL :: after ,
. uploadModalIn-1z07Bv . icon-kyxXVr . two-3BBQI9 :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="M41 85.48c0-.54.015-1.04.045-1.5l.09-1.35.09-1.335c.03-.45.045-.925.045-1.425 0-.28-.06-.56-.18-.84-.12-.28-.34-.525-.66-.735-.32-.21-.76-.385-1.32-.525s-1.27-.21-2.13-.21v-1.8c.86 0 1.57-.07 2.13-.21.56-.14 1-.315 1.32-.525.32-.21.54-.455.66-.735.12-.28.18-.56.18-.84 0-.96-.045-1.875-.135-2.745-.09-.87-.135-1.825-.135-2.865 0-.78.11-1.435.33-1.965.22-.53.56-.95 1.02-1.26.46-.31 1.04-.53 1.74-.66s1.52-.195 2.46-.195h1.95v1.68h-1.47c-.72 0-1.31.045-1.77.135-.46.09-.82.235-1.08.435-.26.2-.44.46-.54.78-.1.32-.15.72-.15 1.2 0 .84.03 1.7.09 2.58.06.88.09 1.78.09 2.7 0 1.02-.205 1.785-.615 2.295-.41.51-1.145.855-2.205 1.035v.12c1.06.18 1.795.525 2.205 1.035.41.51.615 1.275.615 2.295 0 1-.03 1.905-.09 2.715-.06.81-.09 1.665-.09 2.565 0 .48.05.88.15 1.2.1.32.28.58.54.78.26.2.62.345 1.08.435.46.09 1.05.135 1.77.135h1.47v1.68h-1.95c-.94 0-1.76-.065-2.46-.195s-1.28-.35-1.74-.66c-.46-.31-.8-.73-1.02-1.26-.22-.53-.33-1.185-.33-1.965zm12.97 2.4c.72 0 1.315-.045 1.785-.135.47-.09.835-.235 1.095-.435s.44-.46.54-.78c.1-.32.15-.72.15-1.2 0-.9-.03-1.755-.09-2.565s-.09-1.715-.09-2.715c0-1.02.2-1.785.6-2.295.4-.51 1.13-.855 2.19-1.035v-.12c-1.06-.18-1.79-.525-2.19-1.035-.4-.51-.6-1.275-.6-2.295 0-.92.03-1.82.09-2.7.06-.88.09-1.74.09-2.58 0-.48-.05-.88-.15-1.2-.1-.32-.28-.58-.54-.78-.26-.2-.625-.345-1.095-.435-.47-.09-1.065-.135-1.785-.135H52.5v-1.68h1.95c.96 0 1.785.065 2.475.195.69.13 1.265.35 1.725.66.46.31.8.73 1.02 1.26.22.53.33 1.185.33 1.965 0 1.04-.045 1.995-.135 2.865-.09.87-.135 1.785-.135 2.745 0 .28.06.56.18.84.12.28.34.525.66.735.32.21.755.385 1.305.525.55.14 1.265.21 2.145.21v1.8c-.88 0-1.595.07-2.145.21-.55.14-.985.315-1.305.525-.32.21-.54.455-.66.735-.12.28-.18.56-.18.84 0 .5.015.975.045 1.425l.09 1.335.09 1.35c.03.46.045.96.045 1.5 0 .78-.11 1.435-.33 1.965-.22.53-.56.95-1.02 1.26-.46.31-1.035.53-1.725.66-.69.13-1.515.195-2.475.195H52.5v-1.68h1.47z"/></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "document" ] + * :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . document-2cvI0u :: after ,
. uploadModalIn-1z07Bv . icon-kyxXVr . three-27ScFD :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="m 23,87 h 54 v 3 H 23 Z m 0,7 h 54 v 3 H 23 Z m 0,-14 h 54 v 3 H 23 Z m 0,-49 h 34 v 3 H 23 Z m 0,42 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 54 v 3 H 23 Z m 0,-7 h 34 v 3 H 23 Z"/></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "photoshop" ] + * :: after ,
. attachment-33OFj0 . icon-1kp3fr [ title = "ps" ] + * :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . photoshop-1UWfyZ :: after ,
. uploadModal-2ifh8j . icon-kyxXVr . ps-2T6Jrl :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="M36.72 65.44h7.14c1.06 0 2.055.105 2.985.315.93.21 1.74.56 2.43 1.05.69.49 1.235 1.14 1.635 1.95.4.81.6 1.805.6 2.985 0 1.14-.205 2.13-.615 2.97-.41.84-.965 1.53-1.665 2.07-.7.54-1.51.94-2.43 1.2-.92.26-1.9.39-2.94.39h-2.73V85h-4.41V65.44zm6.87 9.42c2.38 0 3.57-1.04 3.57-3.12 0-1.02-.3-1.74-.9-2.16-.6-.42-1.49-.63-2.67-.63h-2.46v5.91h2.46zm10.48 5.46c.86.54 1.725.97 2.595 1.29.87.32 1.805.48 2.805.48 1.02 0 1.75-.11 2.19-.33.44-.22.66-.53.66-.93 0-.46-.365-.835-1.095-1.125-.73-.29-1.695-.605-2.895-.945-.66-.18-1.305-.395-1.935-.645-.63-.25-1.195-.55-1.695-.9s-.905-.755-1.215-1.215c-.31-.46-.465-.99-.465-1.59 0-.68.16-1.31.48-1.89.32-.58.775-1.07 1.365-1.47.59-.4 1.31-.715 2.16-.945.85-.23 1.805-.345 2.865-.345 1.32 0 2.525.215 3.615.645 1.09.43 2.025.895 2.805 1.395l-1.98 2.64c-.68-.4-1.38-.735-2.1-1.005-.72-.27-1.47-.405-2.25-.405-.94 0-1.605.1-1.995.3-.39.2-.585.49-.585.87 0 .22.1.42.3.6.2.18.47.34.81.48.34.14.745.275 1.215.405.47.13.965.265 1.485.405.74.2 1.44.425 2.1.675.66.25 1.24.545 1.74.885.5.34.9.75 1.2 1.23.3.48.45 1.04.45 1.68 0 .68-.16 1.31-.48 1.89-.32.58-.785 1.085-1.395 1.515-.61.43-1.37.77-2.28 1.02-.91.25-1.965.375-3.165.375-1.34 0-2.65-.22-3.93-.66-1.28-.44-2.4-.98-3.36-1.62l1.98-2.76z"/></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "sketch" ] + * :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . sketch-ZMuo7D :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.3" fill="black" stroke="black" stroke-width="2" d="m 67.00044,67.843799 -16.5,22.155963 -16.5,-22.155963 8,-7.844037 h 17 z"/><path opacity="0.5" fill="none" stroke="black" stroke-width="2" d="m 67.00044,67.843799 -16.5,22.155963 -16.5,-22.155963 8,-7.844037 h 17 z"/><rect opacity="0.5" fill="black" x="44.000439" y="67.999763" width="14" height="2"/></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "spreadsheet" ] + * :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . spreadsheet-1QuSej :: after ,
. uploadModalIn-1z07Bv . icon-kyxXVr . one-2crnLX :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><g opacity="0.6" fill="black"><rect x="22" y="33" width="15" height="6"/><rect x="22" y="45" width="15" height="6"/><rect x="22" y="57" width="15" height="6"/><rect x="22" y="69" width="15" height="6"/><rect x="22" y="81" width="15" height="6"/><rect x="22" y="93" width="15" height="6"/><rect x="42" y="33" width="15" height="6"/><rect x="42" y="45" width="15" height="6"/><rect x="42" y="57" width="15" height="6"/><rect x="42" y="69" width="15" height="6"/><rect x="42" y="81" width="15" height="6"/><rect x="42" y="93" width="15" height="6"/><rect x="62" y="45" width="15" height="6"/><rect x="62" y="57" width="15" height="6"/><rect x="62" y="69" width="15" height="6"/><rect x="62" y="81" width="15" height="6"/><rect x="62" y="93" width="15" height="6"/></g></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "video" ] + * :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . video-27RLEH :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><g opacity="0.6"><path fill="black" d="m 39.5,50 23,11.5 -23,11.5 z"/><path fill="none" stroke="black" stroke-width="2" d="M 30,17 V 112 M 30,32 H 14 M 30,48 H 14 M 30,64 H 14 M 30,80 H 14 M 30,96 H 14 M 68,35 V 112 M 68,48 H 84 M 68,64 H 84 M 68,80 H 84 M 68,96 H 84 z"/></g></svg>' ) center / contain no-repeat ;
}
2020-12-29 17:55:30 +01:00
. attachment-33OFj0 . icon-1kp3fr [ title = "webcode" ] + * :: after ,
2020-12-27 13:27:31 +01:00
. uploadModal-2ifh8j . icon-kyxXVr . webcode-22GGLX :: after {
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100" height="130" viewBox="0 0 100 130"><path opacity="0.6" fill="black" d="M39.37 89.8h-2.58l9.84-26.1h2.58l-9.84 26.1zm25.06-13.68l-11.31 7.56v-2.79l8.76-5.79v-.12l-8.76-5.79V66.4l11.31 7.56v2.16z"/></svg>' ) center / contain no-repeat ;
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.5. KEYBOARDSHORTCUTSMODAL ---- */
2020-02-24 14:40:01 +01:00
. ddrArrows-lSnH7P . arrow-2enltQ , /* modal arrows */
2020-10-19 18:37:37 +02:00
. ddrArrows-lSnH7P . arrow-2enltQ :: after {
2020-02-24 14:40:01 +01:00
height : 50px ;
width : 50px ;
}
. ddrArrows-lSnH7P . arrow-2enltQ . active-2X6Ewx {
filter : brightness ( 130 % ) ;
}
. ddrArrows-lSnH7P . arrow-2enltQ {
position : relative ;
animation : none ! important ;
2020-12-26 20:24:37 +01:00
background : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><g transform="translate(0,-100)"><path fill="white" d="m 3.2238,122.4419 -1.224,1.224 v 2.641 l 1.224,1.224 4.438,4.438 17.031,17.031 h 4.978 l 3.478,-3.589 0.012,-4.69 -8.532,-8.531 h 17.601 l 3.932,-3.933 2.366,-2.365 v -1.797 l -6.298,-6.299 h -17.587 l 8.518,-8.517 -0.012,-4.689 -3.478,-3.59 h -4.978 z"/></g></svg>' ) center / contain no-repeat ! important ;
2019-02-12 23:53:00 +01:00
}
2020-10-19 18:37:37 +02:00
. ddrArrows-lSnH7P . arrow-2enltQ :: after {
2020-12-26 20:24:37 +01:00
content : "" ;
position : absolute ;
top : 0 ;
left : 0 ;
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="50" height="50"><g transform="translate(0,-100)"><path opacity="0.5" fill="black" d="M 24.693359 1 L 3.2246094 22.441406 L 2 23.666016 L 2 26.306641 L 3.2246094 27.53125 L 7.6621094 31.96875 L 24.693359 49 L 29.669922 49 L 33.148438 45.410156 L 33.160156 40.720703 L 24.628906 32.189453 L 42.230469 32.189453 L 46.162109 28.257812 L 48.527344 25.892578 L 48.527344 24.095703 L 42.230469 17.796875 L 24.642578 17.796875 L 33.160156 9.2792969 L 33.148438 4.5898438 L 29.669922 1 L 24.693359 1 z M 24.572266 6.1816406 L 28.171875 6.1816406 L 28.171875 9.1523438 L 19.535156 17.787109 L 19.535156 20.095703 L 15.363281 24.265625 L 15.363281 25.707031 L 19.535156 29.876953 L 19.535156 32.185547 L 28.171875 40.822266 L 28.171875 43.791016 L 24.572266 43.791016 L 10.207031 29.423828 L 5.7675781 24.986328 L 10.207031 20.548828 L 24.572266 6.1816406 z M 20.041016 21.394531 L 30.296875 21.394531 L 27.417969 24.273438 L 27.417969 25.712891 L 30.296875 28.591797 L 20.041016 28.591797 L 17.162109 25.712891 L 17.162109 24.273438 L 20.041016 21.394531 z M 32.15625 21.394531 L 40.019531 21.394531 L 42.898438 24.273438 L 42.898438 25.712891 L 40.019531 28.591797 L 32.15625 28.591797 L 31.708984 28.144531 L 29.277344 25.712891 L 29.277344 24.273438 L 31.708984 21.841797 L 32.15625 21.394531 z" transform="translate(0,100)"/><path fill="none" stroke="black" stroke-width="2" d="m 3.2238,122.4419 -1.224,1.224 v 2.641 l 1.224,1.224 4.438,4.438 17.031,17.031 h 4.978 l 3.478,-3.589 0.012,-4.69 -8.532,-8.531 h 17.601 l 3.932,-3.933 2.366,-2.365 v -1.797 l -6.298,-6.299 h -17.587 l 8.518,-8.517 -0.012,-4.689 -3.478,-3.59 h -4.978 z"/></g></svg>' ) center / contain no-repeat ;
2019-02-12 23:53:00 +01:00
}
2020-02-24 14:40:01 +01:00
. ddrArrows-lSnH7P . arrow-2enltQ . down-2Ju7Q_ {
transform : rotate ( 270deg ) ;
2019-02-12 23:53:00 +01:00
}
2020-02-24 14:40:01 +01:00
. ddrArrows-lSnH7P . arrow-2enltQ . up-fkTose {
transform : rotate ( 90deg ) ;
2019-02-12 23:53:00 +01:00
}
2020-02-24 14:40:01 +01:00
. ddrArrows-lSnH7P . arrow-2enltQ . right-1AEPK3 {
transform : rotate ( 180deg ) ;
2019-02-12 23:57:09 +01:00
}
2019-02-13 00:32:42 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.6. LOGINSCREEN ---- */
2020-02-24 14:40:01 +01:00
. authBox-hW6HRx a { /* authobox links */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-19 00:02:54 +01:00
}
2020-12-28 19:41:31 +01:00
. authBox-hW6HRx img [ src = "/assets/0f4d1ff76624bb45a3fee4189279ee92.svg" ] {
object-position : -999999px -999999px ;
background : url ( ' data : image / svg + xml ; utf8 , < svg xmlns = "http://www.w3.org/2000/svg" height = "84" viewBox = "0 0 124 84" width = "124" > < path fill = "white" fill-rule = "evenodd" d = " M 82 . 867188 2 . 9960938 C 81 . 022655 3 . 001906 79 . 177078 3 . 1981406 77 . 361328 3 . 5878906 C 73 . 048328 4 . 5138906 68 . 909953 6 . 5254375 65 . 376953 9 . 6484375 C 54 . 394953 19 . 355438 53 . 357453 36 . 187969 63 . 064453 47 . 167969 C 72 . 771453 58 . 149969 89 . 602931 59 . 186469 100 . 58594 49 . 480469 C 110 . 06994 41 . 094469 112 . 12877 27 . 397188 106 . 25977 16 . 742188 C 106 . 01977 16 . 824188 105 . 78416 16 . 911844 105 . 53516 16 . 964844 C 105 . 37216 16 . 999844 105 . 20897 17 . 027781 105 . 04297 17 . 050781 C 104 . 49497 17 . 124781 103 . 99097 16 . 740359 103 . 91797 16 . 193359 C 103 . 84497 15 . 647359 104 . 23144 15 . 144312 104 . 77344 15 . 070312 C 105 . 91544 14 . 913312 106 . 928 14 . 329016 107 . 625 13 . 416016 C 109 . 064 11 . 529016 108 . 6985 8 . 8218125 106 . 8125 7 . 3828125 C 104 . 9265 5 . 9438125 102 . 2203 6 . 3073594 100 . 7793 8 . 1933594 C 99 . 851291 9 . 4083594 99 . 638033 10 . 985203 100 . 20703 12 . 408203 C 100 . 41203 12 . 921203 100 . 16144 13 . 502031 99 . 648438 13 . 707031 C 99 . 141436 13 . 914031 98 . 555609 13 . 662391 98 . 349609 13 . 150391 C 97 . 683609 11 . 484391 97 . 782641 9 . 6172031 98 . 556641 8 . 0332031 C 93 . 919391 4 . 6784531 88 . 400779 2 . 9786561 82 . 867188 2 . 9960938 z M 82 . 244141 10 . 1875 C 82 . 882822 10 . 164531 83 . 5255 10 . 172891 84 . 171875 10 . 212891 C 89 . 340875 10 . 530891 94 . 075859 12 . 842656 97 . 505859 16 . 722656 C 100 . 93486 20 . 603656 102 . 65003 25 . 586859 102 . 33203 30 . 755859 C 102 . 01403 35 . 924859 99 . 700312 40 . 658891 95 . 820312 44 . 087891 C 93 . 290312 46 . 324891 90 . 292125 47 . 831484 87 . 078125 48 . 521484 C 85 . 363125 48 . 889484 83 . 588062 49 . 026064 81 . 789062 48 . 914062 C 76 . 620064 48 . 596063 71 . 885078 46 . 284297 68 . 455078 42 . 404297 C 65 . 025078 38 . 525297 63 . 311859 33 . 542047 63 . 630859 28 . 373047 C 63 . 948859 23 . 204047 66 . 260625 18 . 469062 70 . 140625 15 . 039062 C 73 . 533875 12 . 037814 77 . 773369 10 . 348281 82 . 244141 10 . 1875 z M 83 . 365234 21 . 558594 C 82 . 669984 21 . 524891 81 . 972109 21 . 581516 81 . 287109 21 . 728516 C 79 . 985109 22 . 007516 78 . 736875 22 . 614641 77 . 671875 23 . 556641 C 74 . 359875 26 . 484641 74 . 047609 31 . 561047 76 . 974609 34 . 873047 C 79 . 902609 38 . 185047 84 . 978016 38 . 497312 88 . 291016 35 . 570312 C 91 . 604016 32 . 642314 91 . 914328 27 . 566859 88 . 986328 24 . 255859 C 87 . 496828 22 . 570609 85 . 450984 21 . 659703 83 . 365234 21 . 558594 z M 1 37 . 589844 C 0 . 744125 37 . 589844 0 . 48846875 37 . 687812 0 . 29296875 37 . 882812 C -0 . 09703125 38 . 272813 -0 . 09703125 38 . 906875 0 . 29296875 39 . 296875 L 1 . 4765625 40 . 480469 C 1 . 6715625 40 . 675469 1 . 9275938 40 . 773438 2 . 1835938 40 . 773438 C 2 . 4395938 40 . 773438 2 . 695625 40 . 675469 2 . 890625 40 . 480469 C 3 . 281625 40 . 089469 3 . 281625 39 . 457406 2 . 890625 39 . 066406 L 1 . 7070312 37 . 882812 C 1 . 5120313 37 . 687812 1 . 255875 37 . 589844 1 37 . 589844 z M 8 . 0976562 37 . 589844 C 7 . 8416563 37 . 589844 7 . 5870781 37 . 687812 7 . 3925781 37 . 882812 L 6 . 2089844 39 . 066406 C 5 . 8179844 39 . 457406 5 . 8179844 40 . 089469 6 . 2089844 40 . 480469 C 6 . 4039844 40 . 675469 6 . 6600156 40 . 773438 6 . 9160156 40 . 773438 C 7 . 1720156 40 . 773438 7 . 4280469 40 . 675469 7 . 6230469 40 . 480469 L 8 . 8066406 39 . 296875 C 9 . 1966406 38 . 906875 9 . 1966406 38 . 272813 8 . 8066406 37 . 882812 C 8 . 6111406 37 . 687812 8 . 3536563 37 . 589844 8 . 0976562 37 . 589844 z M 56 . 589844 40 . 556641 C 54 . 988844 43 . 275641 55 . 229688 46 . 832313 57 . 429688 49 . 320312 C 57 . 794688 49 . 734313 57 . 753844 50 . 365469 57 . 339844 50 . 730469 C 56 . 926844 51 . 098469 56 . 420685 50 . 744078 56 . 054688 50 . 330078 C 55 . 680687 49 . 907078 55 . 236172 49 . 771641 54 . 951172 49 . 306641 L 46 . 841797 56 . 474609 C 46 . 429797 56 . 838609 45 . 901564 57 . 017328 45 . 351562 56 . 986328 C 44 . 801564 56 . 952328 44 . 297594 56 . 704969 43 . 933594 56 . 292969 L 39 . 015625 50 . 730469 C 37 . 831625 49 . 392469 35 . 7785 49 . 264266 34 . 4375 50 . 447266 C 33 . 0975 51 . 633266 32 . 97125 53 . 687344 34 . 15625 55 . 027344 L 37 . 667969 59 C 38 . 408969 59 . 837 38 . 777984 60 . 912344 38 . 708984 62 . 027344 C 38 . 640984 63 . 142344 38 . 141686 64 . 164297 37 . 304688 64 . 904297 C 36 . 468688 65 . 642297 35 . 393344 66 . 014314 34 . 277344 65 . 945312 C 33 . 161344 65 . 875315 32 . 141344 65 . 377065 31 . 402344 64 . 539062 L 23 . 671875 55 . 796875 C 23 . 098875 55 . 147875 22 . 306359 54 . 761984 21 . 443359 54 . 708984 C 21 . 142359 54 . 689984 20 . 844594 54 . 712437 20 . 558594 54 . 773438
}
. authBox-hW6HRx img [ src = "/assets/0f4d1ff76624bb45a3fee4189279ee92.svg" ] + * {
position : relative ;
display : flex ;
justify-content : center ;
}
. authBox-hW6HRx img [ src = "/assets/0f4d1ff76624bb45a3fee4189279ee92.svg" ] + * :: before {
content : "" ;
position : absolute ;
top : -107px ;
width : 124px ;
height : 84px ;
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask : url ( ' data : image / svg + xml ; utf8 , < svg xmlns = "http://www.w3.org/2000/svg" height = "84" viewBox = "0 0 124 84" width = "124" > < path opacity = "0.4" fill = "black" fill-rule = "evenodd" d = " M 36 . 611328 49 . 648438 C 36 . 520837 49 . 647663 36 . 430218 49 . 651461 36 . 339844 49 . 658203 C 36 . 205565 49 . 668278 36 . 07207 49 . 688084 35 . 939453 49 . 714844 C 35 . 853749 49 . 732129 35 . 768026 49 . 749149 35 . 683594 49 . 773438 C 35 . 547162 49 . 812755 35 . 414765 49 . 866121 35 . 283203 49 . 923828 C 35 . 206412 49 . 957505 35 . 129304 49 . 98737 35 . 054688 50 . 027344 C 34 . 914043 50 . 102727 34 . 78136 50 . 197041 34 . 650391 50 . 294922 C 34 . 59298 50 . 337841 34 . 531761 50 . 372657 34 . 476562 50 . 419922 C 34 . 315554 50 . 5578 34 . 165963 50 . 7175 34 . 027344 50 . 892578 C 34 . 017039 50 . 905861 34 . 00226 50 . 916276 33 . 992188 50 . 929688 C 33 . 862814 51 . 101945 33 . 751023 51 . 284516 33 . 660156 51 . 474609 C 33 . 573763 51 . 655345 33 . 508283 51 . 84374 33 . 457031 52 . 035156 C 33 . 441557 52 . 095664 33 . 433707 52 . 15755 33 . 421875 52 . 21875 C 33 . 398337 52 . 332479 33 . 380438 52 . 447117 33 . 369141 52 . 5625 C 33 . 356357 52 . 71745 33 . 352076 52 . 87378 33 . 361328 53 . 029297 C 33 . 361839 53 . 040406 33 . 362657 53 . 051395 33 . 363281 53 . 0625 C 33 . 40129 53 . 609124 33 . 57224 54 . 14989 33 . 869141 54 . 628906 C 33 . 881367 54 . 648631 33 . 897509 54 . 666036 33 . 910156 54 . 685547 C 34 . 002211 54 . 827566 34 . 1008 54 . 964797 34 . 214844 55 . 09375 L 37 . 554688 58 . 871094 L 37 . 558594 58 . 876953 L 37 . 667969 59 C 37 . 75884 59 . 102643 37 . 82669 59 . 218688 37 . 90625 59 . 328125 C 37 . 942267 59 . 379376 37 . 981608 59 . 42796 38 . 015625 59 . 480469 C 38 . 127579 59 . 649849 38 . 223306 59 . 825836 38 . 308594 60 . 007812 C 38 . 33183 60 . 056315 38 . 353561 60 . 105042 38 . 375 60 . 154297 C 38 . 440895 60 . 310457 38 . 498753 60 . 46784 38 . 544922 60 . 630859 C 38 . 579292 60 . 745757 38 . 603092 60 . 862731 38 . 626953 60 . 980469 C 38 . 648945 61 . 095514 38 . 671338 61 . 208981 38 . 683594 61 . 326172 C 38 . 689148 61 . 377542 38 . 705573 61 . 426759 38 . 708984 61 . 478516 C 38 . 720651 61 . 658264 38 . 719116 61 . 835801 38 . 708984 62 . 011719 C 38 . 708678 62 . 016982 38 . 70931 62 . 022079 38 . 708984 62 . 027344 C 38 . 708172 62 . 04066 38 . 70406 62 . 053117 38 . 703125 62 . 066406 C 38 . 68564 62 . 314254 38 . 64505 62 . 556635 38 . 585938 62 . 792969 C 38 . 579961 62 . 816896 38 . 576704 62 . 841449 38 . 570312 62 . 865234 C 38 . 507373 63 . 099213 38 . 420376 63 . 323 38 . 318359 63 . 541016 C 38 . 299641 63 . 581087 38 . 281716 63 . 620708 38 . 261719 63 . 660156 C 38 . 154185 63 . 872032 38 . 03003 64 . 07402 37 . 886719 64 . 265625 C 37 . 866406 64 . 292809 37 . 845229 64 . 318974 37 . 824219 64 . 345703 C 37 . 668165 64 . 544117 37 . 497918 64 . 733484 37 . 304688 64 . 904297 C 37 . 1163 65 . 07091 36 . 911698 65 . 21338 36 . 701172 65 . 341797 C 36 . 665093 65 . 363774 36 . 630397 65 . 387374 36 . 59375 65 . 408203 C 36 . 390786 65 . 523728 36 . 179143 65 . 619858 35 . 960938 65 . 699219 C 35 . 913605 65 . 716435 35 . 866295 65 . 732571 35 . 818359 65 . 748047 C 35 . 594041 65 . 820465 35 . 365971 65 . 876837 35 . 130859 65 . 910156 C 35 . 102407 65 . 914209 35 . 073498 65 . 914501 35 . 044922 65 . 917969 C 34 . 809406 65 . 946408 34 . 569843 65 . 955511 34 . 328125 65 . 943359 C 34 . 310994 65 . 942507 34 . 294495 65 . 946373 34 . 277344 65 . 945312 C 34 . 269977 65 . 94485 34 . 263218 65 . 941906 34 . 255859 65 . 941406 C 34 . 084012 65 . 929834 33 . 911309 65 . 909702 33 . 738281 65 . 876953 C 33 . 689863 65 . 867796 33 . 645504 65 . 846979 33 . 597656 65 . 835938 C 33 . 477596 65 . 808476 33 . 362506 65 . 77206 33 . 246094 65 . 734375 C 33 . 133641 65 . 696682 33 . 02255 65 . 65886 32 . 914062 65 . 611328 C 32 . 756374 65 . 544874 32 . 605266 65 . 468331 32 . 457031 65 . 382812 C 32 . 414646 65 . 357757 32 . 373605 65 . 331167 32 . 332031 65 . 304688 C 32 . 157483 65 . 195504 31 . 989989 65 . 076736 31 . 832031 64 . 941406 C 31 . 789648 64 . 905806 31 . 752145 64 . 865163 31 . 710938 64 . 828125 C 31 . 607564 64 . 732237 31 . 496879 64 . 646262 31 . 402344 64 . 539062 L 31 . 296875 64 . 419922 C 31 . 294426 64 . 417162 31 . 291506 64 . 414874 31 . 289062 64 . 412109 L 23 . 671875 55 . 796875 C 23 . 097875 55 . 147875 22 . 306359 54 . 761984 21 . 443359 54 . 708984 C 21 . 142359 54 . 689984 20 . 842641 54 . 712438 20 . 556641 54 . 773438 C 20 . 546555 54 . 775619 20 . 537405 54 . 780926 20 . 527344 54 . 783203 C 20 . 384373 54 . 815566 20 . 244483 54 . 858723 20 . 107422 54 . 910156 C 20 . 061047 54 . 927548 20 . 016265 54 . 949213 19 . 970703 54 . 96875 C 19 . 867578 55 . 012998 19 . 766435 55 . 060203 19 . 667969 55 . 115234 C 19 . 624385 55 . 139596 19 . 581628 55 . 164954 19 . 539062 55
}
2020-02-24 14:40:01 +01:00
. startOverButton-3q0wUV { /* authobox startover */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.7. DOWNLOADAPPMODAL ---- */
2020-02-24 14:40:01 +01:00
. downloadApps-wbBFdZ . footer-1nkeBm a {
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. downloadApps-wbBFdZ . platforms-28Rb-3 . platform-iik236 . active-iLSdWQ {
border-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. downloadApps-wbBFdZ . platforms-28Rb-3 . platform-iik236 . active-iLSdWQ p {
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. downloadApps-wbBFdZ . platforms-28Rb-3 . platform-iik236 . active-iLSdWQ . downloadButton-1bWXpg {
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
# app-mount . downloadApps-wbBFdZ . platforms-28Rb-3 . icon-2Pk7pb . active-iLSdWQ {
background : rgb ( var ( --vaccentcolor ) ) ;
-webkit-mask-size : cover ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. downloadApps-wbBFdZ . platforms-28Rb-3 . icon-2Pk7pb . active-iLSdWQ . apple-1fKN59 {
-webkit-mask : url ( https : / / discordapp . com / assets / 7ddab19e24325212299490c2f413b122 . svg ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. downloadApps-wbBFdZ . platforms-28Rb-3 . icon-2Pk7pb . active-iLSdWQ . windows-29yOum {
-webkit-mask : url ( https : / / discordapp . com / assets / 37ce528f3abf4d735a624309e990acc6 . svg ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. downloadApps-wbBFdZ . platforms-28Rb-3 . icon-2Pk7pb . active-iLSdWQ . linux-15cW1y {
-webkit-mask : url ( https : / / discordapp . com / assets / f8e3f6e7b2cf5f10aed43243560a1b91 . svg ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. downloadApps-wbBFdZ . platforms-28Rb-3 . icon-2Pk7pb . active-iLSdWQ . ios-Z7K-rr {
-webkit-mask : url ( https : / / discordapp . com / assets / 00a1b0447f0474ecaa767a4bc09fe2ed . svg ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. downloadApps-wbBFdZ . platforms-28Rb-3 . icon-2Pk7pb . active-iLSdWQ . android-gGrHJu {
-webkit-mask : url ( https : / / discordapp . com / assets / 676bfec9f4343f6fcdf0a12ae313a3de . svg ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. browserItem-1mKMYK : hover {
border-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-19 00:02:54 +01:00
}
2020-02-24 14:40:01 +01:00
. browserItem-1mKMYK : hover . btn-3wPLTq {
background-color : rgb ( var ( --vaccentcolor ) ) ;
border-color : rgb ( var ( --vaccentcolor ) ) ;
2019-03-25 14:19:56 +01:00
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.8. GUILDBOOSTMODAL ---- */
2020-02-24 14:40:01 +01:00
. badgeIconWithSubscribers-3PlMu9 { /* modal sub badge icon */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
# app-mount . icon-QVoPRH { /* modal perkicon general */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-09-19 14:00:00 +02:00
}
2020-02-24 14:40:01 +01:00
/* modal tiermarker in progress tier3 */
# app-mount . tierMarkerInProgress-24LMzJ . currentTierIcon-2gcTCn . tier3Icon-Ku4Ahe {
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. tierMarkerAccomplished-2MiXeg { /* modal tiermarker accomplished */
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 7 ) ) ! important ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
# app-mount . barForeground-3KglC8 { /* modal tierbarfill */
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
# app-mount . iconIncluded-24npcq { /* modal included perkicon */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
# app-mount . upload-2-2ZMI { /* modal perkicon upload */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-05-08 11:23:26 +02:00
# app-mount . animated-XlVkOl { /* modal perkicon animated */
color : rgb ( var ( --vaccentcolor ) ) ;
filter : brightness ( 75 % ) ;
}
2020-02-24 14:40:01 +01:00
# app-mount . stream-3mNTxK { /* modal perkicon stream */
color : rgb ( var ( --vaccentcolor ) ) ;
filter : brightness ( 150 % ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
# app-mount . tierUnlocked-25K6Kv { /* modal tierunlocked */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
# app-mount . tierHeaderUnlocked-1n-OTI { /* modal tierheaderunlockedbg */
2020-02-24 15:53:31 +01:00
background : # ffcd4b linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
. wrapper-3nSjSv { /* modal boostaddwrapper */
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-03-26 00:42:57 +01:00
. tierMarkerLabelPlusIcon-1OS7E9 { /* modal prebuy icon */
color : rgb ( var ( --vaccentcolor ) ) ;
}
. upsellFooterIcon-2105bD path { /* prebuy popout footer icon */
fill : rgb ( var ( --vaccentcolor ) ) ;
}
. perkIconGuild-KLNhuR { /* prebuy popout perkicon guild */
color : rgb ( var ( --vaccentcolor ) ) ;
}
. perkIconChatPerks-BnKNFh { /* prebuy popout perkicon chat */
color : rgb ( var ( --vaccentcolor ) ) ;
filter : brightness ( 120 % ) ;
}
. perkIconStream-7wqAvn { /* prebuy popout perkicon stream */
color : rgb ( var ( --vaccentcolor ) ) ;
filter : brightness ( 150 % ) ;
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.9. STREAMSETTINGSMODAL ---- */
2020-02-24 14:40:01 +01:00
. selectorButtonSelected-336oUc , /* modal selectorselectedbutton */
. selectorButtonSelected-1j4DmC {
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. badgeUpgrade-1DzdNZ { /* modal badgeupgrade */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. imageSelected-4Kl81J { /* modal imageselected */
border-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 21:15:10 +01:00
}
2020-02-24 14:40:01 +01:00
. tile-2silOL : hover . sourceThumbnail-14Iubx { /* modal sourcethumbnail */
box-shadow : inset 0 0 0 2px rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-11-12 13:25:06 +01:00
. sourceThumbnail-14Iubx . selected-3Qtv-u {
2020-02-24 14:40:01 +01:00
box-shadow : inset 0 0 0 2px rgb ( var ( --vaccentcolor ) ) ;
2019-03-11 11:44:42 +01:00
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.10. DISPATCHERRORMODAL ---- */
2020-02-24 14:40:01 +01:00
. theme-light . closeLink-2MRAUp { /* modal closelink */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-19 00:02:54 +01:00
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 10.11. CHANGELOGMODAL ---- */
2020-02-24 14:40:01 +01:00
2020-08-26 15:50:30 +02:00
. content-s2SEQO a { /* modal link */
color : var ( --text-link ) ;
}
2020-08-11 11:11:43 +02:00
. improved-1NJK-y { /* modal improved category */
2020-02-24 14:40:01 +01:00
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-19 18:37:37 +02:00
. improved-1NJK-y :: after {
2020-02-24 14:40:01 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-18 19:04:56 +02:00
. premiumBanner-rP6H1S {
2020-02-24 14:40:01 +01:00
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
2019-09-20 18:51:34 +02:00
}
2020-12-16 17:15:47 +01:00
/* ---- 10.12. SCREENSHAREMODAL ---- */
2020-10-18 23:17:42 +02:00
. tile-2w4k5N : hover . sourceThumbnail-27dolk {
box-shadow : inset 0 0 0 2px rgb ( var ( --vaccentcolor ) ) ;
}
. sourceThumbnail-27dolk . selected-1nOkyc {
box-shadow : inset 0 0 0 2px rgb ( var ( --vaccentcolor ) ) ;
}
. selectorButton-EEUWed : not ( . selectorButtonPremiumRequired-mKMbIu ) : hover {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
. selectorButtonSelected-t5V9On {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2019-06-06 16:18:28 +02:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 11. POPOUTS ~~~~ */
2019-02-12 12:24:29 +01:00
2020-02-24 14:40:01 +01:00
2020-10-19 18:37:37 +02:00
. popoutLeft-3aViER . arrowAlignmentTop-1yftWI :: before {
2020-02-24 14:40:01 +01:00
border-left-color : # rgb ( var ( --vaccentcolor ) ) ;
}
2020-10-19 18:37:37 +02:00
. popoutRight-1veHKi . arrowAlignmentTop-1yftWI :: before {
2020-02-24 14:40:01 +01:00
border-right-color : # rgb ( var ( --vaccentcolor ) ) ;
}
2020-10-19 18:37:37 +02:00
. popoutBottom-2GAFPg . arrowAlignmentMiddle-NBGtsX :: before ,
. popoutBottom-2GAFPg . arrowAlignmentTop-1yftWI :: before ,
. popoutBottomLeft-1pG8B4 . arrowAlignmentMiddle-NBGtsX :: before ,
. popoutBottomLeft-1pG8B4 . arrowAlignmentTop-1yftWI :: before ,
. popoutBottomRight-2Rno5S . arrowAlignmentMiddle-NBGtsX :: before ,
. popoutBottomRight-2Rno5S . arrowAlignmentTop-1yftWI :: before ,
. theme-light . popoutBottom-2GAFPg . arrowAlignmentMiddle-NBGtsX :: before ,
. theme-light . popoutBottom-2GAFPg . arrowAlignmentTop-1yftWI :: before ,
. theme-light . popoutBottomLeft-1pG8B4 . arrowAlignmentMiddle-NBGtsX :: before ,
. theme-light . popoutBottomLeft-1pG8B4 . arrowAlignmentTop-1yftWI :: before ,
. theme-light . popoutBottomRight-2Rno5S . arrowAlignmentMiddle-NBGtsX :: before ,
. theme-light . popoutBottomRight-2Rno5S . arrowAlignmentTop-1yftWI :: before {
2020-02-24 14:40:01 +01:00
border-bottom-color : # rgb ( var ( --vaccentcolor ) ) ;
}
2020-10-19 18:37:37 +02:00
. popoutInvert-3TZnzz : not ( . popoutBottom-2GAFPg ) . popoutTop-3WSJtH . arrowAlignmentMiddle-NBGtsX :: before ,
. popoutInvert-3TZnzz : not ( . popoutBottom-2GAFPg ) . popoutTop-3WSJtH . arrowAlignmentTop-1yftWI :: before ,
. popoutInvert-3TZnzz : not ( . popoutBottom-2GAFPg ) . popoutTopRight-1lc8Mq . arrowAlignmentMiddle-NBGtsX :: before ,
. popoutInvert-3TZnzz : not ( . popoutBottom-2GAFPg ) . popoutTopRight-1lc8Mq . arrowAlignmentTop-1yftWI :: before {
2020-02-24 14:40:01 +01:00
border-top-color : # rgb ( var ( --vaccentcolor ) ) ;
}
2020-10-19 18:37:37 +02:00
. theme-light . contentNarrowMedia-W7SHxH . topArrow-1B63md :: before ,
. theme-light . contentNarrowNoMedia-Il01H1 . topArrow-1B63md :: before ,
. theme-light . contentWideNoMedia-22TIu6 . topArrow-1B63md :: before ,
. theme-light . contentWideNoMedia-22TIu6 . topArrow-1B63md :: before {
2020-02-24 14:40:01 +01:00
border-bottom-color : # rgb ( var ( --vaccentcolor ) ) ;
2019-03-18 11:53:55 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 11.1. CONTEXTMENU ---- */
2020-02-24 14:40:01 +01:00
2020-05-22 19:55:08 +02:00
. colorBrand-ROmMP1 , /* contextmenu brand */
. colorPremium-p4p7qO { /* contextmenu premium */
2020-02-24 14:40:01 +01:00
color : rgb ( var ( --vaccentcolor ) ) ;
2019-04-05 17:37:56 +02:00
}
2020-05-14 16:21:25 +02:00
. colorDefault-2K3EoJ . focused-3afm-j ,
2020-08-03 20:16:10 +02:00
. colorDefault-2K3EoJ : hover : not ( . hideInteraction-1iHO1O ) ,
. colorDefault-2K3EoJ : active : not ( . hideInteraction-1iHO1O ) {
2020-05-14 16:21:25 +02:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
. colorDanger-2qLCe1 . focused-3afm-j ,
2020-08-03 20:16:10 +02:00
. colorDanger-2qLCe1 : hover : not ( . hideInteraction-1iHO1O ) ,
. colorDanger-2qLCe1 : active : not ( . hideInteraction-1iHO1O ) {
2020-05-14 16:21:25 +02:00
background-color : # F04747 ;
2019-04-05 17:37:56 +02:00
}
2020-05-22 19:55:08 +02:00
. colorDefault-2K3EoJ . radioSelection-1HmrQS { /* contextmenu radioselection */
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-05-22 20:05:28 +02:00
. colorDanger-2qLCe1 . radioSelection-1HmrQS {
color : # F04747 ;
}
2020-05-22 19:55:08 +02:00
. colorDefault-2K3EoJ . checkbox-3s5GYZ { /* contextmenu checkbox */
2020-02-24 14:40:01 +01:00
color : rgb ( var ( --vaccentcolor ) ) ;
2019-04-05 17:37:56 +02:00
}
2020-05-22 20:05:28 +02:00
. colorDanger-2qLCe1 . checkbox-3s5GYZ {
color : # F04747 ;
}
2020-05-22 19:55:08 +02:00
. colorDefault-2K3EoJ . focused-3afm-j . check-1JyqgN , /* contextmenu checkmark */
2020-08-03 20:16:10 +02:00
. colorDefault-2K3EoJ : hover : not ( . hideInteraction-1iHO1O ) . check-1JyqgN ,
. colorDefault-2K3EoJ : active : not ( . hideInteraction-1iHO1O ) . check-1JyqgN {
2020-05-14 16:21:25 +02:00
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-05-22 20:05:28 +02:00
. colorDanger-2qLCe1 . focused-3afm-j . check-1JyqgN , /* contextmenu checkmark */
2020-08-03 20:16:10 +02:00
. colorDanger-2qLCe1 : hover : not ( . hideInteraction-1iHO1O ) . check-1JyqgN ,
. colorDanger-2qLCe1 : active : not ( . hideInteraction-1iHO1O ) . check-1JyqgN {
2020-05-22 20:05:28 +02:00
color : # F04747 ;
}
2020-05-22 19:55:08 +02:00
. colorPremium-p4p7qO . icon-LYJorE { /* contextmenu premiumicon */
2020-05-14 16:21:25 +02:00
color : rgb ( var ( --vaccentcolor ) ) ;
2019-04-05 17:37:56 +02:00
}
2019-03-18 11:53:55 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 11.2. USERPOPOUT ---- */
2020-02-24 14:40:01 +01:00
. headerPlaying-j0WQBV {
background : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
. headerStreaming-2FjmGz {
background : # 593695 ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 11.3. EMOJIPICKER ---- */
2020-02-24 14:40:01 +01:00
. emojiPicker-3m1S-j . categories-1feg4n . selected-39BZ4S { /* emojipicker selected category */
border-bottom-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 11.4. PINS/MENTIONS ---- */
2020-02-24 14:40:01 +01:00
. hasMoreButton-1MELpI { /* popout hasmore button */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 11.5. SEARCHPOPOUT ---- */
2020-02-24 14:40:01 +01:00
/* datepicker day hover */
# app-mount . calendarPicker-2yf6Ci . react-datepicker__day . react-datepicker__day--selected : hover ,
# app-mount . calendarPicker-2yf6Ci . react-datepicker__day : not ( . react-datepicker__day--disabled ) : hover {
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
/* datepicker day selectd */
2020-10-19 18:37:37 +02:00
# app-mount . calendarPicker-2yf6Ci . react-datepicker__day . react-datepicker__day--selected :: after {
2020-02-24 14:40:01 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
/* datepicker hintvalue */
# app-mount . datePicker--XZbmJ . datePickerHint-3Q1Udw . hintValue-29ny8Z {
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 12. GENERAL ~~~~ */
2020-02-24 14:40:01 +01:00
. wanderingCubesItem-WPXqao { /* loading cubes */
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
. chasingDotsItem-2DVNUn { /* loading dots */
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
. theme-light . path-92Hmty , /* loading circle */
. theme-dark . path-92Hmty ,
. theme-dark . path2-1q7bG_ {
stroke : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.1. TEXT ---- */
2020-02-24 14:40:01 +01:00
. brand-2-tkdo {
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
. colorBrand-2tjs5J {
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-08-05 13:42:11 +02:00
. tipTitle-GL9qAt {
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.2. BUTTONS ---- */
2020-02-24 14:40:01 +01:00
2020-10-09 22:41:36 +02:00
# app-mount . lookInverted-2D7oAl . colorBrand-3pXr91 . spinnerItem-3GlVyU ,
# app-mount . lookOutlined-3sRXeN . colorBrand-3pXr91 . spinnerItem-3GlVyU ,
# app-mount . lookGhost-2Fn_0- . colorBrand-3pXr91 . spinnerItem-3GlVyU ,
# app-mount . lookLink-9FtZy- . colorBrand-3pXr91 . spinnerItem-3GlVyU {
2020-02-24 14:40:01 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . btn-1PnLxm . btnPrimary-1jluZW : hover : not ( : disabled ) ,
# app-mount . lookFilled-1Gx00P . colorBrand-3pXr91 : not ( . buttonColor-7qQbGO ) : hover ,
2020-02-24 14:40:01 +01:00
# app-mount . lookFilled-1Gx00P . hoverBrand-1_Fxlk . hasHover-3X1-zV : hover {
2020-03-27 10:10:38 +01:00
background : var ( --vaccentcolor-hover ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookFilled-1Gx00P . colorBrand-3pXr91 : not ( . buttonColor-7qQbGO ) : active ,
2020-02-24 14:40:01 +01:00
# app-mount . lookFilled-1Gx00P . hoverBrand-1_Fxlk . hasHover-3X1-zV : active {
2020-03-27 10:10:38 +01:00
background : var ( --vaccentcolor-active ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . btn-1PnLxm . btnPrimary-1jluZW ,
# app-mount . lookFilled-1Gx00P . colorBrand-3pXr91 : not ( . buttonColor-7qQbGO ) ,
# app-mount . lookFilled-1Gx00P . colorBrand-3pXr91 : not ( . buttonColor-7qQbGO ) : disabled {
2020-02-24 14:40:01 +01:00
background : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookInverted-2D7oAl . colorBrand-3pXr91 : hover ,
2020-02-24 14:40:01 +01:00
# app-mount . lookInverted-2D7oAl . hoverBrand-1_Fxlk . hasHover-3X1-zV : hover {
background-image : linear-gradient ( 0deg , rgba ( 0 , 0 , 0 , 0 . 1 ) , rgba ( 0 , 0 , 0 , 0 . 1 ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookInverted-2D7oAl . colorBrand-3pXr91 : active ,
2020-02-24 14:40:01 +01:00
# app-mount . lookInverted-2D7oAl . hoverBrand-1_Fxlk . hasHover-3X1-zV : active {
background-image : linear-gradient ( 0deg , rgba ( 0 , 0 , 0 , 0 . 2 ) , rgba ( 0 , 0 , 0 , 0 . 2 ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookInverted-2D7oAl . colorBrand-3pXr91 ,
# app-mount . lookInverted-2D7oAl . colorBrand-3pXr91 : disabled {
2020-02-24 14:40:01 +01:00
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookOutlined-3sRXeN . colorBrand-3pXr91 : hover ,
2020-02-24 14:40:01 +01:00
# app-mount . lookOutlined-3sRXeN . hoverBrand-1_Fxlk . hasHover-3X1-zV : hover {
border-color : rgba ( var ( --vaccentcolor ) , 0 . 6 ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookOutlined-3sRXeN . colorBrand-3pXr91 : active ,
2020-02-24 14:40:01 +01:00
# app-mount . lookOutlined-3sRXeN . hoverBrand-1_Fxlk . hasHover-3X1-zV : hover {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 1 ) ;
border-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookOutlined-3sRXeN . colorBrand-3pXr91 ,
# app-mount . lookOutlined-3sRXeN . colorBrand-3pXr91 : disabled {
2020-02-24 14:40:01 +01:00
border-color : rgba ( var ( --vaccentcolor ) , 0 . 1 ) ;
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookGhost-2Fn_0- . colorBrand-3pXr91 : hover ,
# app-mount . lookGhost-2Fn_0- . hoverBrand-1_Fxlk . hasHover-3X1-zV : hover {
2020-02-24 14:40:01 +01:00
background-color : rgba ( var ( --vaccentcolor ) , 0 . 15 ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookGhost-2Fn_0- . colorBrand-3pXr91 : active ,
2020-02-24 14:40:01 +01:00
# app-mount . lookGhost-2Fn_0- . hoverBrand-1_Fxlk . hasHover-3X1-zV : active {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 2 ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookGhost-2Fn_0- . colorBrand-3pXr91 ,
# app-mount . lookGhost-2Fn_0- . colorBrand-3pXr91 : disabled {
2020-02-24 14:40:01 +01:00
background-color : rgba ( var ( --vaccentcolor ) , 0 . 1 ) ;
2020-10-20 18:29:49 +02:00
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookLink-9FtZy- . colorBrand-3pXr91 {
2020-02-24 14:40:01 +01:00
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-09 22:41:36 +02:00
# app-mount . lookLink-9FtZy- . colorBrand-3pXr91 : hover . contents-18-Yxp ,
2020-02-24 14:40:01 +01:00
# app-mount . lookLink-9FtZy- . hoverBrand-1_Fxlk . hasHover-3X1-zV : hover . contents-18-Yxp {
background-image : linear-gradient ( 0deg , transparent , transparent 1px , rgb ( var ( --vaccentcolor ) ) 0 , rgb ( var ( --vaccentcolor ) ) 2px , transparent 0 ) ;
2020-10-09 21:09:35 +02:00
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.3. INPUTS ---- */
2020-02-24 14:40:01 +01:00
. input-cIJ7To . focused-1mmYsC , /* textinput focused */
. input-cIJ7To : focus {
border-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-03-14 14:48:34 +01:00
. input-cIJ7To . error-2O5WFJ {
border-color : # f04747 ;
}
. input-cIJ7To . success-2-F980 {
border-color : # 43b581 ;
}
2020-02-24 14:40:01 +01:00
. focused-1mmYsC {
border-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
# app-mount . prefixInput-14nUik . focused-2QzoMt {
border-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
/* checkbox checked */
. checkbox-3kaeSU . checkboxInner-3yjcPe . checkboxElement-1qV33p : checked + span {
background-color : rgb ( var ( --vaccentcolor ) ) ;
border-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
/* checkbox checked alt */
2020-10-19 18:37:37 +02:00
. checkbox-3kaeSU . checkboxInner-3yjcPe . alt-6FvZrq . checkboxElement-1qV33p : checked + span :: after {
2020-02-24 14:40:01 +01:00
border-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-12-16 17:15:47 +01:00
. checked-3_4uQ9 [ style * = "background-color: rgb(114, 137, 218)" ] {
background-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
. checked-3_4uQ9 [ style * = "border-color: rgb(114, 137, 218)" ] {
border-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
2020-10-14 22:06:22 +02:00
. container-3auIfb { /* switch unchecked */
background-color : rgb ( 114 , 118 , 125 ) ! important ;
transition : background-color . 1s ease-out ;
} /* switch checked */
. container-3auIfb [ style * = "background-color: rgb(67, 181, 129)" ] ,
. container-3auIfb [ style * = "background-color: rgb(114, 137, 218)" ] {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 8 ) ! important ;
2019-05-02 14:12:49 +02:00
}
2020-10-14 22:06:22 +02:00
. container-3auIfb [ style * = "background-color: rgb(67, 181, 129)" ] : hover ,
. container-3auIfb [ style * = "background-color: rgb(114, 137, 218)" ] : hover {
2020-03-27 10:26:14 +01:00
background : var ( --vaccentcolor-hover ) ;
}
2020-10-14 22:06:22 +02:00
. container-3auIfb [ style * = "background-color: rgb(67, 181, 129)" ] : active ,
. container-3auIfb [ style * = "background-color: rgb(114, 137, 218)" ] : active {
2020-03-27 10:26:14 +01:00
background : var ( --vaccentcolor-active ) ;
}
2020-10-14 22:06:22 +02:00
. container-3auIfb path [ fill ] {
fill : rgb ( 114 , 118 , 125 ) ! important ;
2019-05-02 14:12:49 +02:00
}
2020-10-14 22:06:22 +02:00
. container-3auIfb [ style * = "background-color: rgb(67, 181, 129)" ] path [ fill ] ,
. container-3auIfb [ style * = "background-color: rgb(114, 137, 218)" ] path [ fill ] {
fill : rgb ( var ( --vaccentcolor ) ) ! important ;
2020-03-27 10:26:14 +01:00
}
2020-02-24 14:40:01 +01:00
. barFill-23-gu- { /* slider barfill */
background : rgb ( var ( --vaccentcolor ) ) ;
2019-05-02 14:12:49 +02:00
}
2020-02-24 14:40:01 +01:00
. mediaBarGrabber-1FqnbN , /* progessbar grabber */
. mediaBarProgress-1xaPtl , /* progessbar barfill */
2020-10-19 18:37:37 +02:00
. mediaBarProgress-1xaPtl :: after ,
. mediaBarProgress-1xaPtl :: before {
2020-02-24 14:40:01 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-05-02 14:12:49 +02:00
}
2020-10-15 21:56:54 +02:00
. mediaBarInteraction-37i2O4 : hover . mediaBarGrabber-1FqnbN ,
. mediaBarInteractionDragging-2QurIZ . mediaBarGrabber-1FqnbN {
2020-05-12 10:59:20 +02:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
filter : brightness ( 120 % ) ;
}
2019-05-02 14:12:49 +02:00
2020-03-25 20:19:24 +01:00
. theme-light . select-1Pkeg4 : focus , /* dropdown select nitro subscription */
. theme-light . lookFilled-1h1y05 . select-1Pkeg4 : focus {
border-color : rgb ( var ( --vaccentcolor ) ) ;
}
. theme-light . lookFilled-1h1y05 . select-1Pkeg4 : hover . selectOpen-hQuR6b ,
. theme-light . lookFilled-1h1y05 . selectOpen-hQuR6b {
border-color : rgb ( var ( --vaccentcolor ) ) rgb ( var ( --vaccentcolor ) ) # b9bbbe ;
}
. theme-dark . select-1Pkeg4 : focus ,
. theme-dark . lookFilled-1h1y05 . select-1Pkeg4 : focus {
border-color : rgb ( var ( --vaccentcolor ) ) ;
}
. theme-dark . lookFilled-1h1y05 . select-1Pkeg4 : hover . selectOpen-hQuR6b ,
. theme-dark . lookFilled-1h1y05 . selectOpen-hQuR6b {
border-color : rgb ( var ( --vaccentcolor ) ) rgb ( var ( --vaccentcolor ) ) rgba ( 0 , 0 , 0 , 0 . 3 ) ;
}
2020-12-16 17:15:47 +01:00
/* ---- 12.4. TAGS ---- */
2020-02-24 14:40:01 +01:00
. botTagRegular-2HEhHi { /* bottag regular */
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
. botTagInvert-18-95s { /* bottag inverted */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
. verified-1eC5dy { /* verifiedbadge */
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-07-08 18:25:53 +02:00
. partnered-3nJayh { /* partneredbadge */
color : rgb ( var ( --vaccentcolor ) ) ;
}
. partnered-3nJayh . flowerStar-1GeTsn {
filter : brightness ( 75 % ) ;
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.5. ICONS ---- */
2020-02-24 14:40:01 +01:00
2020-12-28 19:45:32 +01:00
[ style * = "/assets/f78426a064bc9dd24847519259bc42af.png" ] ,
[ src * = "/assets/f78426a064bc9dd24847519259bc42af.png" ] { /* avatars clyde */
2020-12-28 19:41:31 +01:00
object-position : -999999px -999999px ;
2020-12-28 19:46:47 +01:00
background : rgb ( var ( --vaccentcolor ) ) url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><circle fill="rgb(75,217,99)" cx="41" cy="62" r="5"/><circle fill="rgb(75,217,99)" cx="86" cy="62" r="5"/><rect fill="rgb(54,57,61)" width="71" height="44" x="28" y="39" rx="18"/><rect fill="white" width="94" height="78" x="17" y="28" rx="27" ry="24"/><rect fill="white" width="108" height="27" x="10" y="50" rx="9" ry="10"/><rect fill="rgb(40,43,47)" width="71" height="44" x="28" y="39" rx="18" ry="18"/><rect fill="rgb(54,57,61)" width="71" height="42" x="28" y="46" rx="18" ry="17"/><path fill="rgb(75,217,99)" d="M 41 57 A 5 5 0 0 0 36 62 A 5 5 0 0 0 41 67 A 5 5 0 0 0 46 62 A 5 5 0 0 0 41 57 z M 86 57 A 5 5 0 0 0 81 62 A 5 5 0 0 0 86 67 A 5 5 0 0 0 91 62 A 5 5 0 0 0 86 57 z"/><rect fill="white" width="29" height="9" x="49" y="23" rx="5" ry="5"/><path fill="white" d="m 19,128 h 90 c 0,-10.61934 -12.740675,-14 -45,-14 -32.259325,0 -45,3.63337 -45,14 z"/><path fill="rgb(219,221,224)" d="M 51,105.85198 V 97 c 0,-1.017367 1.080569,-2 2,-2 h 21 c 1.090933,0 2,0.936061 2,2 v 9 z"/></svg>' ) center / contain no-repeat ! important ;
2020-12-28 19:41:31 +01:00
}
2020-12-28 19:45:32 +01:00
[ style * = "/assets/6debd47ed13483642cf09e832ed0bc1b.png" ] ,
[ src * = "/assets/6debd47ed13483642cf09e832ed0bc1b.png" ] { /* avatars blue discord */
object-position : -999999px -999999px ;
2020-12-28 19:46:47 +01:00
background : rgb ( var ( --vaccentcolor ) ) url ( 'data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="white" d="M 89.352483,187.08445 C 91.908618,183.8309 94,180.74204 94,180.22031 c 0,-0.52173 -2.03541,-1.72592 -4.523133,-2.67599 -5.763227,-2.201 -16.188285,-9.13658 -17.545593,-11.67273 -0.998284,-1.86532 -0.906607,-1.88514 2.264158,-0.48959 23.932203,10.53328 31.882898,12.61736 50.804568,13.31723 11.19632,0.41413 16.55056,0.15202 23.5,-1.1504 10.0201,-1.8779 21.51875,-5.56012 28.81247,-9.22663 7.70644,-3.87398 9.68734,-4.48527 9.03622,-2.78848 -0.87377,2.277 -9.55431,8.23152 -16.76868,11.50267 C 165.961,178.67733 163,180.27844 163,180.59441 c 0,0.31597 2.09138,3.23649 4.64752,6.49004 5.29098,6.73458 5.99769,6.9092 17.82379,4.40411 12.8056,-2.71257 25.52239,-10.17228 32.66693,-19.16252 C 220.60458,169.22256 221,167.85294 221,162.41371 221,145.77107 215.15424,116.62522 207.77974,96.5 201.64988,79.771442 198.75524,74.615699 193.43975,70.958549 183.96747,64.441447 167.95782,58.402359 159,57.967337 c -5.27829,-0.25633 -6,-0.08809 -6,1.398672 0,0.767491 2.73845,2.357936 6.25,3.629898 9.78108,3.542921 25.37375,11.855156 22.45846,11.97229 -0.43535,0.01749 -5.27689,-1.529445 -10.75898,-3.437638 C 155.66983,66.212063 145.76061,64.594448 128.5,64.600958 110.61764,64.607703 99.318223,66.428831 83.210845,71.900211 77.00181,74.009307 72.087258,75.232071 72.289618,74.617465 72.779743,73.128868 89.562873,64.645709 96.771972,62.242676 103.65501,59.948331 104.67635,57.335621 98.5,57.822191 88.48213,58.611394 73.101241,64.394173 63.560246,70.958549 58.244761,74.615699 55.350123,79.771442 49.220263,96.5 41.845762,116.62522 36,145.77107 36,162.41371 c 0,5.43923 0.395421,6.80885 2.861758,9.91233 8.929578,11.23642 27.454322,20.26815 42.240725,20.59446 3.242905,0.0716 4.066372,-0.51096 8.25,-5.83605 z M 92.149236,151.3602 C 84.277697,147.34873 80.863631,136.0446 84.964896,127.57252 88.085971,121.12523 92.147185,118.5 99,118.5 c 4.20484,0 6.29276,0.56541 8.86653,2.40107 9.15337,6.52835 9.22098,22.62805 0.12224,29.10693 -4.24588,3.02333 -11.367378,3.63128 -15.839534,1.3522 z m 56.763874,-0.63977 C 144.0757,147.4605 141.0329,141.58341 141.0329,135.5 c 0,-15.82777 16.87518,-23.13949 27.3451,-11.84815 7.38527,7.96469 4.76934,23.20316 -4.75944,27.72486 -4.8952,2.32293 -10.66682,2.06535 -14.70545,-0.65628 z"/></svg>' ) center / contain no-repeat ! important ;
2020-12-28 19:45:32 +01:00
}
2020-12-28 19:41:31 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.6. SCROLLBARS ---- */
2020-02-24 14:40:01 +01:00
. scrollerThemed-2oenus . themeLight-1_DWyY . scrollbar-2rkZSL . thumb-2JwNFC ,
. theme-dark . scrollerThemed-2oenus . themeLight-1_DWyY . scrollbar-2rkZSL . thumb-2JwNFC ,
. theme-light . scrollerWrap-2lJEkd . scrollbar-2rkZSL . thumb-2JwNFC ,
. theme-light . scrollerThemed-2oenus . themedWithTrack-q8E3vB . scrollbar-2rkZSL . thumb-2JwNFC ,
. theme-light . scrollbarDefault-3COgCQ :: -webkit-scrollbar-thumb {
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-28 22:34:16 +01:00
:: -webkit-scrollbar-corner ,
# app-mount :: -webkit-scrollbar-corner {
background-color : transparent ;
}
2020-12-16 17:15:47 +01:00
/* ---- 12.7. NOTIFICATIONBAR ---- */
2020-02-24 14:40:01 +01:00
2020-10-27 17:02:38 +01:00
. colorPremiumTier1-3D7SPt {
2020-02-24 14:40:01 +01:00
background : rgb ( 255 , 255 , 255 ) linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 7 ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
. colorPremiumTier1-3D7SPt . button-2DhvE9 : hover {
2020-02-24 14:40:01 +01:00
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
. colorPremiumTier2-dCdap5 {
2020-02-24 14:40:01 +01:00
background : # ffcd4b linear-gradient ( 90deg , rgb ( var ( --vaccentcolor ) ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
. colorPremiumTier2-dCdap5 . button-2DhvE9 : hover {
2020-02-24 14:40:01 +01:00
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
. colorBrand-2zeG8h {
2020-02-24 14:40:01 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-27 17:02:38 +01:00
. colorBrand-2zeG8h . button-2DhvE9 : hover {
2020-02-24 14:40:01 +01:00
color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-11-10 23:29:13 +01:00
. notice-2X5hT5 { /* preview notice */
2020-10-27 17:02:38 +01:00
background : # 000000 linear-gradient ( 90deg , rgba ( var ( --vaccentcolor ) , 0 . 5 ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
2020-11-10 23:29:13 +01:00
. button-2PWmas : hover { /* preview notice button */
background : # 000000 linear-gradient ( 90deg , rgba ( var ( --vaccentcolor ) , 0 . 7 ) , rgba ( var ( --vaccentcolor ) , 0 . 7 ) ) ;
}
. notice-1tZwqv { /* role notice */
background : # 000000 linear-gradient ( 90deg , rgba ( var ( --vaccentcolor ) , 0 . 5 ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
. button-3Ijpww : hover { /* role notice button */
background : # 000000 linear-gradient ( 90deg , rgba ( var ( --vaccentcolor ) , 0 . 7 ) , rgba ( var ( --vaccentcolor ) , 0 . 7 ) ) ;
2020-10-27 17:02:38 +01:00
}
2020-12-22 21:58:36 +01:00
. notice-3uyY6c { /* rules notice */
background : # 000000 linear-gradient ( 90deg , rgba ( var ( --vaccentcolor ) , 0 . 5 ) , rgba ( var ( --vaccentcolor ) , 0 . 5 ) ) ;
}
. button-gP4R86 : hover { /* rules notice button */
background : # 000000 linear-gradient ( 90deg , rgba ( var ( --vaccentcolor ) , 0 . 7 ) , rgba ( var ( --vaccentcolor ) , 0 . 7 ) ) ;
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 12.8. TOOLTIPS ---- */
2019-05-30 21:23:31 +02:00
2020-02-24 14:40:01 +01:00
# app-mount . tooltipBrand-g03Nz8 {
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
# app-mount . tooltipBrand-g03Nz8 . tooltipPointer-3ZfirK {
border-top-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-05-17 16:28:54 +02:00
. content-3O0wBS {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
. content-3O0wBS . button-3zdF3z {
color : rgb ( var ( --vaccentcolor ) ) ;
}
. pointer-3ClhC2 {
border-top-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-12-16 17:15:47 +01:00
/* ---- 12.9. TOASTS ---- */
2020-02-24 14:40:01 +01:00
. toast-brand {
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 13. BDSUPPORT ~~~~ */
2020-02-24 14:40:01 +01:00
# bd-pub-button {
2020-03-27 10:20:04 +01:00
color : var ( --text-normal ) ;
2020-02-24 14:40:01 +01:00
transition : background-color . 15s ease-out , color . 15s ease-out ;
2019-02-12 12:24:29 +01:00
}
2020-02-24 14:40:01 +01:00
# bd-pub-button : hover {
color : rgb ( var ( --fontwhite1 , var ( --dfontwhite1 ) ) ) ;
background-color : rgb ( var ( --vaccentcolor ) ) ;
2019-02-12 12:24:29 +01:00
}
2020-03-27 10:10:38 +01:00
# bd-pub-button : active {
2020-03-27 10:20:04 +01:00
color : rgb ( var ( --fontwhite1 , var ( --dfontwhite1 ) ) ) ;
2020-03-27 10:10:38 +01:00
background : var ( --vaccentcolor-hover ) ;
2020-02-24 15:20:31 +01:00
}
2020-03-25 20:19:24 +01:00
# pubslayer button : hover {
2020-03-27 10:10:38 +01:00
background : var ( --vaccentcolor-hover ) ;
2020-03-25 20:19:24 +01:00
}
2020-03-27 10:10:38 +01:00
# pubslayer button : active {
background : var ( --vaccentcolor-active ) ;
2020-02-24 15:20:31 +01:00
}
2020-10-19 18:37:37 +02:00
. bd-server-card . bd-server-card-pinned :: after {
2020-07-17 11:30:02 +02:00
background : var ( --bd-blue ) ;
2020-03-13 12:50:58 +01:00
}
2020-07-17 10:56:12 +02:00
. bd-modal-wrapper . footer button {
2020-07-17 11:30:02 +02:00
background : var ( --bd-blue ) ;
2020-07-17 10:56:12 +02:00
}
2020-02-27 11:04:15 +01:00
. bd-modal-wrapper . footer button : hover {
2020-03-27 10:10:38 +01:00
background : var ( --vaccentcolor-hover ) ;
2019-02-12 12:24:29 +01:00
}
2020-03-27 10:10:38 +01:00
. bd-modal-wrapper . footer button : active {
background : var ( --vaccentcolor-active ) ;
2019-02-12 12:24:29 +01:00
}
2020-10-29 17:51:46 +01:00
. bd-modal-wrapper . error-link {
color : var ( --bd-blue ) ;
}
2020-03-27 10:10:38 +01:00
2020-07-17 10:56:12 +02:00
. bd-pfbtn {
2020-07-17 11:30:02 +02:00
background : var ( --bd-blue ) ;
2020-07-17 10:56:12 +02:00
}
2020-03-29 22:47:59 +02:00
. bd-pfbtn : hover {
background : var ( --vaccentcolor-hover ) ;
}
. bd-pfbtn : active {
background : var ( --vaccentcolor-active ) ;
}
2020-07-17 10:56:12 +02:00
. bd-button {
2020-07-17 11:30:02 +02:00
background : var ( --bd-blue ) ;
2020-07-17 10:56:12 +02:00
}
2020-03-27 10:10:38 +01:00
. bd-button : hover {
background : var ( --vaccentcolor-hover ) ;
2019-02-12 12:24:29 +01:00
}
2020-03-27 10:10:38 +01:00
. bd-button : active {
background : var ( --vaccentcolor-active ) ;
2019-02-12 12:24:29 +01:00
}
2020-11-06 16:14:31 +01:00
. bd-addon-views . bd-view-button . selected {
background : var ( --bd-blue ) ;
}
2020-07-17 10:56:12 +02:00
. bd-addon-list . bd-footer a {
2020-07-17 12:56:19 +02:00
color : var ( --bd-blue ) ;
2020-07-17 10:56:12 +02:00
}
2020-06-01 10:48:24 +02:00
# bd-settingspane-container . ui-switch-item . ui-switch-wrapper . ui-switch . checked ,
. bd-switch-checked {
background-color : rgba ( var ( --vaccentcolor ) , 0 . 8 ) ;
}
2020-03-27 10:26:14 +01:00
# bd-settingspane-container . ui-switch-item . ui-switch-wrapper . ui-switch . checked : hover ,
. bd-switch-checked : hover {
background : var ( --vaccentcolor-hover ) ;
}
# bd-settingspane-container . ui-switch-item . ui-switch-wrapper . ui-switch . checked : active ,
. bd-switch-checked : active {
background : var ( --vaccentcolor-active ) ;
}
2020-10-19 18:37:37 +02:00
. bd-switch :: before {
2020-10-14 22:14:52 +02:00
box-shadow : none ;
}
2020-03-27 10:26:14 +01:00
2020-11-17 19:40:25 +01:00
html . monaco-editor . find-widget . monaco-inputbox . synthetic-focus {
outline-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-11-21 18:25:51 +01:00
html . monaco-editor . monaco-editor-hover a {
color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-11-17 21:07:34 +01:00
html . monaco-editor [ class * = "arrow-decoration" ] {
border-bottom-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-11-21 18:39:48 +01:00
html . monaco-editor . focused . selected-text {
background-color : rgb ( var ( --vaccentcolor ) ) ;
}
2020-10-29 16:59:00 +01:00
2020-11-18 17:19:25 +01:00
html . monaco-tree [ class * = "monaco-tree-instance" ] . focused . monaco-tree-rows > . monaco-tree-row . focused : not ( . highlighted ) {
background-color : rgb ( var ( --vaccentcolor ) ) ;
color : # ffffff ;
}
html . monaco-tree [ class * = "monaco-tree-instance" ] . focused . monaco-tree-rows > . monaco-tree-row . focused : not ( . highlighted ) . results-group {
color : # ffffff ! important ;
2020-05-26 08:57:30 +02:00
}
2019-02-12 12:24:29 +01:00
2020-11-17 23:00:37 +01:00
html . monaco-editor [ style * = "background-color: rgb(0, 122, 204)" ] ,
html . monaco-editor [ style * = "background: rgb(0, 122, 204)" ] ,
2020-11-17 23:14:55 +01:00
html . monaco-editor [ style * = "background-color: rgb(14, 122, 192)" ] ,
html . monaco-editor [ style * = "background: rgb(14, 122, 192)" ] ,
html . monaco-editor [ style * = "background-color: rgb(14, 99, 156)" ] ,
html . monaco-editor [ style * = "background: rgb(14, 99, 156)" ] ,
2020-11-17 23:00:37 +01:00
html . monaco-editor [ style * = "background-color: rgb(9, 71, 113)" ] ,
html . monaco-editor [ style * = "background: rgb(9, 71, 113)" ] {
background : rgb ( var ( --vaccentcolor ) ) ! important ;
}
2020-11-18 17:29:06 +01:00
html . monaco-editor [ style * = "background-color: rgba(0, 122, 204, 0.9)" ] ,
html . monaco-editor [ style * = "background: rgba(0, 122, 204, 0.9)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 122, 192, 0.9)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 122, 192, 0.9)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 99, 156, 0.9)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 99, 156, 0.9)" ] ,
html . monaco-editor [ style * = "background-color: rgba(9, 71, 113, 0.9)" ] ,
html . monaco-editor [ style * = "background: rgba(9, 71, 113, 0.9)" ] {
2020-11-18 17:25:55 +01:00
background : rgba ( var ( --vaccentcolor ) , 0 . 9 ) ! important ;
}
2020-11-18 17:29:06 +01:00
html . monaco-editor [ style * = "background-color: rgba(0, 122, 204, 0.8)" ] ,
html . monaco-editor [ style * = "background: rgba(0, 122, 204, 0.8)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 122, 192, 0.8)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 122, 192, 0.8)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 99, 156, 0.8)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 99, 156, 0.8)" ] ,
html . monaco-editor [ style * = "background-color: rgba(9, 71, 113, 0.8)" ] ,
html . monaco-editor [ style * = "background: rgba(9, 71, 113, 0.8)" ] {
2020-11-18 17:25:55 +01:00
background : rgba ( var ( --vaccentcolor ) , 0 . 8 ) ! important ;
}
2020-11-18 17:29:06 +01:00
html . monaco-editor [ style * = "background-color: rgba(0, 122, 204, 0.7)" ] ,
html . monaco-editor [ style * = "background: rgba(0, 122, 204, 0.7)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 122, 192, 0.7)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 122, 192, 0.7)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 99, 156, 0.7)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 99, 156, 0.7)" ] ,
html . monaco-editor [ style * = "background-color: rgba(9, 71, 113, 0.7)" ] ,
html . monaco-editor [ style * = "background: rgba(9, 71, 113, 0.7)" ] {
2020-11-18 17:25:55 +01:00
background : rgba ( var ( --vaccentcolor ) , 0 . 7 ) ! important ;
}
2020-11-18 17:29:06 +01:00
html . monaco-editor [ style * = "background-color: rgba(0, 122, 204, 0.6)" ] ,
html . monaco-editor [ style * = "background: rgba(0, 122, 204, 0.6)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 122, 192, 0.6)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 122, 192, 0.6)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 99, 156, 0.6)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 99, 156, 0.6)" ] ,
html . monaco-editor [ style * = "background-color: rgba(9, 71, 113, 0.6)" ] ,
html . monaco-editor [ style * = "background: rgba(9, 71, 113, 0.6)" ] {
2020-11-18 17:25:55 +01:00
background : rgba ( var ( --vaccentcolor ) , 0 . 6 ) ! important ;
}
2020-11-18 17:29:06 +01:00
html . monaco-editor [ style * = "background-color: rgba(0, 122, 204, 0.5)" ] ,
html . monaco-editor [ style * = "background: rgba(0, 122, 204, 0.5)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 122, 192, 0.5)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 122, 192, 0.5)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 99, 156, 0.5)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 99, 156, 0.5)" ] ,
html . monaco-editor [ style * = "background-color: rgba(9, 71, 113, 0.5)" ] ,
html . monaco-editor [ style * = "background: rgba(9, 71, 113, 0.5)" ] {
2020-11-18 17:25:55 +01:00
background : rgba ( var ( --vaccentcolor ) , 0 . 5 ) ! important ;
}
2020-11-18 17:29:06 +01:00
html . monaco-editor [ style * = "background-color: rgba(0, 122, 204, 0.4)" ] ,
html . monaco-editor [ style * = "background: rgba(0, 122, 204, 0.4)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 122, 192, 0.4)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 122, 192, 0.4)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 99, 156, 0.4)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 99, 156, 0.4)" ] ,
html . monaco-editor [ style * = "background-color: rgba(9, 71, 113, 0.4)" ] ,
html . monaco-editor [ style * = "background: rgba(9, 71, 113, 0.4)" ] {
2020-11-18 17:25:55 +01:00
background : rgba ( var ( --vaccentcolor ) , 0 . 4 ) ! important ;
}
2020-11-18 17:29:06 +01:00
html . monaco-editor [ style * = "background-color: rgba(0, 122, 204, 0.3)" ] ,
html . monaco-editor [ style * = "background: rgba(0, 122, 204, 0.3)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 122, 192, 0.3)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 122, 192, 0.3)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 99, 156, 0.3)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 99, 156, 0.3)" ] ,
html . monaco-editor [ style * = "background-color: rgba(9, 71, 113, 0.3)" ] ,
html . monaco-editor [ style * = "background: rgba(9, 71, 113, 0.3)" ] {
2020-11-18 17:25:55 +01:00
background : rgba ( var ( --vaccentcolor ) , 0 . 3 ) ! important ;
}
2020-11-18 17:29:06 +01:00
html . monaco-editor [ style * = "background-color: rgba(0, 122, 204, 0.2)" ] ,
html . monaco-editor [ style * = "background: rgba(0, 122, 204, 0.2)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 122, 192, 0.2)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 122, 192, 0.2)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 99, 156, 0.2)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 99, 156, 0.2)" ] ,
html . monaco-editor [ style * = "background-color: rgba(9, 71, 113, 0.2)" ] ,
html . monaco-editor [ style * = "background: rgba(9, 71, 113, 0.2)" ] {
2020-11-18 17:25:55 +01:00
background : rgba ( var ( --vaccentcolor ) , 0 . 2 ) ! important ;
}
2020-11-18 17:29:06 +01:00
html . monaco-editor [ style * = "background-color: rgba(0, 122, 204, 0.1)" ] ,
html . monaco-editor [ style * = "background: rgba(0, 122, 204, 0.1)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 122, 192, 0.1)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 122, 192, 0.1)" ] ,
html . monaco-editor [ style * = "background-color: rgba(14, 99, 156, 0.1)" ] ,
html . monaco-editor [ style * = "background: rgba(14, 99, 156, 0.1)" ] ,
html . monaco-editor [ style * = "background-color: rgba(9, 71, 113, 0.1)" ] ,
html . monaco-editor [ style * = "background: rgba(9, 71, 113, 0.1)" ] {
2020-11-18 17:25:55 +01:00
background : rgba ( var ( --vaccentcolor ) , 0 . 1 ) ! important ;
}
2020-11-17 23:00:37 +01:00
html . monaco-editor [ style * = "border-color: rgb(0, 122, 204)" ] ,
2020-11-17 23:14:55 +01:00
html . monaco-editor [ style * = "border-color: rgb(14, 122, 192)" ] ,
html . monaco-editor [ style * = "border-color: rgb(14, 99, 156)" ] ,
2020-11-17 23:00:37 +01:00
html . monaco-editor [ style * = "border-color: rgb(9, 71, 113)" ] {
border-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
html . monaco-editor [ style * = "border-top-color: rgb(0, 122, 204)" ] ,
2020-11-17 23:14:55 +01:00
html . monaco-editor [ style * = "border-top-color: rgb(14, 122, 192)" ] ,
html . monaco-editor [ style * = "border-top-color: rgb(14, 99, 156)" ] ,
2020-11-17 23:00:37 +01:00
html . monaco-editor [ style * = "border-top-color: rgb(9, 71, 113)" ] {
border-top-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
html . monaco-editor [ style * = "border-right-color: rgb(0, 122, 204)" ] ,
2020-11-17 23:14:55 +01:00
html . monaco-editor [ style * = "border-right-color: rgb(14, 122, 192)" ] ,
html . monaco-editor [ style * = "border-right-color: rgb(14, 99, 156)" ] ,
2020-11-17 23:00:37 +01:00
html . monaco-editor [ style * = "border-right-color: rgb(9, 71, 113)" ] {
border-right-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
html . monaco-editor [ style * = "border-bottom-color: rgb(0, 122, 204)" ] ,
2020-11-17 23:14:55 +01:00
html . monaco-editor [ style * = "border-bottom-color: rgb(14, 122, 192)" ] ,
html . monaco-editor [ style * = "border-bottom-color: rgb(14, 99, 156)" ] ,
2020-11-17 23:00:37 +01:00
html . monaco-editor [ style * = "border-bottom-color: rgb(9, 71, 113)" ] {
border-bottom-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
html . monaco-editor [ style * = "border-left-color: rgb(0, 122, 204)" ] ,
2020-11-17 23:14:55 +01:00
html . monaco-editor [ style * = "border-left-color: rgb(14, 122, 192)" ] ,
html . monaco-editor [ style * = "border-left-color: rgb(14, 99, 156)" ] ,
2020-11-17 23:00:37 +01:00
html . monaco-editor [ style * = "border-left-color: rgb(9, 71, 113)" ] {
border-left-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
2020-11-18 17:19:25 +01:00
. embedFull-2tM8-- [ style * = "border-color: rgb(62, 130, 229)" ] ,
. embedFull-2tM8-- [ style * = "border-color: rgb(62, 130, 226)" ] {
border-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
2020-11-17 23:00:37 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 14. POWERCORDSUPPORT ~~~~ */
2020-10-20 21:44:22 +02:00
2020-10-20 22:27:53 +02:00
. powercord-toast . progressBar-3u8FBM {
background-color : rgb ( var ( --vaccentcolor ) ) ;
2020-10-20 21:44:22 +02:00
}
2020-12-16 17:15:47 +01:00
/* ~~~~ 15. PLUGINSUPPORT ~~~~ */
2020-10-20 21:44:22 +02:00
2020-12-16 17:15:47 +01:00
/* ---- 15.1. IMAGEZOOM ---- */
2019-02-12 12:24:29 +01:00
2020-11-29 20:21:51 +01:00
. zoomLens-uOK8xV {
2020-03-08 18:54:54 +01:00
border-color : rgb ( var ( --vaccentcolor ) ) ! important ;
2019-02-12 12:24:29 +01:00
}
2020-12-16 17:15:47 +01:00
/* ---- 15.2. HIDEUTILS ---- */
2019-02-12 12:24:29 +01:00
2020-02-24 14:40:01 +01:00
# HideUtils-Settings button {
background-color : rgb ( var ( --vaccentcolor ) ) ! important ;
2019-02-12 12:24:29 +01:00
}
2020-12-16 17:15:47 +01:00
/* ---- 15.3. READALLNOTIFICATIONSBUTTON ---- */
2020-03-27 10:20:04 +01:00
. wrapper-1BJsBx : active . childWrapper-anI2G9 . button-Jt-tIg {
background : var ( --vaccentcolor-hover ) ;
color : rgb ( var ( --fontwhite1 , var ( --dfontwhite1 ) ) ) ;
}
2020-12-16 17:15:47 +01:00
/* ---- 15.4. SERVERSEARCH ---- */
2020-05-14 21:11:26 +02:00
# server-search . wrapper-25eVIn {
background-color : rgb ( 47 , 49 , 54 ) ! important ;
2020-10-24 11:12:25 +02:00
transition : background-color . 16s ease-out ;
2020-05-14 21:11:26 +02:00
}
# server-search . wrapper-25eVIn : hover {
background-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
2020-12-16 17:15:47 +01:00
/* ---- 15.5. CHANNELTABS ---- */
2020-10-25 17:28:38 +01:00
2020-10-25 18:51:04 +01:00
. channelTabs-unreadBadge : not ( . channelTabs-noUnread ) {
2020-10-25 17:28:38 +01:00
background-color : rgb ( var ( --vaccentcolor ) ) ! important ;
}
2019-02-12 12:24:29 +01:00
2020-12-16 17:15:47 +01:00
/* ~~~~ 16. THEMESUPPORT ~~~~ */
2020-02-24 14:40:01 +01:00
2020-12-16 17:15:47 +01:00
/* ---- 16.1. THEMEDEVBADGE ---- */
2019-02-12 12:24:29 +01:00
2020-07-20 16:17:45 +02:00
# app-mount . dev-A7f2Rx . hasBadge-4rT8_u . badge-7R_W3s {
2019-03-21 11:08:43 +01:00
background : rgb ( var ( --vaccentcolor ) ) ! important ;
2019-03-21 10:54:26 +01:00
}
2020-07-20 16:17:45 +02:00
# app-mount . topSectionPlaying-1J5E4n . dev-A7f2Rx . hasBadge-4rT8_u . badge-7R_W3s ,
# app-mount . headerPlaying-j0WQBV . dev-A7f2Rx . hasBadge-4rT8_u . badge-7R_W3s {
2019-03-22 11:16:53 +01:00
background : rgb ( var ( --vaccentcolor ) ) ! important ;
2020-10-25 18:51:04 +01:00
}