lightcordwarez
/
BetterDiscordAddons
mirror of https://github.com/mwittrien/BetterDiscordAddons.git
1
0
Fork 0
Code Issues 16 Releases Wiki Activity
BetterDiscordAddons/Themes/BasicBackground/BasicBackground.css

5821 lines
238 KiB
CSS
Raw Normal View History

stuff
2019-09-20 22:32:52 +02:00
//META{"name":"Test","description":"Test","author":"DevilBro","version":"1.0.0"}*//{}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
stuff
2019-03-21 09:43:34 +01:00
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BetterDocsBlock.css);
stuff
2019-03-21 10:34:13 +01:00
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/ThemeDevBadge.css);
@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/BlurpleRecolor/BlurpleRecolor.css);
Update BasicBackground.css
2019-02-12 12:52:32 +01:00
delete git history
2018-10-11 10:21:26 +02:00
:root {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
--dtransparencyalpha: 0,0,0;
--dgeneraltransparency: 0.15;
--dmessagetransparency: 0.5;
--dguildchanneltransparency: 0.15;
--dmemberlistransparency: 0.0;
--daccentcolor: 190,78,180;
--dbackground: url(https://mwittrien.github.io/BetterDiscordAddons/ThemesV2/BasicBackground/background.jpg);
--dbackgroundsize: cover;
--dblur: 0px;
--dbackdrop: rgba(0,0,0,0.85);
--vtransparencycolor: var(--transparencycolor, var(--dtransparencycolor));
--vtransparencyalpha: var(--transparencyalpha, var(--dtransparencyalpha));
--vmessagetransparency: var(--messagetransparency, var(--dmessagetransparency));
--vguildchanneltransparency: var(--guildchanneltransparency, var(--dguildchanneltransparency));
--vmemberlistransparency: var(--memberlistransparency, var(--dmemberlistransparency));
--vaccentcolor: var(--accentcolor, var(--daccentcolor));
--vlinkcolor: var(--vaccentcolor);
--vbackground: var(--background, var(--dbackground));
--vbackgroundsize: var(--backgroundsize, var(--dbackgroundsize));
--vbackgroundblur: var(--backgroundblur, var(--dblur));
--vpopout: var(--popout, var(--dpopout));
--vpopoutsize: var(--popoutsize, var(--dbackgroundsize));
--vpopoutblur: var(--popoutblur, var(--dblur));
--vbackdrop: var(--backdrop, var(--dbackdrop));
--vbackdropsize: var(--backdropsize, var(--dbackgroundsize));
--vbackdropblur: var(--backdropblur, var(--dblur));
Update BasicBackground.css
2019-09-19 13:23:34 +02:00
--fontwhite1: 255,255,255;
--fontwhite2: 210,210,210;
--fontwhite3: 170,170,170;
--fontwhite4: 120,120,120;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
Update BasicBackground.css
2019-09-19 21:23:08 +02:00
.theme-light, .theme-dark {
--header-primary: rgb(var(--fontwhite1));
--header-secondary: rgb(var(--fontwhite2));
--text-normal: rgb(var(--fontwhite2));
--text-muted: rgb(var(--fontwhite4));
--text-link: rgb(var(--vaccentcolor));
--channels-default: rgb(var(--fontwhite4));
--interactive-normal: rgb(var(--fontwhite3));
--interactive-hover: rgb(var(--fontwhite2));
--interactive-active: rgb(var(--fontwhite1));
--interactive-muted: rgb(var(--fontwhite4));
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
--elevation-low: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
--elevation-high: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
Update BasicBackground.css
2019-09-19 21:23:08 +02:00
--logo-primary: rgb(var(--fontwhite1));
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 0. TABLE OF CONTENTS ~~~~ */
/*
1. TRANSPARENCY
2. BACKGROUND
3. TITLEBAR
4. GUILDLIST
5. CHANNELLIST
1. GUILDHEADER
2. CHANNELS
3. DMCHANNELS
4. ACCOUNT/VOICE/GOLIVE
6. CHAT
1. CHANNELHEADER
2. MESSAGES
1. MESSAGE
2. EMBEDS
3. NITROGIFT
4. INVITE
3. TEXTAREA
4. AUTOCOMPLETEMENU
5. MEMBERLIST
6. SEARCHPAGE
themes
2019-09-20 18:51:34 +02:00
7. CALL
BsicBackground FIX
2019-09-19 12:56:54 +02:00
7. ACTIVITYPAGE
8. LIBRARY
9. STORE/NITRO
10. FRIENDS
11. DISCOVERY
12. USERSETTINGS
13. GUILDSETTINGS
14. MODALS
1. USERMODAL
2. GUILDADD/CREATION
3. REGIONSELECTMODAL
4. UPLOADMODAL
5. KEYBOARDSHORTCUTSMODAL
6. QUICKSWITCHER
7. INVITEMODAL
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
8. LOGINSCREEN
BsicBackground FIX
2019-09-19 12:56:54 +02:00
15. POPOUTS
1. CONTEXTMENU
2. USERPOPOUT
3. EMOJIPICKER
4. PINS/MENTIONS
5. SEARCHPOPOUT
16. GENERAL
1. TEXT
2. BUTTONS
3. INPUTS
4. SEARCHBARS
5. TAGS
6. ICONS
7. SCROLLBARS
8. NOTIFICATIONBAR
9. TOOLTIPS
10. TOASTS
17. BDSUPPORT
18. PLUGINSUPPORT
1. DATEVIEWER
2. SERVERFOLDERS
3. MEMBERCOUNT
4. SENDBUTTON
5. CHARCOUNTER
6. REPLYER
7. CITADOR
8. LINENUMBERS
9. PERMISSIONVIEWER
10. BETTERSEARCHPAGE
11. REPOCONTROLS
12. DIRECTDOWNLOAD
13. BETTERFORMATINGREDUX
14. PLUGIN/THEMEREPO
19. THEMESUPPORT
1. THEMEDEVBADGE
20. UPDATENOTICE
21. WATERMARK
*/
/* ~~~~ 1. TRANSPARENCY ~~~~ */
body, /* body */
#app-mount .app-19_DXt, /* app container */
#app-mount .app-2rEoOp, /* app inner */
#app-mount .layer-3QrUeG, /* layer container */
#app-mount .container-PNkimc, /* channels inner */
#app-mount .privateChannels-1nO12o, /* dmchannels */
#app-mount .panels-j1Uci_, /* account/voice container */
#app-mount .chat-3bRxxu, /* chat container */
#app-mount .noChannel-Z1DQK7, /* nochannel */
#app-mount .activityFeed-1C0EmJ, /* activityfeed */
#app-mount .gameLibrary-TTDw4Y, /* library */
#app-mount .root-1BQpZw, /* giftinventory */
#app-mount .applicationStore-1pNvnv, /* store */
#app-mount .lfg-3xoFkI, /* LFG */
#app-mount .container-3gCOGc, /* friends */
#app-mount .pageWrapper-1PgVDX, /* guilddiscovery */
Update BasicBackground.css
2019-09-22 22:14:47 +02:00
#app-mount .scroller-2FKFPG, /* scroller */
#app-mount .standardSidebarView-3F1I7i { /* settings */
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background: transparent;
}
#app-mount { /* app-mount */
background-color: rgba(var(--vtransparencycolor), var(--vtransparencyalpha));
}
#app-mount .wrapper-1Rf91z { /* guilds container */
background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 2));
}
#app-mount .sidebar-2K8pFh { /* channels container */
background-color: rgba(var(--vtransparencycolor), var(--vguildchanneltransparency));
}
#app-mount .panels-j1Uci_ > * { /* account/voice inner */
background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) / 1.5));
}
#app-mount .membersWrap-2h-GB4 { /* members container */
background-color: rgba(var(--vtransparencycolor), var(--vmemberlistransparency));
}
Update BasicBackground.css
2019-09-19 20:17:19 +02:00
.themeDark-3Ap_7i, .themeLight-2aS1dz { /* errorscreen */
background-color: transparent;
color: rgb(var(--fontwhite1));
}
#app-mount .note-450gs3 {
color: rgb(var(--fontwhite2));
}
#app-mount .image-3zK3Wt {
background-image: url(https://discordapp.com/assets/e9baf4b505eb54129f832556ea16538e.svg);
opacity: 0.6;
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 2. BACKGROUND ~~~~ */
body:before {
theme
2018-10-24 21:35:17 +02:00
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
Update BasicBackground.css
2019-05-22 10:31:02 +02:00
position: fixed;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background: var(--vbackground) center/var(--vbackgroundsize);
filter: blur(var(--vbackgroundblur));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#ace_settingsmenu_container,
delete git history
2018-10-11 10:21:26 +02:00
.uploadArea-3QgLtW,
Update BasicBackground.css
2019-07-26 15:12:46 +02:00
.backdropWithLayer-3_uhz4,
delete git history
2018-10-11 10:21:26 +02:00
.backdrop-1wrmKB {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background: var(--vbackdrop) center/var(--vbackdropsize) !important;
filter: blur(var(--vbackdropblur));
opacity: 1;
animation: none;
delete git history
2018-10-11 10:21:26 +02:00
}
Update BasicBackground.css
2019-07-26 15:12:46 +02:00
.backdropWithLayer-3_uhz4 {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
z-index: -1;
Update BasicBackground.css
2019-07-29 22:06:38 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 3. TITLEBAR ~~~~ */
.titleBar-AC4pGV {
z-index: 1;
themes
2019-07-24 09:04:50 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.titleBar-AC4pGV:after {
content: "";
pointer-events: none;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
background-color: rgba(var(--vtransparencycolor), calc(0.1 + var(--vguildchanneltransparency) * 2));
themes
2019-07-24 09:04:50 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.titleBar-AC4pGV:not(.typeMacOS-3EmCyP):after {
height: 22px;
themes
2019-07-25 10:23:06 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.titleBar-AC4pGV.typeMacOS-3EmCyP:after {
height: 32px;
themes
2019-07-25 10:23:06 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.titleBar-AC4pGV.typeMacOS-3EmCyP,
.titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC {
width: 72px;
}
.titleBar-AC4pGV.typeMacOS-3EmCyP.typeMacOSWithFrame-3R_i5S .macButtons-2MuSAC {
margin-top: 0;
margin-right: 0;
Update BasicBackground.css
2019-05-22 10:31:02 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.winButton-iRh8-Z {
color: rgb(var(--fontwhite3));
Update BasicBackground.css
2019-05-22 10:31:02 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.winButtonMinMax-PBQ2gm:hover {
background-color: rgba(var(--vtransparencycolor), 0.2);
Update BasicBackground.css
2019-05-01 21:46:13 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.winButtonClose-1HsbF-:hover,
.winButtonMinMax-PBQ2gm:hover {
color: rgb(var(--fontwhite1));
theme
2019-02-04 12:15:46 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 4. GUILDLIST ~~~~ */
.childWrapper-anI2G9, /* homebutton/acronym innerwrap */
#bd-pub-button { /* publicbutton innerwrap */
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
font-weight: 500;
Theme
2018-12-14 00:14:32 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.noIcon-1a_FrS { /* acronym minicontainer */
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.circleIconButton-jET_ig { /* guildadd/discovery innerwrap */
background-color: rgba(var(--vtransparencycolor), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.circleIconButton-jET_ig.selected-ugP_am {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.guildsError-b7zR5H { /* guilderror innerwrap */
background-color: rgba(240, 71, 71, 0.3);
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.guildsError-b7zR5H:hover {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.dragInner-_SHftW { /* dragplaceholder */
background-color: rgba(var(--vtransparencycolor), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.guildSeparator-3s64Iy { /* guildseparator */
background-color: rgba(var(--fontwhite1), 0.2);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.item-2hkk8m { /* unread/selectedpill */
background-color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.wrapper-21YSNc { /* folder outerwrap */
margin-bottom: 8px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.folder-21wGz3 { /* folder iconwrap */
background-color: rgba(var(--vtransparencycolor), 0.2);
Update BasicBackground.css
2019-03-25 14:13:02 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.folder-21wGz3.hover-2ji_A7 {
background-color: rgba(var(--vtransparencycolor), 0.4);
}
.expandedFolderBackground-2sPsd- { /* folder background */
background-color: rgba(var(--vtransparencycolor), 0.2);
border-radius: 15px 15px 24px 24px;
top: 0;
bottom: 0;
transition: border-radius 3s ease, background-color 1s ease;
}
.expandedFolderBackground-2sPsd-.hover-2ji_A7 {
background-color: rgba(var(--vtransparencycolor), 0.4);
Update BasicBackground.css
2019-05-01 21:21:11 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.expandedGuilds-1JMD4M { /* folder guildwrap */
height: auto !important;
}
.expandedGuilds-1JMD4M .listItem-2P_4kh:last-child {
margin-bottom: 0;
theme
2018-12-26 20:56:57 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bar-30k2ka { /* guild/channelbar inner */
color: rgb(var(--fontwhite1));
box-shadow: 0 2px 6px rgba(var(--vtransparencycolor), 0.24);
Update BasicBackground.css
2019-09-11 21:19:43 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bar-30k2ka:not(.mention-1f5kbO) {
overflow: hidden;
background: transparent;
Update BasicBackground.css
2019-09-11 21:19:43 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bar-30k2ka:not(.mention-1f5kbO):after,
.bar-30k2ka:not(.mention-1f5kbO):before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
Update BasicBackground.css
2019-09-11 21:19:43 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bar-30k2ka:not(.mention-1f5kbO):after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.sidebar-2K8pFh .bar-30k2ka:not(.mention-1f5kbO):after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vguildchanneltransparency) * 0.85 + 0.1));
}
.wrapper-1Rf91z .bar-30k2ka:not(.mention-1f5kbO):after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vguildchanneltransparency) * 1.9 + 0.1));
}
.bar-30k2ka:not(.mention-1f5kbO):before {
background: var(--vbackground) center/var(--vbackgroundsize);
filter: blur(var(--vbackgroundblur));
background-attachment: fixed;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 5. CHANNELLIST ~~~~ */
#app-mount .sidebar-2K8pFh { /* channels container */
border-radius: 0;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 5.1. GUILDHEADER ---- */
.container-2Rl01u .animatedContainer-1pJv5C { /* banner wrap */
background: none;
box-shadow: none;
}
.bannerImage-1jOskm { /* banner image */
-webkit-mask: linear-gradient(rgba(0,0,0,0.9) 70%, rgba(0,0,0,0) 100%);
}
.bannerImage-1jOskm:before {
display: none;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.header-2o-2hj, /* header inner */
.searchBar-6Kv8R2 { /* header searchbar */
box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2), 0 1.5px 0 rgba(var(--vtransparencycolor), 0.05), 0 2px 0 rgba(var(--vtransparencycolor), 0.05);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.header-2o-2hj,
.bannerVisible-14J9lQ .header-2o-2hj {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.clickable-2ap7je:not(.hasBanner-14PPlG) .header-2o-2hj:hover,
.selected-WP3kCM:not(.hasBanner-14PPlG) .header-2o-2hj {
background-color: rgba(var(--vtransparencycolor), 0.2);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.channelNotice-1-XFjC { /* notice container */
box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.close-relY5R { /* notice close */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.close-relY5R:hover {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.message-3SOT5P { /* notice text */
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 5.2. CHANNELS ---- */
.wrapper-CU3qI5 { /* category wrapper */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.wrapper-CU3qI5.muted-1NRuDm {
color: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.wrapper-CU3qI5.muted-1NRuDm:hover,
.wrapper-CU3qI5:hover {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.wrapper-CU3qI5.muted-1NRuDm:hover .icon-WnO6o2, /* category icon */
.wrapper-CU3qI5:hover .icon-WnO6o2 {
color: rgb(var(--fontwhite1));
theme
2019-01-28 10:46:52 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.wrapper-CU3qI5 .name-IbjUBS { /* category name */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.wrapper-CU3qI5.muted-1NRuDm .name-IbjUBS {
color: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.wrapper-CU3qI5.muted-1NRuDm:hover .name-IbjUBS,
.wrapper-CU3qI5:hover .name-IbjUBS {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.addButtonIcon-3u-3Hu { /* category addbutton */
opacity: 0.5;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.addButtonIcon-3u-3Hu:hover {
color: rgb(var(--fontwhite1));
opacity: 1;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.wrapper-1ucjTd:hover .content-3at_AU { /* channel content */
background-color: rgba(var(--vtransparencycolor), 0.2);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.modeSelected-1zApJ_ .content-3at_AU,
.modeSelected-1zApJ_:hover .content-3at_AU {
background-color: rgb(var(--vaccentcolor));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.icon-1_QxNX { /* channel icon */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.modeMuted-3osy7j .icon-1_QxNX {
color: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.modeConnected-2IEL4z .icon-1_QxNX,
.modeConnected-2IEL4z:hover .icon-1_QxNX,
.modeSelected-1zApJ_ .icon-1_QxNX,
.modeSelected-1zApJ_:hover .icon-1_QxNX,
.modeUnread-1zpFdA .icon-1_QxNX,
.modeUnread-1zpFdA:hover .icon-1_QxNX,
.notInteractive-YF5EXq.modeConnected-2IEL4z .icon-1_QxNX,
.notInteractive-YF5EXq.modeSelected-1zApJ_ .icon-1_QxNX,
.wrapper-1ucjTd:hover .icon-1_QxNX {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.name-3_Dsmg { /* channel name */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.modeMuted-3osy7j .name-3_Dsmg {
color: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.modeConnected-2IEL4z .name-3_Dsmg,
.modeConnected-2IEL4z:hover .name-3_Dsmg,
.modeSelected-1zApJ_ .name-3_Dsmg,
.modeSelected-1zApJ_:hover .name-3_Dsmg,
.modeUnread-1zpFdA .name-3_Dsmg,
.modeUnread-1zpFdA:hover .name-3_Dsmg,
.notInteractive-YF5EXq.modeConnected-2IEL4z .name-3_Dsmg,
.notInteractive-YF5EXq.modeSelected-1zApJ_ .name-3_Dsmg,
.wrapper-1ucjTd:hover .name-3_Dsmg {
color: rgb(var(--fontwhite1));
}
.modeSelected-1zApJ_ .actionIcon-2Hi9ZG,
.modeSelected-1zApJ_:hover .actionIcon-2Hi9ZG,
.wrapper-1ucjTd:hover .actionIcon-2Hi9ZG {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.actionIcon-2Hi9ZG {
opacity: 0.5;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.actionIcon-2Hi9ZG:hover {
opacity: 1.0;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.unread-3zKkbm {
background-color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .channelIcon-1JSaVj { /* channelselect icon */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .selected-3Qtv-u .channelIcon-1JSaVj {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.icon-3BcwQu, /* voicechat icon */
.username-lm8y6T { /* voicechat username */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.listDefault-2y5Z9D .clickable-23RaYz:hover .username-lm8y6T {
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.listDefault-2y5Z9D .clickable-23RaYz.selected-3TGCSZ .username-lm8y6T,
.listDefault-2y5Z9D .clickable-23RaYz:hover .usernameSpeaking-2xbKKh,
.usernameSpeaking-2xbKKh {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.wrapper-pZmgj4 { /* voicechat limit */
background-color: rgba(var(--vtransparencycolor), 0.15);
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.modeConnected-2IEL4z .wrapper-pZmgj4 {
color: rgb(var(--fontwhite1));
}
.wrapper-pZmgj4 .users-i_3-kL {
background-color: transparent;
}
.wrapper-pZmgj4 .total-3tKGEB {
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.wrapper-pZmgj4 .total-3tKGEB:after {
border-right-color: rgba(var(--vtransparencycolor), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.listDefault-2y5Z9D .clickable-23RaYz:hover .content-3xS9Lh {
background-color: rgba(var(--vtransparencycolor), 0.2);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 5.3. DMCHANNELS ---- */
.channel-2QD9_O { /* dmchannel/page container */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.clickable-1JJAn8.channel-2QD9_O:hover {
color: rgb(var(--fontwhite2));
Update BasicBackground.css
2019-05-29 17:16:23 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.clickable-1JJAn8.channel-2QD9_O:active,
.selected-aXhQR6.channel-2QD9_O {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.channel-2QD9_O:hover .layout-2DM8Md { /* dmchannel/page inner */
background-color: rgba(var(--vtransparencycolor), 0.2);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.channel-2QD9_O.selected-aXhQR6 .layout-2DM8Md {
background-color: rgb(var(--vaccentcolor));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.channel-2QD9_O .linkButtonIcon-Mlm5d6 {
color: rgb(var(--fontwhite2));
Update BasicBackground.css
2019-05-29 16:35:42 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.channel-2QD9_O .name-uJV0GL {
color: rgb(var(--fontwhite2));
Update BasicBackground.css
2019-05-29 16:35:42 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.channel-2QD9_O .activity-E-0FeD {
color: rgb(var(--fontwhite3));
themes
2019-05-29 16:50:47 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.channel-2QD9_O:hover .linkButtonIcon-Mlm5d6,
.channel-2QD9_O.selected-aXhQR6 .linkButtonIcon-Mlm5d6 {
color: rgb(var(--fontwhite1));
final stuff
2019-05-29 17:12:16 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.channel-2QD9_O:hover .name-uJV0GL,
.channel-2QD9_O.selected-aXhQR6 .name-uJV0GL {
color: rgb(var(--fontwhite1));
final stuff
2019-05-29 17:12:16 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.channel-2QD9_O:hover .activity-E-0FeD,
.channel-2QD9_O.selected-aXhQR6 .activity-E-0FeD {
color: rgb(var(--fontwhite2));
themes
2019-05-29 16:50:47 +02:00
}
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.header-zu8eWb {
Update BasicBackground.css
2019-09-22 22:32:42 +02:00
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
themes
2019-09-19 14:29:45 +02:00
.empty-388osJ { /* loadingplaceholders */
fill: rgb(var(--vaccentcolor));
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 5.4. ACCOUNT/VOICE/GOLIVE ---- */
.panels-j1Uci_ > * {
border: none;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.panels-j1Uci_ > *:first-child {
delete git history
2018-10-11 10:21:26 +02:00
border-radius: 0 10px 0 0;
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.panels-j1Uci_ > * + * {
border-top: 1px solid rgba(var(--fontwhite4), 0.2);
Update BasicBackground.css
2019-03-08 21:11:30 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.title-eS5yk3 { /* account/voice title */
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.subtext-3CDbHg { /* account/voice subtext */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.button-14-BFJ {
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.button-14-BFJ.enabled-2cQ-u7, /* account/voice buttons */
.button-14-BFJ.enabled-2cQ-u7:hover {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.button-14-BFJ.enabled-2cQ-u7 {
opacity: 0.7;
}
.button-14-BFJ.enabled-2cQ-u7:hover {
opacity: 1;
background-color: rgb(var(--vaccentcolor));
themes
2019-02-24 10:41:42 +01:00
}
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 6. CHAT ~~~~ */
new theme
2019-02-12 12:24:29 +01:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 6.1. CHANNELHEADER ---- */
.container-1r6BKw { /* header container */
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.container-1r6BKw.themed-ANHk51 { /* header themedcontainer */
background-color: rgba(var(--vtransparencycolor), var(--vguildchanneltransparency));
box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2),0 1.5px 0 rgba(var(--vtransparencycolor), 0.05),0 2px 0 rgba(var(--vtransparencycolor), 0.05);
theme
2019-02-04 12:15:46 +01:00
}
new theme
2019-02-12 12:24:29 +01:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.title-29uC1r { /* header title */
color: rgb(var(--fontwhite1));
theme
2019-02-04 12:15:46 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.input-2A_zIr { /* header dmchannelinput */
color: rgb(var(--fontwhite1));
stuff
2019-03-19 20:46:43 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.input-2A_zIr:focus { /* header dmchannelinput */
background-color: rgba(var(--vtransparencycolor), 0.2);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.input-2A_zIr:focus,
.outer-o9SjPm:hover .input-2A_zIr {
box-shadow: inset 0 0 0 1px rgba(var(--vtransparencycolor), 0.2);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.topic-TCb_qw { /* header topic */
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.children-19S4PO:after { /* header topicgradient */
display: none;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.icon-22AiRD { /* header typeicon */
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.clickable-3rdHwn .icon-22AiRD, /* header actionicon */
#app-mount .link-2T7oYD { /* header linkicon */
color: rgb(var(--fontwhite3));
opacity: 1;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.clickable-3rdHwn:hover .icon-22AiRD,
#app-mount .link-2T7oYD:hover {
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.clickable-3rdHwn:active .icon-22AiRD,
.clickable-3rdHwn.selected-1GqIat .icon-22AiRD,
#app-mount .link-2T7oYD:active {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.divider-3FBTu8 { /* header divider */
background-color: rgba(var(--fontwhite1), 0.1);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.searchBar-3dMhjb { /* header searchbar */
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.search-2oPWTC .DraftEditor-root .public-DraftEditorPlaceholder-root {
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .searchFilter-2ESiM3,
#app-mount .searchAnswer-3Dz2-q {
background-color: rgb(var(--vaccentcolor));
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 6.2. MESSAGES ---- */
.base-34jWEe h1 { /* welcomemessage dmchannel */
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.welcomeMessage-3_Mcht .h1-1IDj26 { /* welcomemessage header */
color: rgb(var(--fontwhite1));
theme
2019-01-28 09:13:31 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.welcomeMessage-3_Mcht p { /* welcomemessage line */
color: rgb(var(--fontwhite2));
Update BasicBackground.css
2018-12-18 21:21:08 +01:00
}
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.divider-3gKybi:not(.dividerRed-MKoLlr) { /* divider time */
color: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.dividerContent-2L12VI:after,
.dividerContent-2L12VI:before {
background-color: rgba(var(--fontwhite4), 0.2);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.dividerEnabled-2TTlcf { /* divider message */
border-bottom-color: rgba(var(--fontwhite4), 0.2);
}
.containerCozy-jafyvG .divider-32i8lo.dividerEnabled-2TTlcf {
margin-top: 15px;
margin-bottom: -15px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.hasMore-3e72_v { /* bar hasmore */
box-shadow: inset 0 0 0 1px rgba(var(--fontwhite1), 0.1);
Fixed OTB bug of bar not disappearing
2018-11-02 21:01:04 +01:00
}
stuff
2019-09-23 12:01:10 +02:00
.hasMore-3e72_v:hover {
background-color: rgba(var(--vtransparencycolor), 0.2);
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.jumpToPresentBar-9P20AM { /* bar jumptopresent */
overflow: hidden;
background: transparent;
opacity: 1;
Fixed OTB bug of bar not disappearing
2018-11-02 21:01:04 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.jumpToPresentBar-9P20AM:after,
.jumpToPresentBar-9P20AM:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
theme
2018-11-10 14:02:26 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.jumpToPresentBar-9P20AM:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
Fixed OTB bug of bar not disappearing
2018-11-02 21:01:04 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.jumpToPresentBar-9P20AM:before {
background: var(--vbackground) center/var(--vbackgroundsize);
filter: blur(var(--vbackgroundblur));
background-attachment: fixed;
theme
2018-11-10 14:02:26 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.barButtonBase-3UKlW2 { /* bar text */
color: rgb(var(--fontwhite1));
Fixed OTB bug of bar not disappearing
2018-11-02 21:01:04 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ==== 6.2.1. MESSAGE ==== */
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.containerCozy-jafyvG { /* message container */
overflow: visible;
padding: 10px 0;
margin: 10px 5px 10px 80px;
border-radius: 5px;
background: rgba(var(--vtransparencycolor),var(--vmessagetransparency));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.contentCozy-3XX413 {
margin-left: 10px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.containerCompact-3V0ioj {
margin: 5px;
padding: 5px 0;
border-radius: 5px;
background: rgba(var(--vtransparencycolor),var(--vmessagetransparency));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.messageGroupBlocked-3wrQQX { /* blockedmsg container */
background-color: rgba(var(--vtransparencycolor), 0.1);
color: rgb(var(--fontwhite4));
Update BasicBackground.css
2019-05-09 10:49:11 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.messageGroupBlockedBtn-1PBBh- { /* blockedmsg button */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.messageGroupBlockedBtn-1PBBh-:hover {
background-color: rgba(var(--vtransparencycolor), 0.1);
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.revealed-1_RKsf .messageGroupBlockedBtn-1PBBh- {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.headerCozy-2N9HOL { /* header cozycontainer */
position: relative;
margin-left: 10px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.headerCozy-2N9HOL .avatar-17mtNa { /* header cozyavatar */
position: absolute;
left: -90px;
top: 0;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.headerCozy-2N9HOL .avatar-17mtNa:after {
content: "";
position: relative;
float: left;
left: 35px;
top: -30px;
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 15px solid rgba(var(--vtransparencycolor), var(--vmessagetransparency));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.headerCozy-2N9HOL .avatar-17mtNa:hover:after {
border-right-color: rgba(var(--vtransparencycolor), calc(var(--vmessagetransparency) * 1.25));
Update BasicBackground.css
2019-05-01 21:46:13 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.headerCozyMeta-rdohGq { /* header cozymeta */
color: rgb(var(--fontwhite3));
stuff
2019-04-26 13:03:30 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.username-_4ZSMR { /* header username */
color: rgb(var(--fontwhite1));
stuff
2019-04-26 13:03:30 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.timestampCozy-2hLAPV { /* header timestampcozy */
color: rgb(var(--fontwhite4));
stuff
2019-04-26 13:03:30 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.timestampCompactBase-26h38e { /* header timestampcompact */
color: rgb(var(--fontwhite4));
stuff
2019-04-26 13:03:30 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.timestamp-1E3uAL { /* header timestampsystem */
color: rgb(var(--fontwhite4));
Update BasicBackground.css
2019-04-29 12:32:55 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.timestampVisibleOnHover-276OMc {
color: transparent;
Update BasicBackground.css
2019-04-29 12:32:55 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.messageCompact-kQa7ES:hover .timestampVisibleOnHover-276OMc {
color: rgb(var(--fontwhite4));
Update BasicBackground.css
2019-04-29 12:32:55 +02:00
}
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.markup-2BOw-j { /* message markup */
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.buttonContainer-37UsAw { /* message buttonscontainer */
margin-top: 3px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.button-3Jq0g9, /* message optionbutton */
.button-3Jq0g9 .icon-3UTRNc { /* message optionbuttonicon */
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.button-3Jq0g9:hover,
.button-3Jq0g9:hover .icon-3UTRNc {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.reactionBtn-2na4rd, /* message reactionbutton */
.reactionBtn-2na4rd .icon-3tPbgH { /* message reactionbuttonicon */
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.reactionBtn-2na4rd:hover,
.reactionBtn-2na4rd:hover .icon-3tPbgH {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .edited-DL9ECl { /* message editedtag */
color: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.content-2M3n_H a { /* message systemlink */
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .isMentioned-N-h9aa { /* message ismentioned */
background-color: rgba(var(--vaccentcolor), 0.1);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.isMentionedCozy-3isp7y:after {
background: rgba(var(--vaccentcolor), 0.2);
border-left-color: rgb(var(--vaccentcolor));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .operations-36ENbA { /* message editoperations */
color: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.reaction-1ELvT8 { /* message reaction */
background-color: rgba(var(--vtransparencycolor), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.reactionCount-2ddRoS { /* message reactioncount */
color: rgb(var(--fontwhite4));
theme
2018-12-26 20:56:57 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.reaction-1ELvT8:hover .reactionCount-2ddRoS {
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.markup-2BOw-j code { /* messageelement code */
background-color: transparent;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.markup-2BOw-j pre { /* messageelement pre */
background-color: rgba(var(--vtransparencycolor), 0.4);
border-color: rgba(var(--vtransparencycolor), 0.1);
Update BasicBackground.css
2019-05-01 21:21:11 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.markup-2BOw-j .inline { /* messageelement inline */
background-color: rgba(var(--vtransparencycolor), 0.4);
}
.markup-2BOw-j .hljs { /* messageelement hljs */
color: rgb(var(--fontwhite2));
}
.blockquoteDivider-2hH8H6 { /* messageelement quotedivider */
background-color: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .spoilerText-3p6IlD { /* messageelement spoiler */
background-color: rgba(var(--vtransparencycolor), 0.2);
Update BasicBackground.css
2019-04-26 13:32:24 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .spoilerText-3p6IlD.hidden-HHr2R9 { /* messageelement hiddenspoiler */
background-color: rgba(var(--vtransparencycolor), 0.5);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.container-3-pyIM { /* systemmessage content */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.icon-2Po-VO[style*="/assets/5da4cdab01d4d89c593c48c62ae0d937.svg"] { /* systemmessage pinicon */
-webkit-mask: url(https://discordapp.com/assets/5da4cdab01d4d89c593c48c62ae0d937.svg) center/cover no-repeat;
background: rgb(var(--fontwhite3)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.icon-2Po-VO[style*="/assets/d80d1fdc43a3c42134a31a39581160ac.svg"] { /* systemmessage missedcall */
-webkit-mask: url(https://discordapp.com/assets/d80d1fdc43a3c42134a31a39581160ac.svg) center/cover no-repeat;
background: rgb(var(--fontwhite3)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.icon-2Po-VO[style*="/assets/b8029fe196b8f1382e90bbe81dab50dc.svg"] { /* systemmessage joincallicon */
-webkit-mask: url(https://discordapp.com/assets/b8029fe196b8f1382e90bbe81dab50dc.svg) center/cover no-repeat;
background: rgb(var(--vaccentcolor)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.icon-2Po-VO[style*="/assets/c30220457097b064286a8759a9b6c4af.svg"] { /* systemmessage recievecallicon */
-webkit-mask: url(https://discordapp.com/assets/c30220457097b064286a8759a9b6c4af.svg) center/cover no-repeat;
background: rgb(var(--vaccentcolor)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.isLocalBot-38G0P0 { /* botmessage container */
background-image: none;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.localBotMessage-1cGMdw { /* botmessage details */
color: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .message-2qRu38 { /* deletemessage container */
background-color: rgba(var(--vtransparencycolor), 0.2);
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
/* ==== 6.2.2. EMBEDS ==== */
#app-mount .embedInner-1-fpTo { /* embed inner */
background-color: rgba(var(--vtransparencycolor), 0.3);
border-color: rgba(var(--vtransparencycolor), 0.1);
}
#app-mount .embedPill-1Zntps { /* embed pill */
background-color: rgb(var(--fontwhite4));
}
#app-mount .embedAuthorName-3mnTWj, /* embed author */
#app-mount .embedFieldName-NFrena, /* embed fieldname */
#app-mount .embedTitle-3OXDkz { /* embed title */
color: rgb(var(--fontwhite1)) !important;
}
#app-mount .embedDescription-1Cuq9a, /* embed description */
#app-mount .embedFieldValue-nELq2s { /* embed fieldvalue */
color: rgb(var(--fontwhite3));
}
#app-mount .embedProvider-3k5pfl { /* embed provider */
color: rgb(var(--fontwhite3)) !important;
}
#app-mount .embedFooterText-28V_Wb { /* embed footer */
color: rgb(var(--fontwhite4));
}
#app-mount .attachment-33OFj0 { /* attachment container */
background-color: rgba(var(--vtransparencycolor), 0.3);
border-color: rgba(var(--vtransparencycolor), 0.1);
}
#app-mount .metadata-3WGS0M { /* attachment metadata */
color: rgb(var(--fontwhite4));
}
#app-mount .metadata-3WGS0M { /* attachment metadata */
color: rgb(var(--fontwhite4));
}
#app-mount .downloadButton-23tKQp { /* attachment downloadbutton */
color: rgb(var(--fontwhite4));
}
#app-mount .downloadButton-23tKQp:hover {
color: rgb(var(--fontwhite3));
}
#app-mount .downloadButton-23tKQp:active {
color: rgb(var(--fontwhite2));
}
#app-mount .twitchSectionPlayButton-2RamGG {
background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M12.3333 10.002V22.002L22.3333 16.002L12.3333 10.002Z" fill="rgb(185,187,190)"/></svg>');
background-color: rgba(var(--vtransparencycolor), 0.4);
border-radius: 50%;
object-position: -9999999px -9999999px;
}
#app-mount .twitchSectionPlayButton-2RamGG:hover {
background-color: rgba(var(--vtransparencycolor), 0.8);
}
/* ==== 6.2.3. NITROGIFT ==== */
#app-mount .tile-2OwFgW { /* gift container */
background-color: rgba(var(--vtransparencycolor), 0.3);
box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
}
#app-mount .title-1rUb9I { /* gift title */
color: rgb(var(--fontwhite2));
}
#app-mount .tagline-2nvxi0 { /* gift tagline */
color: rgb(var(--fontwhite4));
}
/* ==== 6.2.4. INVITE ==== */
#app-mount .wrapper-35wsBm { /* invite container */
background-color: rgba(var(--vtransparencycolor), 0.3);
border-color: rgba(var(--vtransparencycolor), 0.1);
}
#app-mount .guildName-2hvnt_ { /* invite name */
color: rgb(var(--fontwhite1));
}
#app-mount .guildDetail-1nRKNE { /* invite details */
color: rgb(var(--fontwhite4));
}
/* ---- 6.3. TEXTAREA ---- */
.channelTextArea-rNsIhG { /* textarea channeltextarea */
border-top-color: rgba(var(--fontwhite1), 0.1);
}
.inner-zqa7da { /* textarea inner */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.attachButtonPlus-rUdX-B { /* textarea attachbuttoninner */
fill: rgb(var(--fontwhite3));
}
.attachButton-1UjEWA:hover .attachButtonPlus-rUdX-B {
fill: rgb(var(--fontwhite2));
}
.attachButton-1UjEWA:active .attachButtonPlus-rUdX-B {
fill: rgb(var(--fontwhite1));
}
.attachButtonDivider-3Glu60 { /* textarea attachdivider */
background-color: rgb(var(--fontwhite3));
}
#app-mount .textArea-2Spzkt { /* textarea textarea */
color: rgb(var(--fontwhite1));
}
#app-mount .textArea-2Spzkt::placeholder {
color: rgb(var(--fontwhite4));
}
.button-3AYNKb { /* textarea buttons */
color: rgb(var(--fontwhite3));
}
.button-3AYNKb:hover,
.buttonWrapper-1ZmCpA:hover .icon-3D60ES {
color: rgb(var(--fontwhite2));
}
.active-23Nm0T .icon-3D60ES,
.active-23Nm0T:hover .icon-3D60ES {
color: rgb(var(--fontwhite1));
}
.sprite-2iCowe { /* textarea emojibutton */
transform: none !important;
}
.base-gE7OpD { /* textarea typingusers */
color: rgb(var(--fontwhite1));
}
.wrapper-39oAo3 { /* textarea placeholder */
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite2));
}
/* ---- 6.4. AUTOCOMPLETEMENU ---- */
#app-mount .autocomplete-1vrmpx { /* autocomplete container */
background-color: transparent;
overflow: hidden;
}
#app-mount .autocomplete-1vrmpx:after,
#app-mount .autocomplete-1vrmpx:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
#app-mount .autocomplete-1vrmpx:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
}
#app-mount .autocomplete-1vrmpx:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
.theme-brand .autocomplete-1vrmpx {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background: rgb(var(--vaccentcolor)) linear-gradient(rgba(var(--vtransparencycolor), 0.2), rgba(var(--vtransparencycolor), 0.2))!important;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
.theme-brand .autocomplete-1vrmpx:after,
.theme-brand .autocomplete-1vrmpx:before {
display: none;
}
#app-mount .container-3ISnnM:after {
box-shadow: inset 0 -7px 12px -7px rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .header-1TOWci { /* autocomplete header */
box-shadow: 0 1px 0 0 rgba(var(--vtransparencycolor), 0.2), 0 1px 2px 0 rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .backButton-JyKGC1 { /* autocomplete backbutton */
color: rgb(var(--fontwhite3));
}
#app-mount .backButton-JyKGC1:hover {
color: rgb(var(--fontwhite2));
}
#app-mount .focused-1En8bG, /* autocomplete result */
#app-mount .result-3w1ZcL:hover {
box-shadow: 0 11px 22px 1px rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .emptyHintCard-2mUdMe {
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .emptyHintText-1QDF9N {
color: rgb(var(--fontwhite1));
}
#app-mount .endText-3SrwuD {
color: rgb(var(--fontwhite3));
}
#app-mount .endContainer-1ZDW8j:after {
background-image: url(https://discordapp.com/assets/0c735bf91232f2a2266e6ba9d6753565.svg);
opacity: 0.6;
}
#app-mount .contentTitle-2tG_sM { /* autocomplete searchtitle */
color: rgb(var(--fontwhite3));
}
#app-mount .contentTitle-2tG_sM strong {
color: rgb(var(--fontwhite1));
}
#app-mount .divider-23swzi { /* autocomplete divider */
background-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .selectorSelected-1_M1WV { /* autocomplete rowselected */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .content-Qb0rXO { /* autocomplete rowcontent */
color: rgb(var(--fontwhite2));
}
#app-mount .iconForeground-1w5n7R { /* autocomplete icon */
fill: rgb(var(--fontwhite3));
}
#app-mount .description-11DmNu, /* autocomplete description */
#app-mount .descriptionUsername-J_75O8 { /* autocomplete username */
color: rgb(var(--fontwhite3));
}
#app-mount .descriptionDiscriminator-3vUOCc { /* autocomplete discriminator */
color: rgb(var(--fontwhite3));
}
#app-mount .selectorSelected-1_M1WV .content-Qb0rXO {
color: rgb(var(--fontwhite1));
}
#app-mount .selectorSelected-1_M1WV .iconForeground-1w5n7R {
fill: rgb(var(--fontwhite2));
}
#app-mount .selectorSelected-1_M1WV .description-11DmNu,
#app-mount .selectorSelected-1_M1WV .descriptionUsername-J_75O8 {
color: rgb(var(--fontwhite2));
}
#app-mount .selectorSelected-1_M1WV .descriptionDiscriminator-3vUOCc {
color: rgb(var(--fontwhite2));
}
/* ---- 6.5. MEMBERLIST ---- */
.member-3W1lQa { /* member container */
color: rgb(var(--fontwhite3));
}
.clickable-1JJAn8.member-3W1lQa:hover {
color: rgb(var(--fontwhite2));
}
.clickable-1JJAn8.member-3W1lQa:active,
.selected-aXhQR6.member-3W1lQa {
color: rgb(var(--fontwhite1));
}
.member-3W1lQa:hover .layout-2DM8Md { /* member inner */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.member-3W1lQa.selected-aXhQR6 .layout-2DM8Md {
background-color: rgb(var(--vaccentcolor));
}
.member-3W1lQa .name-uJV0GL {
color: rgb(var(--fontwhite2));
}
.member-3W1lQa .activity-E-0FeD {
color: rgb(var(--fontwhite3));
}
.member-3W1lQa:hover .linkButtonIcon-Mlm5d6,
.member-3W1lQa.selected-aXhQR6 .linkButtonIcon-Mlm5d6 {
color: rgb(var(--fontwhite1));
}
.member-3W1lQa:hover .name-uJV0GL,
.member-3W1lQa.selected-aXhQR6 .name-uJV0GL {
color: rgb(var(--fontwhite1));
}
.member-3W1lQa:hover .activity-E-0FeD,
.member-3W1lQa.selected-aXhQR6 .activity-E-0FeD {
color: rgb(var(--fontwhite2));
}
Update BasicBackground.css
2019-09-22 22:32:42 +02:00
.member-3W1lQa.selected-aXhQR6 .premiumIcon-2IFPOX {
color: rgb(var(--fontwhite1)) !important;
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.membersGroup-v9BXpm { /* roleheader */
Update BasicBackground.css
2019-09-22 22:32:42 +02:00
color: rgb(var(--fontwhite2));
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
.avatar-VxgULZ:before { /* emptyavatar */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.memberGroupsPlaceholder-3mwPub, /* loadingplaceholders */
.placeholderAvatar-damqh6,
.placeholderUsername-2B_OA9 {
background-color: rgb(var(--vaccentcolor));
}
/* ---- 6.6. SEARCHPAGE ---- */
#app-mount .searchResultsWrap-2DKFzt { /* searchpage container */
background-color: transparent;
}
#app-mount .searchHeader-1l-wpR { /* searchpage header */
background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.8));
box-shadow: 0 1px 0 rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .searchHeader-1l-wpR .totalResults-gxvzgw { /* searchpage results */
color: rgb(var(--fontwhite3));
opacity: 1;
}
#app-mount .searchHeader-1l-wpR .tab-2Ixsn0 { /* searchpage tab */
color: rgb(var(--fontwhite3));
opacity: 1;
}
#app-mount .searchHeader-1l-wpR .tab-2Ixsn0:hover {
color: rgb(var(--fontwhite2));
border-bottom-color: rgb(var(--fontwhite2));
}
#app-mount .searchHeader-1l-wpR .tab-2Ixsn0.selected-16te-P {
color: rgb(var(--fontwhite1));
border-bottom-color: rgb(var(--fontwhite1));
}
#app-mount .searchHeader-1l-wpR + div {
background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.5));
}
#app-mount .channelSeparator-1X1FuH { /* searchpage separator */
overflow: hidden;
width: 390px;
}
#app-mount .channelSeparator-1X1FuH:not(:empty):before {
display: none;
}
#app-mount .channelSeparator-1X1FuH .channelName-1QajIf { /* searchpage channelname */
background: transparent;
color: rgb(var(--fontwhite3));
}
#app-mount .channelSeparator-1X1FuH .channelName-1QajIf:after {
content: "";
border-bottom: 1px solid rgba(var(--fontwhite3), 0.5);
height: 1px;
margin-left: 10px;
position: absolute;
pointer-events: none;
top: 50%;
width: 100vw;
z-index: 0;
}
.searchResult-3pzFAB:before, /* searchpage result */
.searchResult-3pzFAB:after {
display: none;
}
#app-mount .searchResult-3pzFAB .hit-NLlWXA {
background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgba(var(--vtransparencycolor), 0.1);
box-shadow: none;
}
#app-mount .searchResult-3pzFAB.expanded-v2Szsz {
background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgba(var(--vtransparencycolor), 0.1);
}
#app-mount .searchResult-3pzFAB:not(.expanded-v2Szsz) .before-1x1q5S.sibling-3tUBeh {
-webkit-mask: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
}
#app-mount .searchResult-3pzFAB:not(.expanded-v2Szsz) .after-2g0jjc.sibling-3tUBeh {
-webkit-mask: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.1) 85%, rgba(0,0,0,0) 100%);
}
#app-mount .searchResult-3pzFAB:not(.expanded-v2Szsz) .before-1x1q5S:not(.sibling-3tUBeh),
#app-mount .searchResult-3pzFAB:not(.expanded-v2Szsz) .after-2g0jjc:not(.sibling-3tUBeh) {
display: none;
}
#app-mount .pagination-eQpqgk {
color: rgb(var(--fontwhite3));
}
#app-mount .pagination-eQpqgk .paginationNext-3Tefao, /* searchpage paginationbuttons */
#app-mount .pagination-eQpqgk .paginationPrevious-4Yw0Tk {
background: transparent;
border-color: rgba(var(--fontwhite1), 0.5);
}
#app-mount .pagination-eQpqgk .paginationNext-3Tefao:before,
#app-mount .pagination-eQpqgk .paginationPrevious-4Yw0Tk:before {
content: ">";
color: rgb(var(--fontwhite1));
position: absolute;
font-weight: 700;
line-height: 18px;
font-size: 21px;
width: 20px;
text-align: center;
transform: scaleX(0.4);
}
#app-mount .emptySearchDescription-2AmfE4,
#app-mount .emptySearchTitle-2zDhhZ {
color: rgb(var(--fontwhite1));
}
themes
2019-09-20 18:51:34 +02:00
/* ---- 6.7. CALL ---- */
#app-mount .incomingCallInner-2VmFiR { /* popout inner */
background: transparent;
border: none;
}
.incomingCallInner-2VmFiR:after,
.incomingCallInner-2VmFiR:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.incomingCallInner-2VmFiR:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
}
.incomingCallInner-2VmFiR:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#app-mount .members-2BNiuX { /* popout members */
color: rgb(var(--fontwhite1));
}
#app-mount .subtitle-1H8FPn { /* popout subtitle */
color: rgb(var(--fontwhite3));
}
#app-mount .wrapper-29NfPK { /* call wrapper */
background-color: rgba(var(--vtransparencycolor), calc(var(--vguildchanneltransparency) * 0.8));
}
#app-mount .video-1FfuMD { /* call video */
background-color: transparent;
}
#app-mount .wrapper-29NfPK.minimum-2d6zH6 .actions-2vadYq .center-1Vp33r {
background-color: rgba(var(--vtransparencycolor), 0.4);
border: none;
}
.regionSelectPopout-p9-0_W {
width: 170px;
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 7. ACTIVITYPAGE ~~~~ */
.outer-2IVh5n { /* activitycard container */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .outer-2IVh5n.interactive-1BeKSi:hover {
background-color: rgba(var(--vtransparencycolor), 0.4);
}
.outer-2IVh5n .outer-2IVh5n {
background-color: transparent !important;
}
.base-1x0h_U { /* activitycard title */
color: rgb(var(--fontwhite1));
}
#app-mount .separator-2c4hi3 { /* activitycard separator */
background-color: rgba(var(--fontwhite4), 0.5);
}
#app-mount .inset-GQDQYw { /* activitycard childcontainer */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .header-3uLGFv { /* activitycard header */
color: rgb(var(--fontwhite1));
}
#app-mount .wrapper-9ppXpy { /* activitycard footer */
box-shadow: inset 0 1px 0 rgba(var(--fontwhite4), 0.5);
}
#app-mount .timestamp-2Xe6Co:before { /* activitycard footertimestamp */
background-color: rgb(var(--fontwhite4));
}
#app-mount .interactive-1FxC7B:hover { /* activitycard activityicon */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .placeholderWrapper-3FaLtZ { /* activitycard placeholder */
background-color: rgba(var(--vtransparencycolor), 0.1);
}
#app-mount .recentlyPlayedContainer-2F3MqS, /* playedcontainer container */
#app-mount .recentlyPlayedContainer-2F3MqS.homepage-3nzCdM {
background-color: rgba(var(--vtransparencycolor), 0.2);
border: none;
}
#app-mount .homepageSeparator-3fLz4j { /* playedcontainer separator */
background-color: rgba(var(--fontwhite4), 0.5);
}
#app-mount .partyMemberOverflow-1tfvpb { /* playedcontainer overflow */
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite2));
}
.headerIcon-2AzihC path[fill^="#"] { /* playedcontainer headericon */
fill: rgb(var(--fontwhite1));
}
#app-mount .voiceSectionIcon-1I6KSn, /* playedcontainer voiceicon */
#app-mount .xboxSectionIcon-1BipKf { /* playedcontainer xboxicon */
color: rgb(var(--fontwhite1));
}
#app-mount .wrapper-3UweLa { /* noplayers container */
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite2));
}
#app-mount .gdprWrapper-33M2Mg { /* gdprwrapper container */
color: rgb(var(--fontwhite2));
}
#app-mount .gdprWrapper-33M2Mg a { /* gdprwrapper link */
color: rgb(var(--fontwhite1));
}
#app-mount .gdprWrapper-33M2Mg header { /* gdprwrapper header */
color: rgb(var(--fontwhite1));
}
#app-mount .popoutContainer-3WC9HR:hover { /* playingpopout container */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .popout-3G62UL { /* playingpopout container */
background-color: transparent;
box-shadow: 0 8px 16px rgba(var(--vtransparencycolor), 0.24);
overflow: hidden;
}
.popout-3G62UL:after,
.popout-3G62UL:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.popout-3G62UL:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.35));
}
.popout-3G62UL:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#app-mount .memberListHeader-Qq9531 { /* popoutcontainer title */
color: rgb(var(--fontwhite2));
}
#app-mount .enabled-5QKLzu:hover,
#app-mount .memberListItem-2ZX2pl:not(.popoutDisabled-xucru2):hover {
background-color: rgba(var(--vtransparencycolor), 0.2);
color: rgb(var(--fontwhite1));
}
.empty-hejAOj, /* quickstart empty */
.unwrapped-37iUtM, /* quickstart unwrapped */
.wrapped-15rg6t, /* quickstart wrapped */
.empty-hejAOj.discover-1fCxe9,
.unwrapped-37iUtM.discover-1fCxe9 {
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.empty-hejAOj.clickable-nnkAZy:hover,
.unwrapped-37iUtM.clickable-nnkAZy:hover,
.wrapped-15rg6t.clickable-nnkAZy:hover,
.unwrapped-37iUtM.discover-1fCxe9.clickable-nnkAZy:hover {
background-color: rgb(var(--vaccentcolor));
}
/* ~~~~ 8. LIBRARY ~~~~ */
.header-39GIC8 { /* table header */
border-bottom-color: rgba(var(--fontwhite4), 0.5);
color: rgb(var(--fontwhite3));
}
.header-39GIC8:after,
.header-39GIC8:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.header-39GIC8:after {
background-color: rgba(var(--vtransparencycolor), var(--vtransparencyalpha));
}
.header-39GIC8:before {
background: var(--vbackground) center/var(--vbackgroundsize);
filter: blur(var(--vbackgroundblur));
background-attachment: fixed;
}
.headerCell-3L6rFG { /* table headercell */
border-left-color: rgba(var(--fontwhite4), 0.3);
}
.clickable-VxMZ3b {
color: rgb(var(--fontwhite2));
}
.clickable-VxMZ3b:hover {
color: rgb(var(--fontwhite1));
}
.lastPlayedCell-2arbtc,
.platformCell-XyBBs6 {
color: rgb(var(--fontwhite3));
}
.headerCellSorted-3a5AzJ,
.headerCellSorted-3a5AzJ:hover {
color: rgb(var(--fontwhite1));
}
.row-ZLfFhY { /* table row */
color: rgb(var(--fontwhite3));
}
.rowWrapperActive-2L7i9f {
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.rowWrapper-2fB6P0 + .rowWrapper-2fB6P0 .row-ZLfFhY {
border-top-color: rgba(var(--fontwhite4), 0.3);
}
.nameCellText-1mpqtF { /* table namecell */
color: rgb(var(--fontwhite2));
}
.row-ZLfFhY:hover .nameCellText-1mpqtF {
color: rgb(var(--fontwhite1));
}
.textCell-1aBIUP { /* table textcell */
color: rgb(var(--fontwhite4));
}
.row-ZLfFhY:hover .textCell-1aBIUP {
color: rgb(var(--fontwhite3));
}
.icon-1IKq3C { /* table icon */
color: rgb(var(--fontwhite4));
}
.row-ZLfFhY:hover .icon-1IKq3C {
color: rgb(var(--fontwhite3));
}
/* ~~~~ 9. STORE/NITRO ~~~~ */
.sectionHeader-127c3L { /* header */
color: rgb(var(--fontwhite1));
}
.tier2PlanName-2TttcQ { /* header svgtitle */
color: rgb(var(--fontwhite1));
}
#app-mount .title-2a5mvx { /* header title */
color: rgb(var(--fontwhite1));
}
#app-mount .subtitle-UfhpvR, /* header subtitle */
#app-mount .subtitleRepositioned-11uB9- {
color: rgb(var(--fontwhite2));
}
.yearlyButtonDiscount-2K7GZZ {
border-color: rgba(var(--fontwhite1), 0.3);
}
.subsectionHeader-1SVMaW { /* subsection header */
color: rgb(var(--fontwhite1));
}
.blurb-1H7VPv { /* subsection description */
color: rgb(var(--fontwhite2));
}
.title-3IUNJ6 { /* subsection featuretitle */
color: rgb(var(--fontwhite1));
}
.description-yMw5z0 { /* subsection featuredescription */
color: rgb(var(--fontwhite2));
}
.guildMoreFeatures-svfRvH { /* subsection footer */
color: rgb(var(--fontwhite1));
}
#app-mount .categoryHeader-1D7Tqy, /* categoryheader */
#app-mount .premiumApplicationsHeader-Zmkm5e {
color: rgb(var(--fontwhite1));
border-color: rgba(var(--fontwhite4), 0.3);
}
.gradientOverlay-298TBM { /* cardscroller gradient */
display: none;
}
.scrollerButton-1Vm5_P { /* cardscroller button */
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
}
#app-mount .tile-QA_yMc { /* gamecard container */
background-color: rgba(var(--vtransparencycolor), 0.3);
box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
}
#app-mount .description-2oYgWO { /* gamecard description */
color: rgb(var(--fontwhite1));
}
#app-mount .tagline-EIH5-W, /* gamecard tagline */
#app-mount .title-2XwaXv { /* gamecard title */
color: rgb(var(--fontwhite2));
}
#app-mount .perkTag-2O4dx4 { /* gamecard perktag */
border-radius: 4px;
color: rgb(var(--fontwhite1));
}
#app-mount .tier1Banner-1B_WXY { /* tier1banner container */
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
}
.headerIcon-3bqya6 { /* tier1banner svgtitle */
color: rgb(var(--fontwhite1));
}
.carouselButtonsContainer-Rba2-D { /* gamepreview container */
color: rgb(var(--fontwhite1));
}
.smallCarousel-2e0IQc {
background-color: rgba(var(--vtransparencycolor), 0.3);
border-radius: 5px;
}
#app-mount .item-3V15ea { /* gamepreview previewitem */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.arrow-3jRqK8 { /* gamepreview prev/nextarrow (big) */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.arrow-vOpU7R { /* gamepreview prev/nextarrow (small) */
color: rgb(var(--fontwhite1));
}
.dot-2Q_mMZ { /* gamepreview itemdot (small) */
background-color: rgb(var(--fontwhite1));
}
#app-mount .root-1bFE0x { /* gameinfo sectioncontainer */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .header-3HFF3R { /* gameinfo sectionheader */
color: rgb(var(--fontwhite1));
}
#app-mount .section-7tu4tu { /* gameinfo subsection */
border-bottom-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .playerOverflow-2Hf77M {
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite2));
}
#app-mount .description-2Ifi6N { /* gameinfo subsectiondescription */
color: rgb(var(--fontwhite3));
}
#app-mount .description-2Ifi6N strong,
#app-mount .username-2gp_Xw { /* gameinfo subsectionusername */
color: rgb(var(--fontwhite1));
}
#app-mount .smallHeader-2h-9-U { /* gameinfo subsectionheader */
color: rgb(var(--fontwhite3));
}
#app-mount .text-1Z3P6i { /* gameinfo subsectiontext */
color: rgb(var(--fontwhite1));
}
#app-mount .iconCircle-1dlYo0 {
background-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .circle-1nK_79 {
color: rgb(var(--fontwhite1));
}
#app-mount .divider-21LyPb { /* section divider */
border-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .blurb-1iBKJy { /* section description */
color: rgb(var(--fontwhite1));
}
#app-mount .description-1AwRKJ, /* section subdescription */
#app-mount .markdown-11q6EU {
color: rgb(var(--fontwhite3));
}
#app-mount .tile-PuWjfs { /* perkcard container */
background-color: rgba(var(--vtransparencycolor), 0.3);
box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
}
.tile-PuWjfs div.splashPlaceholder-1ev-9c { /* perkcard imagecontainer */
position: relative;
z-index: 5;
}
.tile-PuWjfs .description-2h6giI { /* perkcard imagecontainer */
color: rgb(var(--fontwhite1));
z-index: 6;
}
.tile-PuWjfs div.splashPlaceholder-1ev-9c:after,
.tile-PuWjfs div.splashPlaceholder-1ev-9c:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.tile-PuWjfs div.splashPlaceholder-1ev-9c:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3));
}
.tile-PuWjfs div.splashPlaceholder-1ev-9c:before {
background: var(--vbackground) center/var(--vbackgroundsize);
filter: blur(var(--vbackgroundblur));
background-attachment: fixed;
}
.tile-PuWjfs img.splashPlaceholder-1ev-9c { /* perkcard image */
-webkit-mask: linear-gradient(rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
}
#app-mount .mediaFade-2NVPtV { /* perkcard fade */
background: transparent;
}
#app-mount .item-2yFVoY { /* newscard container */
background-color: rgba(var(--vtransparencycolor), 0.3);
box-shadow: 0 0 0 rgba(var(--vtransparencycolor), 0.15);
}
#app-mount .collapsedTimestamp-2gjDIM, /* newscard timestamp */
#app-mount .openTimestamp-sTgPmn {
color: rgb(var(--fontwhite3));
}
#app-mount .title-i-qCkH { /* newscard title */
color: rgb(var(--fontwhite1));
}
#app-mount .openDescription-2XUOH3 { /* newscard description */
color: rgb(var(--fontwhite3));
}
#app-mount .requirements-dEriwm { /* requirements */
color: rgb(var(--fontwhite2));
}
#app-mount .requirementKey-14DT2D { /* requirements key */
color: rgb(var(--fontwhite4));
}
#app-mount .content-1zhNsr { /* requirements rating */
color: rgb(var(--fontwhite4));
}
#app-mount .content-3FEARf { /* requirements copyright */
color: rgb(var(--fontwhite4));
}
#app-mount .bodySection-jqkkIP { /* sidebar section */
background-color: rgba(var(--vtransparencycolor), 0.2);
border-top-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .actionText-3EKWER { /* sidebar header */
color: rgb(var(--fontwhite2));
}
#app-mount .purchaseUnitOperatingSystem-cnbJPz { /* sidebar OSicon */
color: rgb(var(--fontwhite2));
}
#app-mount .price-4PDWNj, /* sidebar price */
#app-mount .listingPrice-2GiDSc {
color: rgb(var(--fontwhite1));
}
#app-mount .title-2xCQKy { /* sidebar subtitle */
color: rgb(var(--fontwhite1));
}
#app-mount .skuNormal-3h1es- { /* sidebar pricerow */
border-bottom-color: rgba(var(--fontwhite4), 0.4);
}
#app-mount .name-u2zgy7 { /* sidebar pricename */
color: rgb(var(--fontwhite3));
}
#app-mount .price-NUANu6 { /* sidebar priceamount */
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
}
#app-mount .label-13UUcd { /* sidebar label */
color: rgb(var(--fontwhite4));
}
#app-mount .info-1Emy1X { /* sidebar labelinfo */
color: rgb(var(--fontwhite1));
}
#app-mount .content-35aVm0 { /* invitecard container */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .name-3TBxUq { /* invitecard guildname */
color: rgb(var(--fontwhite3));
}
#app-mount .memberInfo-1TAaKC { /* invitecard memberinfo */
color: rgb(var(--fontwhite4));
}
#app-mount .row-1bU71H { /* features row */
background-color: rgba(var(--vtransparencycolor), 0.2);
color: rgb(var(--fontwhite3));
}
#app-mount .featureIcon-1f78KU { /* features featureicon */
color: rgb(var(--fontwhite3));
}
/* ~~~~ 10. FRIENDS ~~~~ */
.wrapper-1cBijl { /* friendsadd inputcontainer */
background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgba(var(--vtransparencycolor), 0.3);
}
.wrapper-1cBijl:hover {
border-color: rgb(var(--vtransparencycolor));
}
.wrapper-1cBijl .addFriendInput-4bcerK {
color: rgb(var(--fontwhite1));
}
.wrapper-1cBijl .addFriendInput-4bcerK::placeholder,
.addFriendHint-3Y70FX {
color: rgb(var(--fontwhite4));
}
#app-mount .friendsTable-133bsv .friendTableAddWrapper-nHHZtK h2 {
color: rgb(var(--fontwhite1));
}
.friendsTable-133bsv .friendTableAddWrapper-nHHZtK .friendTableAddDescription-19D3dl {
color: rgb(var(--fontwhite2));
}
.friendsTable-133bsv .friendsTableHeader-32yE7d { /* table header */
border-bottom-color: rgba(var(--fontwhite4), 0.5);
}
.container-2ax-kl { /* table headercell */
color: rgb(var(--fontwhite3));
}
.friendsTable-133bsv .friendsTableHeader-32yE7d .friendsColumn-eVHFqJ {
border-left-color: rgba(var(--fontwhite4), 0.3);
}
.friendsTable-133bsv .friendsRow-2yicud:hover { /* table headercell */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.friendsTable-133bsv .friendsRow-2yicud + .friendsRow-2yicud {
border: none;
overflow: visible;
position: relative;
}
.friendsTable-133bsv .friendsRow-2yicud + .friendsRow-2yicud:before {
content: "";
position: absolute;
top: 0;
left: -5px;
width: calc(100% - 10px);
border-top: 1px solid rgba(var(--fontwhite4), 0.3);
}
.friendsTable-133bsv .friendsRow-2yicud + .friendsRow-2yicud:hover:before {
left: 5px;
}
.friendsTable-133bsv .friendsRow-2yicud .discordTag-1Hozyw .username-1r0gCl {
color: rgb(var(--fontwhite2));
}
.friendsTable-133bsv .friendsRow-2yicud:hover .discordTag-1Hozyw .username-1r0gCl {
color: rgb(var(--fontwhite1));
}
.friendsTable-133bsv .friendsRow-2yicud .discordTag-1Hozyw .discriminator-1Ro5o1 {
color: rgb(var(--fontwhite3));
}
.friendsTable-133bsv .friendsRow-2yicud .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF {
color: rgb(var(--fontwhite4));
}
.friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnStatus-ZH4ho2 .statusText-2F9zIF {
color: rgb(var(--fontwhite3));
}
.friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO {
background-color: rgba(var(--vtransparencycolor), 0.3);
border: none;
color: rgb(var(--fontwhite3));
}
#app-mount .friendsTable-133bsv .friendsRow-2yicud .friendsColumnGuilds-2we6jb .moreMutualGuildsBtn-2VwbkO:hover {
color: rgb(var(--fontwhite1));
}
.friendsTable-133bsv .friendsRow-2yicud .friendsColumnActions-1LT3_M .friendsAction-__WNE9 {
color: rgb(var(--fontwhite3));
}
.friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M .friendsAction-__WNE9 {
color: rgb(var(--fontwhite2));
}
.friendsTable-133bsv .friendsRow-2yicud:hover .friendsColumnActions-1LT3_M .friendsAction-__WNE9:hover {
background-color: rgb(var(--vaccentcolor));
color: rgb(var(--fontwhite1));
}
/* ~~~~ 11. DISCOVERY ~~~~ */
#app-mount .pageWrapper-1PgVDX { /* guilddiscovery container */
color: rgb(var(--fontwhite1));
}
.pageWrapper-1PgVDX .bg-AYqtMd { /* guilddiscovery background */
-webkit-mask: linear-gradient(rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%);
}
.searchHelpText-19imBp {
opacity: 0;
transition: opacity .08s ease-out, bottom .08s ease-out;
}
.searchHelpTextVisible-1mRnNd {
opacity: 1;
}
.select-2TCrqx.languageSelector-1R8fPE [class*="css-"][class*="-control"] {
background-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .sectionSeparator-2OWiNT { /* guilddiscovery separator */
border-top-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .pageButton-MknE-_:hover { /* guilddiscovery pagebutton */
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
}
#app-mount .activeButton-1BJAiN,
#app-mount .activeButton-1BJAiN:hover { /* guilddiscovery pagebuttonactive */
color: rgb(var(--fontwhite1));
}
#app-mount .card-3DjzTQ { /* guildcard container */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .cardPlaceholder-1zrbbe { /* guildcard placeholder */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .guildName-1yURO5 { /* guildcard guildname */
color: rgb(var(--fontwhite1));
}
#app-mount .description-2QALGo { /* guildcard description */
color: rgb(var(--fontwhite3));
}
/* ~~~~ 12. USERSETTINGS ~~~~ */
.sidebarRegion-VFTUkN { /* sidebar container */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.themed-OHr7kt.item-PXvHYJ { /* sidebar item */
color: rgb(var(--fontwhite3));
}
.item-PXvHYJ[style^="color: rgb(255, 255, 255)"],
.item-PXvHYJ[style*=" color: rgb(255, 255, 255)"] {
color: rgb(var(--fontwhite1)) !important;
}
.themed-OHr7kt.item-PXvHYJ:hover {
color: rgb(var(--fontwhite2));
}
.side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover, /* sidebar sideitem */
.topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover { /* sidebar tabitems */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ,
.topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ {
background-color: rgb(var(--vaccentcolor));
color: rgb(var(--fontwhite1));
}
.header-2RyJ0Y { /* sidebar sideitemheader */
color: rgb(var(--fontwhite3));
}
.separator-gCa7yv { /* sidebar sideitemseparator */
background-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .foreground-26ym5y { /* sidebar sideitemlink */
fill: rgb(var(--fontwhite3));
}
#app-mount .link-1IoFq-:hover .foreground-26ym5y {
fill: rgb(var(--fontwhite1));
}
#app-mount .closeButton-1tv5uR { /* closebutton item */
border-color: rgb(var(--fontwhite4));
}
#app-mount .closeButton-1tv5uR path.fill {
fill: rgb(var(--fontwhite4));
}
#app-mount .closeButton-1tv5uR:hover {
background-color: rgba(var(--vaccentcolor), 0.2);
border-color: rgb(var(--vaccentcolor));
}
#app-mount .closeButton-1tv5uR:hover path.fill {
fill: rgb(var(--vaccentcolor));
}
#app-mount .keybind-KpFkfr { /* closebutton keybind */
color: rgb(var(--fontwhite4));
}
.contentRegion-3nDuYy { /* settingsitems container */
background-color: transparent;
}
.cardPrimary-1Hv-to, .cardPrimaryEditable-3KtE4g { /* settingsitems card */
border-color: rgba(var(--vtransparencycolor), 0.1);
}
.cardPrimary-1Hv-to {
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.cardPrimaryEditable-3KtE4g {
background-color: rgba(var(--vtransparencycolor), 0.1);
}
.cardPrimaryOutline-29Ujqw {
border-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .card-2qG0dv {
color: rgb(var(--fontwhite1));
}
.title-31JmR4 { /* settingsitems settingstitle */
color: rgb(var(--fontwhite1));
}
.divider-3573oO { /* settingsitems settingstitle */
background-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .userSettingsAccount-2eMFVR .viewBody-2Qz-jg { /* myaccount info */
color: rgb(var(--fontwhite3));
}
.questionMark-CWEQZn .icon-3a_Jgd { /* myaccount questionmark */
color: rgb(var(--fontwhite1));
}
#app-mount .avatarUploader-3XDtmn .removeButton-1hcZyG { /* myaccount removeavatar */
color: rgb(var(--fontwhite3));
}
#app-mount .userSettingsSecurity-3IYeMF .codeCheckbox-1T0TTy {
color: rgb(var(--fontwhite2));
}
.accountBtn-2Nozo3 .accountBtnInner-sj5jLs { /* connections connectioninner */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.accountBtn-2Nozo3 .accountBtnInner-sj5jLs:hover {
background-color: rgb(var(--vaccentcolor));
}
.connectionHeader-2MDqhu { /* connections header */
border-bottom-color: rgba(var(--vtransparencycolor), 0.15);
}
.connectionHeader-2MDqhu .connectionAccountValue-3VdBGs {
color: rgb(var(--fontwhite1));
}
.connectionHeader-2MDqhu .description-3_Ncsb {
color: rgb(var(--fontwhite2)) !important;
}
.subEnabledTitle-2ElRo_ {
color: rgb(var(--fontwhite1));
}
.connectionDelete-2Odoln { /* connections delete */
border-color: rgba(var(--fontwhite1), 0.3);
}
.connectionDelete-2Odoln:hover {
border-color: rgb(var(--fontwhite1));
}
.connectionDelete-2Odoln:after,
.connectionDelete-2Odoln:before {
background-color: rgba(var(--fontwhite1), 0.6);
}
.connectionDelete-2Odoln:hover:after,
.connectionDelete-2Odoln:hover:before {
background-color: rgb(var(--fontwhite1));
}
#app-mount .codeRedemptionRedirect-1wVR4b { /* payment coderedem */
background-color: rgba(var(--vtransparencycolor), 0.2);
border-color: rgba(var(--vtransparencycolor), 0.1);
color: rgb(var(--fontwhite1));
}
.introHeader-4MPach { /* hypesquad header */
color: rgb(var(--fontwhite1));
}
.introBlurb-3gFgTQ { /* hypesquad description */
color: rgb(var(--fontwhite2));
}
.title-PMZpEi { /* hypesquad perktitle */
color: rgb(var(--fontwhite1));
}
.description-1W0DiL { /* hypesquad description */
color: rgb(var(--fontwhite2));
}
.attendeeCTA-3ZZQWt { /* hypesquad attendeeCTA */
color: rgb(var(--fontwhite2));
}
.container-3PXSwK { /* voicesettings voicebarcontainer */
-webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iOCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzM2MzkzZiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAyYTIgMiAwIDAgMC0yIDJ2MTJhMiAyIDAgMSAwIDQgMFY0YTIgMiAwIDAgMC0yLTJ6Ii8+PC9zdmc+');
}
#app-mount .progress-1IcQ3A { /* voicesettings voicebar */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.userSettingsVoice-iwdUCU .media-engine-video { /* voicesettings video */
background: transparent;
}
#app-mount .userSettingsVoice-iwdUCU .previewOverlay-2O7_KC {
background-color: rgba(var(--vtransparencycolor), 0.2);
border-color: rgba(var(--vtransparencycolor), 0.1);
}
.option-n0icdO { /* overlay option */
background-color: rgba(var(--vtransparencycolor), 0.4);
}
.option-n0icdO:hover,
.option-n0icdO.selected-mKYnfr {
box-shadow: 0 2px 0 rgba(var(--vtransparencycolor), 0.3);
}
.disabled-3I9jyo {
color: rgba(var(--vtransparencycolor), 0.4);
}
.notificationsSound-27jFSh { /* notifications row */
color: rgb(var(--fontwhite2));
box-shadow: inset 0 -1px 0 0 rgba(var(--fontwhite4), 0.2);
}
#app-mount .row-2okwlC { /* hotkeys row */
color: rgb(var(--fontwhite2));
box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3);
}
#app-mount .card-FDVird:before { /* settingscard backdrop */
background-color: rgba(var(--vtransparencycolor), 0.2);
border-color: rgba(var(--vtransparencycolor), 0.1);
}
#app-mount .button-2CgfFz { /* settingscard removebutton */
background-color: rgba(var(--vtransparencycolor), 0.3);
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.6), 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .button-2CgfFz:hover {
background-color: rgba(var(--vtransparencycolor), 0.7);
}
#app-mount .game-1ipmAa { /* games card */
box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
}
#app-mount .notDetected-33MY4s { /* games nogame */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .nowPlayingAdd-1Kdmh_ { /* games descriptionhint */
color: rgb(var(--fontwhite3));
}
#app-mount .gameName-1RiWHm { /* games gamename */
color: rgb(var(--fontwhite1));
}
#app-mount .lastPlayed-3bQ7Bo, /* games lastplayed */
#app-mount .overlayStatusText-L2IACa { /* games overlaystatustext */
color: rgb(var(--fontwhite3));
}
#app-mount .overlayToggleIconOn-3UNmty .fill-1ugeBG { /* games overlaystatusicon */
fill: rgb(var(--fontwhite3));
}
#app-mount .nowPlaying-284llR .lastPlayed-3bQ7Bo,
#app-mount .nowPlaying-284llR .overlayStatusText-L2IACa {
color: rgb(var(--fontwhite2));
}
#app-mount .nowPlaying-284llR .overlayToggleIconOff-1kT42w .fill-1ugeBG,
#app-mount .nowPlaying-284llR .overlayToggleIconOn-3UNmty .fill-1ugeBG {
fill: rgb(var(--fontwhite2));
}
#app-mount .gameNameInput-385LoS:focus,
#app-mount .gameNameInput-385LoS:hover {
background-color: rgba(var(--vtransparencycolor), 0.3);
border-color: rgba(var(--vtransparencycolor), 0.1);
}
#app-mount .text-GwUZgS,
#app-mount .title-2BxgL2 {
color: rgb(var(--fontwhite4));
}
#app-mount .installationPath-24giJj { /* gamelibrary container */
box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
}
#app-mount .usageInfo-2WQAwr { /* gamelibrary usageinfo */
color: rgb(var(--fontwhite2));
}
#app-mount .background-yZEZik { /* gamelibrary usagebar */
stroke: rgb(var(--vtransparencycolor), 0.5);
}
#app-mount .rowTitle-3xCiqy { /* gamelibrary rowtitle */
color: rgb(var(--fontwhite3));
}
#app-mount .defaultIndicator-2X8Auf { /* gamelibrary rowtag */
background-color: rgba(var(--vtransparencycolor), 0.5);
color: rgb(var(--fontwhite1));
}
#app-mount .rowBody-10yI-R { /* gamelibrary rowdescription */
color: rgb(var(--fontwhite4));
}
#app-mount .item-3eFBNF { /* langagesettings row */
box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
}
/* ~~~~ 13. GUILDSETTINGS ~~~~ */
#app-mount .selectableItem-1MP3MQ { /* auditlogs popoutitem */
color: rgb(var(--fontwhite2));
}
#app-mount .selectableItem-1MP3MQ:hover {
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .selectableItem-1MP3MQ[style*=" color: rgb(255, 255, 255)"] {
color: rgb(var(--fontwhite1)) !important;
}
#app-mount .selectableItem-1MP3MQ polyline[stroke="#ffffff"] {
stroke: rgb(var(--fontwhite1));
}
#app-mount .auditLog-3jNbM6 { /* auditlogs logitem */
border-color: rgba(var(--vtransparencycolor), 0.1);
color: rgb(var(--fontwhite4));
}
#app-mount .headerClickable-2IVFo9, /* auditlogs loginner */
#app-mount .headerDefault-1wrJcN {
background-color: rgba(var(--vtransparencycolor), 0.2);
color: rgb(var(--fontwhite3));
}
#app-mount .headerExpanded-CUEwZ5 {
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite2));
}
#app-mount .divider-1pnAR2 { /* auditlogs loginnerdivider */
background-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .changeDetails-bk98pu { /* auditlogs logdetails */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .userHook-3AdCBF { /* auditlogs userhook */
color: rgb(var(--fontwhite1));
}
#app-mount .auditLog-3jNbM6 strong { /* auditlogs targets */
color: rgb(var(--fontwhite1));
}
#app-mount .timestamp-1mruiI { /* auditlogs timestamp */
color: rgb(var(--fontwhite4));
}
#app-mount .expandForeground-1nZ4VR { /* auditlogs expandarrow */
stroke: rgb(var(--fontwhite2));
}
.themeOverrideLight-3bx_5B.icon-RTGJu3, /* auditlogs logicon */
.themeOverrideDark-1u5Vo0.icon-RTGJu3,
#app-mount .icon-RTGJu3 {
background: none !important;
}
.icon-RTGJu3:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(var(--fontwhite1));
}
.icon-RTGJu3.targetAll-13V3n6:before {
-webkit-mask: url(https://discordapp.com/assets/fc3f5f9be1a4db14b02336b7cb02e6ce.svg);
}
.icon-RTGJu3.targetBan-3mbIPL:before {
-webkit-mask: url(https://discordapp.com/assets/edb23a53ea40ac60f212ebae66e5c5c7.svg);
}
.icon-RTGJu3.targetChannel-TrRFlx:before {
-webkit-mask: url(https://discordapp.com/assets/343c9ff4c775c66a7d4af1f8691c34e0.svg);
}
.icon-RTGJu3.targetGuild-mDWfAV:before {
-webkit-mask: url(https://discordapp.com/assets/30af96a386520760ad107c5b77ba002a.svg);
}
.icon-RTGJu3.targetEmoji-3vhPhM:before {
-webkit-mask: url(https://discordapp.com/assets/7a9bf92329dad473ef0383ae75367215.svg);
}
.icon-RTGJu3.targetInvite-1RQBlr:before {
-webkit-mask: url(https://discordapp.com/assets/4b33371531a1a89f99296a73fc9ef588.svg);
}
.icon-RTGJu3.targetMemberRole-jowY3I:before {
-webkit-mask: url(https://discordapp.com/assets/a9098042cb36b955c5021259f1d48f91.svg);
}
.icon-RTGJu3.targetMember-2iuwxX:before {
-webkit-mask: url(https://discordapp.com/assets/af043346e036ef7b1aac1cf42cd1e699.svg);
}
.icon-RTGJu3.targetPermission-ZRUN5n:before {
-webkit-mask: url(https://discordapp.com/assets/2a37995eb832bae805190a93ba043857.svg);
}
.icon-RTGJu3.targetRole-2MoUny:before {
-webkit-mask: url(https://discordapp.com/assets/0176a91b4c44ed05c05af68784e78da8.svg);
}
.icon-RTGJu3.targetVanityUrl-3OpsYX:before {
-webkit-mask: url(https://discordapp.com/assets/84215a5fec3d9de9960a225143238d74.svg);
}
.icon-RTGJu3.targetWebhook-1xS7Z7:before {
-webkit-mask: url(https://discordapp.com/assets/a6975850d800aa86162b4aa5f18c41ac.svg);
}
.icon-RTGJu3.targetWidget-3hFVSM:before {
-webkit-mask: url(https://discordapp.com/assets/4ac0e382cc7b8aa0cb1d6d074b0e8ba5.svg);
}
.icon-RTGJu3.targetMessage-2kBYMT:before {
-webkit-mask: url(https://discordapp.com/assets/8c85e30795486caa8caacd829703459d.svg);
}
.addRoleIcon-3YjErH { /* rolesettings addrolebutton */
-webkit-mask: url(https://discordapp.com/assets/cef02719c12d8aaf38894c16dca7fbe6.svg);
background: rgb(var(--fontwhite3));
object-position: -9999999px -9999999px;
}
#app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm { /* rolesettings colorswatchnocolor */
border-color: rgba(var(--fontwhite1), 0.1);
}
#app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm .colorPickerDropperFg-3jYKWI {
fill: rgb(var(--fontwhite1));
}
#app-mount .colorPickerSwatch-5GX3Ve.noColor-1pdBDm polyline {
stroke: rgb(var(--fontwhite1));
}
.carouselContainer-2-vIZS { /* boostsettings scrollercontainer */
-webkit-mask: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,1) 22px, rgba(0,0,0,1) 578px, rgba(0,0,0,0) 600px);
}
.carouselGradientEdge-2W94ou { /* boostsettings scrollergradient */
display: none;
}
#app-mount .subscriberCount-27QHc5 { /* boostsettings subcount */
color: rgb(var(--fontwhite3));
}
#app-mount .subscriberCount-27QHc5 strong {
color: rgb(var(--fontwhite2));
}
#app-mount .moreSubscribers-1cuWDE { /* boostsettings suboverflow */
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
}
#app-mount .subscribersPopout-2CP6Ln { /* boostsettings subpopout */
background-color: transparent;
box-shadow: 0 2px 10px rgba(var(--vtransparencycolor), 0.2);
overflow: hidden;
}
.subscribersPopout-2CP6Ln:after,
.subscribersPopout-2CP6Ln:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.subscribersPopout-2CP6Ln:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.35));
}
.subscribersPopout-2CP6Ln:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#app-mount .subscribersPopoutUser-3rC75S { /* boostsettings subpopoutusers */
color: rgb(var(--fontwhite3));
}
#app-mount .tierHeaderLocked-1s2JJz, /* boostsettings tierheaderlocked (settings) */
#app-mount .tierHeaderLocked-1s2JJz { /* boostsettings tierheaderlocked (modal) */
background-color: rgba(var(--vtransparencycolor), 0.4);
color: rgb(var(--fontwhite3));
}
#app-mount .tierLock-1oFMOZ, /* boostsettings tierlock (settings) */
#app-mount .tierLock-3CSxSX { /* boostsettings tierlock (modal) */
color: rgb(var(--fontwhite4));
}
#app-mount .tierHeaderUnlocked-2RhWqn, /* boostsettings tierheaderunlocked (settings) */
#app-mount .tierHeaderUnlocked-1n-OTI { /* boostsettings tierheaderunlocked (modal) */
background-color: rgba(var(--vtransparencycolor), 0.4);
color: rgb(var(--fontwhite1));
}
#app-mount .tierUnlocked-27DwHo, /* boostsettings tierunlocked (settings) */
#app-mount .tierUnlocked-25K6Kv { /* boostsettings tierunlocked (modal) */
background-color: rgb(var(--fontwhite1));
}
#app-mount .boostCount-UFqabz {
background-color: rgba(var(--vtransparencycolor), 0.4);
color: rgb(var(--fontwhite3));
}
#app-mount .tierBody-x9kBBp, /* boostsettings tierbody (settings) */
#app-mount .tierBody-16Chc9 { /* boostsettings tierbody (modal) */
background-color: rgba(var(--vtransparencycolor), 0.2);
color: rgb(var(--fontwhite3));
}
#app-mount .tierNoneContainer-3hhK3h { /* boostsettings tiernonecontainer */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.tierNoneCard-peD7hV { /* boostsettings tiernonecard */
opacity: 0.6;
}
#app-mount .tierNoneText-2OvCv7 {
color: rgb(var(--fontwhite3));
}
#app-mount .tierCloseHint-380zIA, /* boostsettings tierclose */
#app-mount .tierCloseClose-2z5dSa {
color: rgb(var(--fontwhite1));
}
#app-mount .tierInProgress-3mBoXq { /* boostsettings tiermilestone (settings) */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .tierMarkerBackground-3q29am { /* boostsettings tiermilestone (modal) */
background: transparent;
}
#app-mount .tierMarkerInProgress-24LMzJ {
background: rgba(var(--vtransparencycolor), 0.3) !important;
}
#app-mount .selectedTier-1JkO7i .tierMarker-5HkGJ_ {
box-shadow: 0 4px 8px rgba(var(--vtransparencycolor), 0.24);
}
#app-mount .tierMarkerLabel-2PluTw { /* boostsettings tiermilestonelabel */
color: rgb(var(--fontwhite3));
}
#app-mount .selectedTier-1JkO7i .tierMarkerLabel-2PluTw {
color: rgb(var(--fontwhite1));
}
#app-mount .background-3xPPFc { /* boostsettings tierbar (settings) */
color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .barBackground-2EEiLw { /* boostsettings tierbar (modal) */
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(var(--vtransparencycolor), 0.3) 3%, rgba(var(--vtransparencycolor), 0.3) 30.2%, rgba(0,0,0,0) 30.2%, rgba(0,0,0,0) 36.2%, rgba(var(--vtransparencycolor), 0.3) 36.2%, rgba(var(--vtransparencycolor), 0.3) 63.5%, rgba(0,0,0,0) 63.5%, rgba(0,0,0,0) 69.5%, rgba(var(--vtransparencycolor), 0.3) 69.5%, rgba(var(--vtransparencycolor), 0.3) 96.7%, rgba(0,0,0,0) 96.7%, rgba(0,0,0,0) 100%);
}
#app-mount .giftIcon-2Pjbiy { /* boostsettings gifticon */
color: rgb(var(--fontwhite3));
margin: 0 18px;
}
#app-mount .button-38aScr:hover .giftIcon-2Pjbiy {
color: rgb(var(--fontwhite2));
}
#app-mount .button-38aScr:active .giftIcon-2Pjbiy {
color: rgb(var(--fontwhite1));
}
#app-mount .member-1q7VfX { /* membersettings membercard */
box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
}
#app-mount .member-1q7VfX .name-8yzEIY { /* membersettings membercardname */
color: rgb(var(--fontwhite1));
}
#app-mount .member-1q7VfX .tag-1YGWN9 { /* membersettings membercardtag */
color: rgb(var(--fontwhite4));
}
#app-mount .actionButton-VzECiy { /* membersettings addrolebutton */
border-color: rgb(var(--fontwhite4));
color: rgb(var(--fontwhite3));
}
#app-mount .member-1q7VfX .overflowIconFg-QMRRFI { /* membersettings 3-doticon */
fill: rgb(var(--fontwhite1));
}
#app-mount .inviteSettingsInviteRow-3p2O-N { /* invitesettings invitecard */
box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
color: rgb(var(--fontwhite2));
}
.user-3x-NP9 { /* invitesettings user */
color: rgb(var(--fontwhite1));
}
.channelName-13-Sm9 { /* invitesettings channelname */
color: rgb(var(--fontwhite3));
}
#app-mount .bannedUser-1IalTM { /* bansettings bancard */
box-shadow: 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
}
#app-mount .bannedUser-1IalTM .username-1b3MVI { /* invitesettings username */
color: rgb(var(--fontwhite1));
}
#app-mount .bannedUserModal-3RJCOV .reasonHeader-2etdjy { /* invitesettings banmodalreasonheader */
color: rgb(var(--fontwhite2));
}
#app-mount .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO,
#app-mount .bannedUserModal-3RJCOV .reason-YbfGC6, /* invitesettings banmodalreason */
#app-mount .bannedUserModal-3RJCOV .userDiscrim-1D2NlF { /* invitesettings discriminator */
color: rgb(var(--fontwhite3));
}
/* ~~~~ 14. MODALS ~~~~ */
#app-mount .root-1gCeng, /* modal container (foldersettings) */
#app-mount .modal-yWgWj- { /* modal container */
background-color: transparent;
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
}
.root-1gCeng:after,
.root-1gCeng:before,
.modal-yWgWj-:after,
.modal-yWgWj-:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.root-1gCeng:after,
.modal-yWgWj-:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
}
.root-1gCeng:before,
.modal-yWgWj-:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#app-mount .footer-3rDWdC { /* modal footer */
background-color: rgba(var(--vtransparencycolor), 0.2);
box-shadow: none;
}
#app-mount .closeIcon-3_iQ6l, /* modal closebutton */
#app-mount .close-1kwMUs {
color: rgb(var(--fontwhite1));
}
#app-mount .closeIcon-3_iQ6l:hover,
#app-mount .close-1kwMUs:hover {
background-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .guildName-3WI6ml, /* modal guildname */
#app-mount .date-2WJGyu,
#app-mount .override-2YgiXd,
#app-mount .overrideHighlight-YPcBxt {
color: rgb(var(--fontwhite3));
}
#app-mount .channelName-28iMRJ { /* modal channelname */
color: rgb(var(--fontwhite1));
}
.tabBarContainer-1s1u-z { /* modal tabbarcontainer */
border-top-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .BDFDB-modal .tabBarContainer-1s1u-z {
background: rgba(var(--vtransparencycolor), 0.2);
box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1);
}
.top-28JiJ- .themed-OHr7kt.item-PXvHYJ, /* modal tabbaritem */
.top-28JiJ- .item-PXvHYJ[style*="rgba(79, 84, 92, 0.4)"],
.top-28JiJ- .item-PXvHYJ[style*="rgba(255, 255, 255, 0.4)"],
.themed-OHr7kt.tabBarItem-1b8RUP,
.tabBarItem-1b8RUP[style*="rgba(79, 84, 92, 0.4)"],
.tabBarItem-1b8RUP[style*="rgba(255, 255, 255, 0.4)"] {
color: rgba(var(--fontwhite1), 0.4) !important;
}
.top-28JiJ- .themed-OHr7kt.item-PXvHYJ:hover, /* modal tabbaritem hover */
.top-28JiJ- .item-PXvHYJ[style*="rgba(79, 84, 92, 0.6)"],
.top-28JiJ- .item-PXvHYJ[style*="rgba(255, 255, 255, 0.6)"],
.themed-OHr7kt.tabBarItem-1b8RUP:hover,
.tabBarItem-1b8RUP[style*="rgba(79, 84, 92, 0.6)"],
.tabBarItem-1b8RUP[style*="rgba(255, 255, 255, 0.6)"] {
border-color: rgba(var(--fontwhite1), 0.6) !important;
color: rgba(var(--fontwhite1), 0.6) !important;
}
.top-28JiJ- .themed-OHr7kt.item-PXvHYJ.selected-3s45Ha, /* modal tabbaritem selected */
.top-28JiJ- .item-PXvHYJ[style*="rgb(79, 84, 92)"],
.top-28JiJ- .item-PXvHYJ[style*="rgb(255, 255, 255)"],
.themed-OHr7kt.tabBarItem-1b8RUP.selected-3s45Ha,
.tabBarItem-1b8RUP[style*="rgb(79, 84, 92)"],
.tabBarItem-1b8RUP[style*="rgb(255, 255, 255)"] {
border-color: rgb(var(--fontwhite1)) !important;
color: rgb(var(--fontwhite1)) !important;
}
#app-mount .content-8biNdB p, /* modal listentry */
#app-mount .content-8biNdB ul li {
color: rgb(var(--fontwhite2));
}
#app-mount .content-8biNdB ul li:before { /* modal listentrydot */
background-color: rgb(var(--fontwhite2));
}
/* ---- 14.1. USERMODAL ----- */
#app-mount .root-SR8cQa { /* modal container */
background-color: transparent;
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
}
.root-SR8cQa:after,
.root-SR8cQa:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.root-SR8cQa:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
}
.root-SR8cQa:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#app-mount .topSectionNormal-2-vo2m { /* modal headernormal */
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.2);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
.body-3ND3kc { /* modal body */
background-color: transparent;
}
.discriminator-xUhQkU { /* header discriminator */
color: rgb(var(--fontwhite1));
}
.topSectionNormal-2-vo2m .discriminator-xUhQkU {
color: rgb(var(--fontwhite2));
}
.additionalActionsIcon-1FoUlE, /* header additionalactionsicon */
.topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE,
.topSectionNormal-2-vo2m .additionalActionsIcon-1FoUlE:hover {
color: rgb(var(--fontwhite1));
}
.topSectionNormal-2-vo2m .tabBarContainer-1s1u-z { /* header tabbarcontainer */
border-top-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .header-QKLPzZ .textRow-19NEd_ {
color: rgb(var(--fontwhite2));
}
#app-mount .topSectionNormal-2-vo2m .header-QKLPzZ .textRow-19NEd_ {
color: rgb(var(--fontwhite3));
}
#app-mount .activityProfile-2bJRaP .headerText-1HLrL7 { /* header activitytext */
color: rgb(var(--fontwhite1));
}
#app-mount .activityProfile-2bJRaP .content-3JfFJh, /* header activitycontent */
#app-mount .activityProfile-2bJRaP .details-38sfDr, /* header activitydetails */
#app-mount .activityProfile-2bJRaP .name-29ETJS { /* header activityname */
color: rgb(var(--fontwhite2));
}
.userInfoSectionHeader-CBvMDh { /* body sectionheader */
color: rgb(var(--fontwhite3));
}
.userInfoSection-2acyCx + .userInfoSection-2acyCx {
border-top-color: rgba(var(--fontwhite4), 0.3);
}
.connectedAccount-36nQx7 { /* body connectedaccount */
border-color: rgba(var(--fontwhite4), 0.3);
}
.connectedAccountName-f8AEe2 { /* body connectedaccountname */
color: rgb(var(--fontwhite2));
}
.connectedAccountOpenIcon-2cNbq5 {
color: rgb(var(--fontwhite2));
}
.connectedAccountOpenIcon-2cNbq5:hover {
color: rgb(var(--fontwhite1));
}
.listRow-hutiT_ { /* body listrow */
color: rgb(var(--fontwhite2));
}
.guildNick-3uAm3i { /* body guildnick */
color: rgb(var(--fontwhite3));
}
.listRow-hutiT_:hover {
background-color: rgba(var(--vtransparencycolor), 0.2);
color: rgb(var(--fontwhite1));
}
.listRow-hutiT_:hover .guildNick-3uAm3i {
color: rgb(var(--fontwhite2));
}
.emptyIcon-pGTAhd { /* body emptypic */
opacity: 0.6;
}
.emptyText-6tYmO5 { /* body emptytext */
color: rgb(var(--fontwhite2));
}
/* ---- 14.2. GUILDADD/CREATION ----- */
#app-mount .wrapper-2ZbzR9 { /* modal wrapper */
background: transparent;
}
#app-mount .action-1lSjCi {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.2);
border-color: rgba(var(--vtransparencycolor), 0.2);
box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.1);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#app-mount .actionBody-1qj65C { /* modal actiontext */
color: rgb(var(--fontwhite2));
}
#app-mount .actionButton-2PeQbJ { /* modal actionbutton */
color: rgb(var(--fontwhite1));
}
#app-mount .or-3THJsp { /* modal oricon */
-webkit-mask: url(https://discordapp.com/assets/b9cf5548cc5a23a6943f194a0ace88f8.svg) center/52px 52px no-repeat;
background: none;
color: rgb(var(--fontwhite1));
line-height: 306px;
}
.or-3THJsp:after,
.or-3THJsp:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.or-3THJsp:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
}
.or-3THJsp:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#app-mount .cancelButton-RGXhAE { /* modal cancelbutton */
color: rgb(var(--fontwhite2));
}
#app-mount .cancelButton-RGXhAE:hover {
color: rgb(var(--fontwhite1));
border-bottom-color: rgb(var(--fontwhite1));
}
#app-mount .cancelButton-RGXhAE:before {
-webkit-mask: url(https://discordapp.com/assets/eb57a76361c43375bf23207ad2acc631.svg) 0/18px 12px no-repeat;
background: rgb(var(--fontwhite2));
}
#app-mount .cancelButton-RGXhAE:hover:before {
background: rgb(var(--fontwhite1));
}
#app-mount .description-QF3836 { /* create description */
color: rgb(var(--fontwhite2));
}
#app-mount .helpText-h3r3wC { /* create helptext */
color: rgb(var(--fontwhite2));
}
.avatar-21196O { /* create avataruploader */
border-color: rgb(var(--fontwhite1));
}
.avatarUploaderAcronym-3SioMc, /* create avataruploaderacronym */
.avatarUploaderHint-3SN212 { /* create avataruploaderhint */
color: rgb(var(--fontwhite1));
}
.avatarUploader-3XDtmn .sizeInfo-SKMPPw { /* create avatarsizeinfo */
color: rgb(var(--fontwhite2));
}
#app-mount .regionSelect-3lf4eE .regionSelectInner-24f4Ce, /* create regionselect */
#app-mount .regionSelect-3lf4eE button {
border-color: rgb(var(--fontwhite1));
}
#app-mount .regionSelect-3lf4eE:hover button {
color: rgb(var(--fontwhite1));
}
#app-mount .regionSelectName-2-2FWh { /* create regionselectname */
color: rgb(var(--fontwhite2));
}
#app-mount .description-Bw8krY { /* join description */
color: rgb(var(--fontwhite2));
}
#app-mount .inputLabel-vJ2Z0B { /* join inputlabel */
color: rgb(var(--fontwhite2));
}
/* ---- 14.3. REGIONSELECTMODAL ---- */
#app-mount .regionSelectModal-12e-57 { /* modal container */
background-color: transparent;
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
}
.regionSelectModal-12e-57:after,
.regionSelectModal-12e-57:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.regionSelectModal-12e-57:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
}
.regionSelectModal-12e-57:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
background-color: rgba(var(--vtransparencycolor), 0.2);
border-color: rgba(var(--vtransparencycolor), 0.1);
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
background-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
color: rgb(var(--fontwhite3));
}
/* ---- 14.4. UPLOADMODAL ---- */
.uploadModal-2ifh8j .inner-3nWsbo, /* modal inner */
.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo {
border-color: rgba(var(--fontwhite1), 0.5);
color: rgb(var(--fontwhite1));
}
.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .description-2ug5H_ .filename-ovv3c5 {
color: rgb(var(--fontwhite1));
}
.uploadModalIn-1z07Bv .uploadDropModal-2kTwbc .inner-3nWsbo .instructions-2Du9gG {
color: rgb(var(--fontwhite3));
}
.content-P4SiGI { /* modal errorcontent */
color: rgb(var(--fontwhite3));
}
.navArrow-3Q9QPC { /* modal navarrow */
-webkit-mask: url(https://discordapp.com/assets/c83861b2303b7ee40c419e9590d57f11.svg) center/contain no-repeat;
background-color: rgb(var(--fontwhite3));
object-position: -9999999px -9999999px;
}
.uploadModal-2ifh8j .inner-zqa7da { /* modal channeltextarea */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.uploadModal-2ifh8j .footer-3mqk7D { /* modal footer */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.uploadModal-2ifh8j .checkbox-1ix_J3 { /* modal checkbox */
border-color: rgb(var(--fontwhite1)) !important;
}
.uploadModal-2ifh8j .inner-3nWsbo .file-34mY5K .icon-kyxXVr.image-2yrs5j {
box-shadow: 0 2px 8px rgba(var(--vtransparencycolor), 0.4);
}
/* ---- 14.5. KEYBOARDSHORTCUTSMODAL ---- */
#app-mount .keyboardShortcutsModal-3piNz7 { /* modal container */
background-color: transparent;
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
}
.keyboardShortcutsModal-3piNz7:after,
.keyboardShortcutsModal-3piNz7:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.keyboardShortcutsModal-3piNz7:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
}
.keyboardShortcutsModal-3piNz7:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#app-mount .modalTitle-37O4n6 { /* modal title */
color: rgb(var(--fontwhite1));
}
#app-mount .modalSubtitle-1Pj5nv { /* modal subtitle */
border-color: rgba(var(--fontwhite4), 0.3);
color: rgb(var(--fontwhite1));
}
#app-mount .keyboardShortcutList-13cQ-8 .keybindGroup--6Qp-w .keybindDescription-2RDbC2 {
color: rgb(var(--fontwhite2));
}
#app-mount .keybindShortcut-1BD6Z1 {
color: rgb(var(--fontwhite1));
}
#app-mount .keybindShortcut-1BD6Z1 span {
color: rgb(var(--fontwhite1));
box-shadow: inset 0 -4px 0 rgb(0, 0, 0, 0.4);
border: 1px solid rgb(0, 0, 0, 0.4);
background-color: rgb(var(--fontwhite4));
}
#app-mount .keybindShortcut-1BD6Z1 span [fill^="#"] {
fill: rgb(var(--fontwhite1));
}
/* ---- 14.6. QUICKSWITCHER ---- */
#app-mount .quickswitcher-3JagVE { /* modal container */
background-color: transparent;
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
}
.quickswitcher-3JagVE:after,
.quickswitcher-3JagVE:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.quickswitcher-3JagVE:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
}
.quickswitcher-3JagVE:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#app-mount .input-2VB9rf { /* modal input */
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.4);
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
color: rgb(var(--fontwhite1));
}
#app-mount .input-2VB9rf::placeholder {
color: rgb(var(--fontwhite3));
}
#app-mount .header-13MUnb { /* modal header */
color: rgb(var(--fontwhite2));
}
#app-mount .resultFocused-3aIoYe { /* modal resultfocused */
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.2);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#app-mount .contentUnread-3gTHvA { /* modal contentunread */
color: rgb(var(--fontwhite1));
}
#app-mount .contentDefault-16dKSY, /* modal contentdefault */
#app-mount .icon-30q1Or, /* modal icon */
#app-mount .misc-1CT3G7 { /* modal misc */
color: rgb(var(--fontwhite3));
}
#app-mount .note-S--UP5 { /* modal note */
color: rgb(var(--fontwhite4));
}
#app-mount .resultFocused-3aIoYe .contentDefault-16dKSY,
#app-mount .resultFocused-3aIoYe .icon-30q1Or,
#app-mount .contentUnread-3gTHvA .icon-30q1Or,
#app-mount .resultFocused-3aIoYe .misc-1CT3G7 {
color: rgb(var(--fontwhite1));
}
#app-mount .resultFocused-3aIoYe .note-S--UP5 {
color: rgb(var(--fontwhite3));
}
#app-mount .tipsWithoutResults-lGY-De,
#app-mount .tipsWithResults-HhTE9b {
border-color: rgba(var(--fontwhite4), 0.3);
color: rgb(var(--fontwhite3));
}
#app-mount .keybindShortcutTipsSelect-HDyfe8:last-of-type:before {
background-color: rgba(var(--fontwhite4), 0.3);
}
/* ---- 14.7. INVITEMODAL ---- */
#app-mount .friendSelected-1sa4bG, /* modal groupdmrow */
#app-mount .inviteRow-2L02ae:hover { /* modal guildrow */
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.2);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#app-mount .friend-3KALPe, /* modal groupdmrow */
#app-mount .inviteRowName-1tVaxu { /* modal username */
color: rgb(var(--fontwhite2));
}
#app-mount .friendSelected-1sa4bG,
#app-mount .inviteRow-2L02ae:hover .inviteRowName-1tVaxu {
color: rgb(var(--fontwhite1));
}
#app-mount .checkBoxLabel-4PWfpk,
#app-mount .footerText-2a7NxZ,
#app-mount .subtitle-2P4u9v,
#app-mount .subText-bCySlS {
color: rgb(var(--fontwhite3));
}
.tag-2gHSR7 {
background-color: rgb(var(--vaccentcolor));
color: rgb(var(--fontwhite1));
}
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
/* ---- 14.8. LOGINSCREEN ---- */
#app-mount .wrapper-3Q5DdO { /* login wrapper */
background: transparent;
}
.wrapper-3Q5DdO:before, /* login winbuttonshadow */
.wrapper-3Q5DdO .rightSplit-2US0xy, /* login background */
.wrapper-3Q5DdO .canvas-3XuBXe { /* login movingshadow */
display: none;
}
#app-mount .authBox-hW6HRx { /* login modal */
background-color: rgba(var(--vtransparencycolor), 0.5);
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite3));
position: relative;
overflow: hidden;
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 15. POPOUTS ~~~~ */
#app-mount .popout-2iWAc-:not(.noShadow-3pu20z) {
box-shadow: 0 0 1px rgba(var(--vtransparencycolor), 0.82), 0 1px 4px rgba(var(--vtransparencycolor), 0.1);
}
Update BasicBackground.css
2019-09-20 22:38:57 +02:00
.popout-2iWAc-[style*="translateY(-100%)"] {
transform: unset !important;
}
.popout-2iWAc-[style*="translateX(-50."],
.popout-2iWAc-[style*="translateX(-50%)"] {
themes
2019-09-20 18:51:34 +02:00
transform: translateX(-50%) !important;
Update BasicBackground.css
2019-09-20 11:48:48 +02:00
}
Update BasicBackground.css
2019-09-20 22:38:57 +02:00
.popout-2iWAc-[style*="translateX(-100%)"] {
Update BasicBackground.css
2019-09-20 11:48:48 +02:00
transform: translateX(-100%) !important;
}
Update BasicBackground.css
2019-09-20 22:38:57 +02:00
.popout-2iWAc-[style*="translateY(-100%)"] > *:only-child {
margin-top: -100%;
Update BasicBackground.css
2019-09-20 11:48:48 +02:00
}
themes
2019-09-20 18:51:34 +02:00
.popout-2iWAc-[style*="translateX(-50."] > *,
Update BasicBackground.css
2019-09-20 11:48:48 +02:00
.popout-2iWAc-[style*="translateX(-50%)"] > * {
margin-left: -50%;
transform: translateX(50%);
}
.popout-2iWAc-[style*="translateX(-100%)"] > * {
margin-left: -100%;
transform: translateX(100%);
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .container-2x5lvQ, /* RTCpopout (for example voicequality) */
themes
2019-09-20 18:51:34 +02:00
#app-mount .quickSelectPopout-X1hvgV, /* quickselect (for example regionselect) */
Update BasicBackground.css
2019-09-20 11:50:53 +02:00
#app-mount .themedPopout-1TrfdI, /* themed popout (for example mentionpopout) */
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .popoutList-T9CKZQ { /* listpopout (for example auditlogs) */
background-color: transparent;
Update BasicBackground.css
2019-09-20 23:04:33 +02:00
border: none;
Update BasicBackground.css
2019-09-20 22:41:45 +02:00
border-radius: 5px;
Update BasicBackground.css
2019-09-20 23:04:33 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
themes
2019-09-20 18:51:34 +02:00
color: rgb(var(--fontwhite1));
BsicBackground FIX
2019-09-19 12:56:54 +02:00
position: relative;
}
.container-2x5lvQ:after,
.container-2x5lvQ:before,
themes
2019-09-20 18:51:34 +02:00
.quickSelectPopout-X1hvgV:after,
.quickSelectPopout-X1hvgV:before,
Update BasicBackground.css
2019-09-20 11:51:17 +02:00
.themedPopout-1TrfdI:after,
.themedPopout-1TrfdI:before,
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.popoutList-T9CKZQ:after,
.popoutList-T9CKZQ:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
Update BasicBackground.css
2019-09-20 22:41:45 +02:00
border-radius: 5px;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
z-index: -1;
}
.container-2x5lvQ:after,
themes
2019-09-20 18:51:34 +02:00
.quickSelectPopout-X1hvgV:after,
Update BasicBackground.css
2019-09-20 11:51:17 +02:00
.themedPopout-1TrfdI:after,
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.popoutList-T9CKZQ:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
}
.container-2x5lvQ:before,
themes
2019-09-20 18:51:34 +02:00
.quickSelectPopout-X1hvgV:before,
Update BasicBackground.css
2019-09-20 11:51:17 +02:00
.themedPopout-1TrfdI:before,
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.popoutList-T9CKZQ:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
Update BasicBackground.css
2019-09-20 23:04:33 +02:00
.popout-googletranslate .themedPopout-1TrfdI {
margin-top: -427px !important;
}
themes
2019-09-20 18:51:34 +02:00
#app-mount .quickSelectPopoutOption-opKBx9:hover {
background-color: rgba(var(--vtransparencycolor), 0.2);
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .container-2x5lvQ .header-2C89wJ {
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .container-2x5lvQ section {
background-color: transparent;
}
#app-mount .container-2x5lvQ section p {
color: rgb(var(--fontwhite3));
}
#app-mount .container-2x5lvQ section strong {
color: rgb(var(--fontwhite1));
}
#app-mount .debugButton-1Zec0y {
color: rgb(var(--fontwhite3));
}
#app-mount .header-3po9qd { /* popout innerheader (for example GoLive) */
color: rgb(var(--fontwhite1));
}
#app-mount .breadcrumbWrapper-WmDjgG { /* popout breadcrumbs (for example NitroGift) */
color: rgb(var(--fontwhite3));
}
#app-mount .activeBreadcrumb-p6aw-F {
color: rgb(var(--fontwhite1));
}
#app-mount .divider-1que2t { /* popout divider */
border-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .giftBlurb-4VKZWm,
#app-mount .trialNote-wEO1RW,
#app-mount .trialText-2gR3-S {
color: rgb(var(--fontwhite2));
}
#app-mount .price-3dKlQv,
#app-mount .annualDiscount-1VxngV {
color: rgb(var(--fontwhite1));
}
#app-mount .interval-bfFUiQ {
color: rgb(var(--fontwhite3));
}
#app-mount .option-1l2vXE {
background-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .addGamePopout-2RY8Ju { /* addgamepopout */
background-color: transparent;
}
.addGamePopout-2RY8Ju:after,
.addGamePopout-2RY8Ju:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.addGamePopout-2RY8Ju:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.15));
}
.addGamePopout-2RY8Ju:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
/* ---- 15.1. CONTEXTMENU ---- */
.menu-Sp6bN1, /* contextmenu container (guildheader/status) */
.contextMenu-HLZMGh, /* contextmenu container (contextmenu) */
.container-3cGP6G { /* contextmenu container (messagemenu) */
background: transparent;
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
.menu-Sp6bN1,
.contextMenu-HLZMGh,
.container-3cGP6G ,
.subMenuContext-2n_9YM {
z-index: 1;
}
.menu-Sp6bN1:after,
.menu-Sp6bN1:before,
.contextMenu-HLZMGh:not(.scroller-2FKFPG):after,
.contextMenu-HLZMGh:not(.scroller-2FKFPG):before,
.subMenuContext-2n_9YM .scrollerWrap-2lJEkd:after,
.subMenuContext-2n_9YM .scrollerWrap-2lJEkd:before,
.container-3cGP6G:after,
.container-3cGP6G:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
border-radius: 4px;
pointer-events: none;
z-index: -1;
}
.menu-Sp6bN1:after,
.contextMenu-HLZMGh:not(.scroller-2FKFPG):after,
.subMenuContext-2n_9YM .scrollerWrap-2lJEkd:after,
.container-3cGP6G:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.3));
}
.menu-Sp6bN1:before,
.contextMenu-HLZMGh:not(.scroller-2FKFPG):before,
.subMenuContext-2n_9YM .scrollerWrap-2lJEkd:before,
.container-3cGP6G:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
.itemGroup-1tL0uz { /* contextmenu itemgroup (guildheader/status) */
border-top-color: rgba(var(--fontwhite4), 0.3);
}
.itemBase-1Qj4z6, /* contextmenu item (guildheader/status) */
.itemBase-tz5SeC { /* contextmenu item (contextmenu/messagemenu) */
color: rgb(var(--fontwhite2));
}
.itemBase-1Qj4z6:hover,
.clickable-11uBi-:hover,
.selected-BYpGTS {
background-color: rgba(var(--vtransparencycolor), 0.2);
color: rgb(var(--fontwhite1));
}
.itemBase-1Qj4z6.leave-1DRJfn:hover,
.clickable-11uBi-.danger-2dXSTE:hover {
background-color: rgba(240, 71, 71, 0.2);
color: rgb(var(--fontwhite1)) !important;
}
.itemBase-1Qj4z6.invite-271nFU:hover,
.clickable-11uBi-.brand-3igrJY:hover {
background-color: rgba(var(--vaccentcolor), 0.2);
color: rgb(var(--fontwhite1)) !important;
}
.itemBase-1Qj4z6:hover .premiumGuildIcon-BhwtRn {
color: rgb(var(--fontwhite1)) !important;
}
.helper-2c73HK { /* contextmenu helper (guildheader/status) */
color: rgb(var(--fontwhite3));
}
.itemBase-1Qj4z6:hover .helper-2c73HK {
color: rgb(var(--fontwhite2));
}
.separator-2zcjq8 { /* contextmenu separator (guildheader/status) */
border-bottom-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .checkbox-3kaeSU .checkboxInner-3yjcPe span { /* contextmenu checkbox (contextmenu) */
border-color: rgba(var(--fontwhite2), 0.2);
}
#app-mount .clickable-11uBi-:hover .checkbox-3kaeSU .checkboxInner-3yjcPe span,
#app-mount .selected-BYpGTS .checkbox-3kaeSU .checkboxInner-3yjcPe span {
border-color: rgba(var(--fontwhite1), 0.2);
}
.checkbox-3kaeSU .checkboxInner-3yjcPe .checkboxElement-1qV33p:checked + span:after {
border-color: rgb(var(--fontwhite1));
}
/* ---- 15.2. USERPOPOUT ---- */
.userPopout-3XzG_A { /* popout container */
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
.userPopout-3XzG_A:after,
.userPopout-3XzG_A:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.userPopout-3XzG_A:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
}
.userPopout-3XzG_A:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
.header-2BwW8b { /* popout header */
color: rgb(var(--fontwhite1));
}
#app-mount .headerNormal-T_seeN { /* popout headernormal */
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.2);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
.headerStreaming-2FjmGz {
background: #593695;
}
#app-mount .body-3iLsc4, /* popout body */
Update BasicBackground.css
2019-09-22 22:14:47 +02:00
#app-mount .bodyInner-245q0L, /* popout bodyinner */
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .footer-1fjuF6 { /* popout footer */
background-color: transparent;
color: rgb(var(--fontwhite2));
}
#app-mount .footer-1fjuF6 {
border-color: rgba(var(--fontwhite4), 0.3);
}
.headerTag-2pZJzA { /* header headertag */
color: rgb(var(--fontwhite2));
}
.headerName-fajvi9, /* header username */
.headerTagUsernameNoNickname-2_H881,
#app-mount .headerNormal-T_seeN .headerName-fajvi9,
#app-mount .headerNormal-T_seeN .headerTagUsernameNoNickname-2_H881 {
color: rgb(var(--fontwhite1));
}
#app-mount .headerTop-3C2Zn0 .textRow-19NEd_ {
color: rgb(var(--fontwhite2));
}
#app-mount .headerNormal-T_seeN .headerTop-3C2Zn0 .textRow-19NEd_ {
color: rgb(var(--fontwhite3));
}
#app-mount .activityUserPopout-2yItg2 .headerText-1HLrL7 { /* header activitytext */
color: rgb(var(--fontwhite1));
}
#app-mount .activityUserPopout-2yItg2 .content-3JfFJh, /* header activitycontent */
#app-mount .activityUserPopout-2yItg2 .details-38sfDr, /* header activitydetails */
#app-mount .activityUserPopout-2yItg2 .name-29ETJS { /* header activityname */
color: rgb(var(--fontwhite2));
}
.activityName-1IaRLn { /* header activityname */
color: rgb(var(--fontwhite1));
}
.bar-3urHkF { /* header activitybar */
background-color: rgba(var(--fontwhite1), 0.2);
}
.barInner-3NDaY_ { /* header activitybarfill */
background-color: rgb(var(--fontwhite1));
}
.text-AOoUen { /* header activitybartext */
color: rgb(var(--fontwhite2));
}
.listenAlongIcon-2vb1HG { /* header listenalong */
color: rgb(var(--fontwhite1));
}
.bodyTitle-Y0qMQz { /* body title */
color: rgb(var(--fontwhite3));
}
.root-3-B5F3 { /* body roles */
max-height: 100px;
overflow-x: hidden;
overflow-y: scroll;
}
#app-mount .root-3-B5F3::-webkit-scrollbar {
width: 4px;
}
Update BasicBackground.css
2019-09-22 22:29:09 +02:00
#app-mount .role-2irmRk { /* body role */
border-color: rgba(var(--fontwhite3), 0.6);
border-radius: 5px;
padding: 0 5px;
position: relative;
}
#app-mount .role-2irmRk[style*="border-color: rgba(185, 187, 190, 0.6)"] {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
border-color: rgba(var(--fontwhite3), 0.6) !important;
}
Update BasicBackground.css
2019-09-22 22:29:09 +02:00
#app-mount .role-2irmRk .roleName-32vpEy { /* body rolename */
color: rgb(var(--fontwhite1));
margin: 0;
font-weight: normal;
position: relative;
height: 20px;
line-height: 20px;
z-index: 1000;
pointer-events: none;
}
#app-mount .role-2irmRk .roleCircle-3xAZ1j { /* body rolecircle */
position: absolute;
background-color: rgb(var(--fontwhite3));
border-radius: 3px;
opacity: 0.3;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
#app-mount .role-2irmRk .roleCircle-3xAZ1j[style*="background-color: rgb(185, 187, 190)"] {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background-color: rgb(var(--fontwhite3)) !important;
}
Update BasicBackground.css
2019-09-22 22:29:09 +02:00
#app-mount .role-2irmRk .roleCircleButton-377y0l:hover { /* body rolecirclebutton */
opacity: 1;
z-index: 2000;
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.note-3kmerW textarea { /* body note */
color: rgba(var(--fontwhite2));
}
.note-3kmerW textarea:focus {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.2);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
.note-3kmerW textarea::placeholder {
color: rgba(var(--fontwhite4));
}
#app-mount .quickMessage-1yeL4E { /* footer quickmessage */
background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
}
#app-mount .quickMessage-1yeL4E:hover {
border-color: rgb(var(--vtransparencycolor));
}
#app-mount .quickMessage-1yeL4E:focus {
border-color: rgb(var(--vaccentcolor));
}
#app-mount .quickMessage-1yeL4E::placeholder {
color: rgb(var(--fontwhite3));
}
/* ---- 15.3. EMOJIPICKER ---- */
Update BasicBackground.css
2019-09-20 11:48:48 +02:00
#app-mount .emojiPicker-3m1S-j, /* picker container */
#app-mount .diversitySelector-tmmMv0 .popout-2nUePc, /* picker diversitypopout */
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount #bda-qem, /* picker BDtoolbar */
#app-mount #bda-qem-twitch-container, /* picker BDtwitchcontainer */
Update BasicBackground.css
2019-09-20 11:48:48 +02:00
#app-mount #bda-qem-favourite-container { /* picker BDfavcontainer */
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background-color: transparent;
border: none !important;
position: relative;
overflow: hidden;
}
Update BasicBackground.css
2019-09-20 11:48:48 +02:00
.popout-2iWAc-[style*="translateX(-100%)"] .emojiPicker-3m1S-j,
.popout-2iWAc-[style*="translateX(-100%)"] #bda-qem,
.popout-2iWAc-[style*="translateX(-100%)"] #bda-qem-twitch-container,
.popout-2iWAc-[style*="translateX(-100%)"] #bda-qem-favourite-container {
margin-left: -100%;
transform: translateX(100%);
}
.emojiPicker-3m1S-j:after,
.emojiPicker-3m1S-j:before,
.diversitySelector-tmmMv0 .popout-2nUePc:after,
.diversitySelector-tmmMv0 .popout-2nUePc:before,
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#bda-qem:after,
#bda-qem:before,
#bda-qem-twitch-container:after,
#bda-qem-twitch-container:before,
#bda-qem-favourite-container:after,
Update BasicBackground.css
2019-09-20 11:48:48 +02:00
#bda-qem-favourite-container:before {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
#bda-qem:after,
#bda-qem-twitch-container:after,
#bda-qem-favourite-container:after,
.emojiPicker-3m1S-j:after,
.diversitySelector-tmmMv0 .popout-2nUePc:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
}
#bda-qem:before,
#bda-qem-twitch-container:before,
#bda-qem-favourite-container:before,
.emojiPicker-3m1S-j:before,
.diversitySelector-tmmMv0 .popout-2nUePc:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#app-mount .emojiPicker-3m1S-j,
#app-mount .emojiPicker-3m1S-j .dimmer-3iH-5D, /* picker diversitydimmer */
#app-mount #bda-qem-twitch-container,
#app-mount #bda-qem-favourite-container {
border-radius: 0 0 5px 5px;
}
#app-mount .emojiPicker-3m1S-j:only-child,
#app-mount .emojiPicker-3m1S-j .dimmer-3iH-5D:only-child,
#app-mount #bda-qem-twitch-container:only-child,
#app-mount #bda-qem-favourite-container:only-child {
border-radius: 5px;
}
#app-mount .noShadow-3pu20z .emojiPicker-3m1S-j,
#app-mount .noShadow-3pu20z .emojiPicker-3m1S-j .diversitySelector-tmmMv0 .popout-2nUePc,
#app-mount .noShadow-3pu20z #bda-qem,
#app-mount .noShadow-3pu20z #bda-qem-twitch-container,
#app-mount .noShadow-3pu20z #bda-qem-favourite-container {
box-shadow: 0 0 1px rgba(var(--vtransparencycolor), 0.82), 0 1px 4px rgba(var(--vtransparencycolor), 0.1);
}
#app-mount .emojiPicker-3m1S-j,
#app-mount #bda-qem-twitch-container,
#app-mount #bda-qem-favourite-container {
height: 328px;
}
Update BasicBackground.css
2019-09-20 11:48:48 +02:00
#app-mount #bda-qem {
height: 30px;
}
.popout-2iWAc-[style*="translateY(-100%)"] #bda-qem {
margin-top: -358px;
}
#app-mount .emojiPicker-3m1S-j,
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount #bda-qem,
#app-mount #bda-qem-twitch-container,
#app-mount #bda-qem-favourite-container {
width: 344px;
}
#app-mount #bda-qem {
overflow: hidden;
padding: 0 !important;
}
#app-mount #bda-qem button {
border: none;
border-radius: 0;
box-shadow: none;
color: rgb(var(--fontwhite2));
}
#app-mount #bda-qem button:hover {
Update BasicBackground.css
2019-09-20 22:38:57 +02:00
background-color: rgba(var(--vtransparencycolor), 0.2);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#app-mount #bda-qem button.active {
Update BasicBackground.css
2019-09-20 22:38:57 +02:00
background-color: rgba(var(--vtransparencycolor), 0.4);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
color: rgb(var(--fontwhite1));
}
#app-mount .emojiPicker-3m1S-j .category-2U57w6, /* picker category */
#app-mount .emojiPicker-3m1S-j .stickyHeader-1SS0JU { /* picker stickycategory */
Update BasicBackground.css
2019-09-20 11:48:48 +02:00
background: transparent;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
color: rgb(var(--fontwhite2));
}
.emojiPicker-3m1S-j .stickyHeader-1SS0JU:after,
.emojiPicker-3m1S-j .stickyHeader-1SS0JU:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.emojiPicker-3m1S-j .stickyHeader-1SS0JU:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
}
.emojiPicker-3m1S-j .stickyHeader-1SS0JU:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#bda-qem-favourite-container .emote-container:hover,
#bda-qem-twitch-container .emote-container:hover,
#app-mount .emojiPicker-3m1S-j .emojiItem-109bjA:hover,
#app-mount .emojiPicker-3m1S-j .emojiItem-109bjA.selected-39BZ4S {
background-color: rgb(var(--vaccentcolor));
border-radius: 5px;
}
#app-mount .emojiPicker-3m1S-j .categories-1feg4n .item-16cXuq {
transition: none;
}
#app-mount .sadImage-2ph8SI {
background-image: url(https://discordapp.com/assets/e25713e4eba8c1e069ceac8f90262f62.svg);
opacity: 0.6;
}
#app-mount .wrapper-1GJGVj {
color: rgb(var(--fontwhite3));
}
#app-mount .emojiPicker-3m1S-j .dimmer-3iH-5D {
z-index: 2;
}
#app-mount .emojiPicker-3m1S-j .dimmer-3iH-5D.visible-3k45bQ {
background-color: rgba(var(--vtransparencycolor), 0.5);
}
#app-mount .diversitySelector-tmmMv0 .popout-2nUePc .item-16cXuq:hover {
background-color: rgba(var(--vtransparencycolor), 0.2);
}
/* ---- 15.4. PINS/MENTIONS ---- */
Update BasicBackground.css
2019-09-20 11:50:53 +02:00
#app-mount .messagesPopout-24nkyi { /* popout innerwrap */
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background-color: transparent;
}
.themedPopout-1TrfdI .header-2Kf7Yu {
box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1);
}
#app-mount .header-ykumBX { /* popout header */
background-color: rgba(var(--vtransparencycolor), 0.2);
box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.2);
}
.themedPopout-1TrfdI .footer-1K57q_ {
background-color: rgba(var(--vtransparencycolor), 0.1);
}
#app-mount .footer-1kmXd4 { /* popout footer */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .header-ykumBX .title-3pkaKd { /* popout headertitle */
color: rgb(var(--fontwhite1));
}
#app-mount .mentionFilter-1PQ6ey { /* popout mentionfilter */
background: transparent;
color: rgb(var(--fontwhite1));
position: relative;
}
.mentionFilter-1PQ6ey:after {
content: "";
position: absolute;
top: 6px;
right: 0;
height: 5px;
width: 9px;
-webkit-mask: url(https://discordapp.com/assets/a548e6d1dcea000b680726ff489a84a8.svg) center/cover no-repeat;
background-color: rgb(var(--fontwhite1));
}
#app-mount .mentionFilter-1PQ6ey .label-12YslM { /* popout mentionfiltelabel */
color: rgb(var(--fontwhite2));
}
#app-mount .mentionFilter-1PQ6ey .value-2k8Drt { /* popout mentionfiltervalue */
color: rgb(var(--fontwhite1));
}
#app-mount .messageGroupWrapper-o-Zw7G {
background-color: transparent;
border: none;
overflow: visible;
padding: 11px 10px 10px 10px;
}
.messageGroupWrapper-o-Zw7G + .messageGroupWrapper-o-Zw7G:before {
content: "";
border-top: 1px solid rgba(var(--fontwhite4), 0.3);
position: absolute;
top: -3px;
left: 0;
width: 100%;
}
.messageGroupWrapper-o-Zw7G .contentCozy-3XX413 {
overflow: hidden;
}
.actionButtons-1sUUug { /* popout actionbuttonscontainer */
top: 4px;
right: 14px;
}
#app-mount .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug {
background-color: transparent;
box-shadow: none;
}
#app-mount .jumpButton-3DTcS_ { /* popout jumpbutton */
background-color: rgba(var(--vtransparencycolor), 0.4);
color: rgb(var(--fontwhite2));
}
#app-mount .jumpButton-3DTcS_:hover {
background-color: rgb(var(--vaccentcolor));
color: rgb(var(--fontwhite1));
}
.jumpButton-3DTcS_ + .jumpButton-3DTcS_ {
margin-left: 2px;
}
#app-mount .closeButton-17RIVZ { /* popout messageclosebutton */
-webkit-mask: url(https://discordapp.com/assets/322977be43163c5e0a9d2a1108ae04c9.svg) center/16px 16px no-repeat;
background: rgb(var(--fontwhite2));
margin: 0 4px 0 0;
}
#app-mount .closeButton-17RIVZ:hover {
background: rgb(var(--fontwhite1));
}
#app-mount .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .closeButton-17RIVZ {
opacity: 1;
}
#app-mount .channelSeparator-1MxuvT { /* popout divider */
overflow: hidden;
position: relative;
}
#app-mount .channelName-3kBz6H { /* popout dividerchannelname */
color: rgb(var(--fontwhite1));
}
#app-mount .guildName-1Bc3Ta { /* popout dividerguildname */
color: rgb(var(--fontwhite2));
}
#app-mount .channelSeparator-1MxuvT .guildName-1Bc3Ta:after {
content: "";
border-bottom: 1px solid rgba(var(--fontwhite2), 0.5);
height: 1px;
margin-left: 10px;
position: absolute;
pointer-events: none;
top: 50%;
width: 100vw;
z-index: 0;
}
stuff
2019-09-23 12:01:10 +02:00
#app-mount .hasMoreButton-1MELpI { /* popout hasmorebutton */
background-color: rgba(var(--vtransparencycolor), 0.2);
border: none;
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .emptyPlaceholder-1zh-Eu .body-bvcIjN { /* popout emptytext */
color: rgb(var(--fontwhite3));
}
.image-2JDb81 { /* popout emptyimage */
opacity: 0.6;
}
/* ---- 15.5. SEARCHPOPOUT ---- */
#app-mount .container-3ayLPN { /* popout wrapper */
background-color: transparent;
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
border: none;
overflow: hidden;
position: relative;
}
.container-3ayLPN:after,
.container-3ayLPN:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.container-3ayLPN:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.25));
}
.container-3ayLPN:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
#app-mount .queryContainer-RKFJW- {
color: rgb(var(--fontwhite3));
border-bottom-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .queryContainer-RKFJW- strong {
color: rgb(var(--fontwhite1));
}
#app-mount .focused-2bY0OD {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.2);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#app-mount .resultsGroup-r_nuzN:before {
border-top-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .resultsGroup-r_nuzN .header-2N-gMV,
#app-mount .resultsGroup-r_nuzN .plusIcon-v0BTrL,
#app-mount .resultsGroup-r_nuzN .searchClearHistory-2cSSMO,
#app-mount .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a {
color: rgb(var(--fontwhite2));
}
#app-mount .option-96V44q:after {
display: none;
}
#app-mount .option-96V44q.selected-rZcOL- {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.2);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#app-mount .option-96V44q.selected-rZcOL-:before {
background-color: rgb(var(--vaccentcolor));
border-radius: 3px;
width: 34px;
}
#app-mount .option-96V44q .answer-1n6g43,
#app-mount .option-96V44q .nonText-3CRkO0,
#app-mount .option-96V44q strong {
color: rgb(var(--fontwhite2));
}
#app-mount .option-96V44q .filter-3Y_im- {
color: rgb(var(--fontwhite4));
}
#app-mount .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU {
color: rgb(var(--fontwhite2));
}
#app-mount .option-96V44q.user-O3Czj0 .displayUsername-Qekxml {
color: rgb(var(--fontwhite3));
}
#app-mount .searchOption-zQ-1l6 .filter-3Y_im- {
color: rgb(var(--fontwhite2));
}
#app-mount .searchOption-zQ-1l6 .answer-1n6g43 {
color: rgb(var(--fontwhite4));
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw {
border-top-color: rgba(var(--fontwhite4), 0.3);
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 {
color: rgb(var(--fontwhite2));
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
color: rgb(var(--fontwhite1));
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover {
background-color: #677bc4;
}
#app-mount .searchResultChannelCategory-1l0lSn,
#app-mount .searchResultChannelIcon-1DnTme {
color: rgb(var(--fontwhite4));
}
#app-mount .calendarPicker-2yf6Ci .react-datepicker {
background: transparent;
}
#app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--outside-month) {
border-color: rgba(var(--vtransparencycolor), 0.5);
}
#app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month {
border-color: transparent;
background: rgba(var(--vtransparencycolor), 0.5);
}
#app-mount .datePicker--XZbmJ .react-datepicker__header,
#app-mount .datePicker--XZbmJ .react-datepicker__month-container,
#app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
background: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .datePicker--XZbmJ .react-datepicker__header {
padding-bottom: 5px;
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation {
background: transparent;
border-color: rgba(var(--fontwhite1), 0.5);
top: 30px;
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-mask: url(https://discordapp.com/assets/7619529e87dad31fd2ae83d9b9583e49.svg) center/6px 12px no-repeat;
background-color: rgb(var(--fontwhite1));
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation--previous {
left: 30px;
}
#app-mount .datePicker--XZbmJ .react-datepicker__navigation--next {
right: 30px;
}
#app-mount .datePicker--XZbmJ .react-datepicker__current-month {
border-color: transparent;
padding: 10px 0;
}
#app-mount .datePicker--XZbmJ .react-datepicker__current-month,
#app-mount .datePicker--XZbmJ .react-datepicker__day-name,
#app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):hover,
#app-mount .datePicker--XZbmJ .react-datepicker__day:not(.react-datepicker__day--disabled):not(.react-datepicker__day--outside-month),
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4,
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z {
color: rgb(var(--fontwhite1));
}
#app-mount .datePicker--XZbmJ .react-datepicker__day--disabled:not(.react-datepicker__day--outside-month) {
color: rgb(var(--fontwhite3));
}
#app-mount .datePicker--XZbmJ .react-datepicker__day--outside-month {
color: rgb(var(--fontwhite4));
}
#app-mount .datePicker--XZbmJ .datePickerHint-3Q1Udw {
margin: 0;
padding: 20px;
display: flex;
justify-content: center;
}
/* ~~~~ 16. GENERAL ~~~~ */
::selection { /* selection */
background: rgb(var(--vaccentcolor));
}
#app-mount .elevationLow-2lY09M, .lightElevationLow-3_Ybxi, .darkElevationLow-DABD7i {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#app-mount .elevationHigh-3A9Xbf, .lightElevationHigh-3usmGv, .darkElevationHigh-6iWpWi {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#app-mount .elevationBorderLow-2qgTRQ, .lightElevationBorderLow-3APXjz, .darkElevationBorderLow-39dDV7 {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#app-mount .elevationBorderHigh-2WYJ09, .lightElevationBorderHigh-2T98IF, .darkElevationBorderHigh-2U1nXW {
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
.pointerEvents-2zdfdO[fill="#ffffff"] { /* status whitedot */
fill: rgb(var(--fontwhite1));
}
.dots-3Bkt3k, /* loading 3-dots */
.dots-3Bkt3k.themed-IQiCm3 {
color: rgb(var(--fontwhite1));
}
/* ---- 16.1. TEXT ---- */
.username-3gJmXY {
color: rgb(var(--fontwhite1));
}
.discriminator-uTZ08z {
color: rgb(var(--fontwhite3));
}
.white-1VR_aZ,
.white-3xi-nx {
color: rgb(var(--fontwhite1));
}
#app-mount h1.title-3KTIjF,
#app-mount h2.title-3KTIjF {
color: rgb(var(--fontwhite1));
}
#app-mount h3.title-3KTIjF {
color: rgb(var(--fontwhite2));
}
#app-mount h4.title-3KTIjF,
#app-mount h5.title-3KTIjF,
#app-mount h6.title-3KTIjF {
color: rgb(var(--fontwhite3));
}
#app-mount .coloredText-1kAd0O {
color: rgb(var(--fontwhite1));
}
#app-mount .defaultColor-1_ajX0 {
color: rgb(var(--fontwhite1));
}
#app-mount .colorStandard-2KCXvj {
color: rgb(var(--fontwhite2));
}
#app-mount .colorPrimary-3hws2f {
color: rgb(var(--fontwhite3));
}
#app-mount .colorMuted-HdFt4q {
color: rgb(var(--fontwhite4));
}
.primary-jw0I4K {
color: rgb(var(--fontwhite2));
}
#app-mount .subText-2Zhkkh {
color: rgb(var(--fontwhite4));
}
.h5-18_1nd {
color: rgb(var(--fontwhite3));
}
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
.subTitle-3TUjmF {
color: rgb(var(--fontwhite3));
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.description-3_Ncsb,
.labelDescriptor-1PqHgD {
color: rgb(var(--fontwhite3));
}
/* ---- 16.2. BUTTONS ---- */
.lookFilled-1Gx00P:not(.colorWhite-rEQuAQ) .spinnerItem-3GlVyU {
background-color: rgb(var(--fontwhite1)) !important;
}
.lookFilled-1Gx00P:not(.colorWhite-rEQuAQ) {
color: rgb(var(--fontwhite1)) !important;
}
.lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):hover {
background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)) !important;
}
.lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):active {
background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) !important;
}
.lookInverted-2D7oAl:not(.colorWhite-rEQuAQ),
.lookInverted-2D7oAl:not(.colorWhite-rEQuAQ):disabled {
background: rgb(var(--fontwhite1)) !important;
}
#app-mount .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover,
#app-mount .lookFilled-1Gx00P:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active {
color: rgb(var(--fontwhite1)) !important;
}
#app-mount .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:hover {
background-color: rgb(var(--fontwhite2)) !important;
}
#app-mount .lookInverted-2D7oAl:not(.colorWhite-rEQuAQ).hasHover-3X1-zV:active {
background-color: rgb(var(--fontwhite3)) !important;
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ .spinnerItem-3GlVyU {
background-color: rgb(var(--vtransparencycolor));
}
.lookInverted-2D7oAl.colorWhite-rEQuAQ .spinnerItem-3GlVyU,
.lookOutlined-3sRXeN.colorWhite-rEQuAQ .spinnerItem-3GlVyU,
.lookGhost-2Fn_0-.colorBlack-1jwPVL .spinnerItem-3GlVyU,
.lookLink-9FtZy-.colorWhite-rEQuAQ .spinnerItem-3GlVyU {
background-color: rgb(var(--fontwhite1));
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ {
color: rgb(var(--vtransparencycolor));
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ:hover,
#app-mount .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)) !important;
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ:active,
#app-mount .lookFilled-1Gx00P.hoverWhite-2uUmXw.hasHover-3X1-zV:active {
background: rgb(var(--fontwhite1)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2)) !important;
}
.lookFilled-1Gx00P.colorWhite-rEQuAQ,
.lookFilled-1Gx00P.colorWhite-rEQuAQ:disabled {
background: rgb(var(--fontwhite1));
}
.lookInverted-2D7oAl.colorWhite-rEQuAQ:hover,
#app-mount .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1));
color: rgb(var(--fontwhite2));
}
.lookInverted-2D7oAl.colorWhite-rEQuAQ:active,
#app-mount .lookInverted-2D7oAl.hoverWhite-2uUmXw.hasHover-3X1-zV:active {
background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.2),rgba(255,255,255,.2));
color: rgb(var(--fontwhite3));
}
.lookInverted-2D7oAl.colorWhite-rEQuAQ,
.lookInverted-2D7oAl.colorWhite-rEQuAQ:disabled {
background-color: rgb(var(--vtransparencycolor));
color: rgb(var(--fontwhite1));
}
.lookOutlined-3sRXeN.colorWhite-rEQuAQ {
border-color: rgba(var(--fontwhite1), 0.3);
color: rgb(var(--fontwhite1));
}
.lookOutlined-3sRXeN.colorWhite-rEQuAQ:hover,
#app-mount .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
border-color: rgba(var(--fontwhite1), 0.6);
color: rgb(var(--fontwhite1));
}
.lookOutlined-3sRXeN.colorWhite-rEQuAQ:active,
#app-mount .lookOutlined-3sRXeN.hoverWhite-2uUmXw.hasHover-3X1-zV:hover {
background-color: rgba(var(--fontwhite1), 0.1);
border-color: rgb(var(--fontwhite1));
color: rgb(var(--fontwhite1));
}
.lookOutlined-3sRXeN.colorWhite-rEQuAQ:disabled {
border-color: rgba(var(--fontwhite1), 0.3);
}
.lookGhost-2Fn_0-.colorWhite-rEQuAQ {
background-color: rgba(var(--fontwhite1), 0.1);
color: rgb(var(--fontwhite1));
}
.lookGhost-2Fn_0-.colorWhite-rEQuAQ:hover {
color: rgb(var(--fontwhite1));
background-color: rgba(var(--fontwhite1), 0.15);
}
.lookGhost-2Fn_0-.colorWhite-rEQuAQ:active,
#app-mount .lookGhost-2Fn_0-.hoverWhite-2uUmXw.hasHover-3X1-zV:active {
background-color: rgba(var(--fontwhite1), 0.15);
color: rgb(var(--fontwhite1));
}
.lookGhost-2Fn_0-.colorWhite-rEQuAQ:disabled {
background-color: rgba(var(--fontwhite1), 0.1);
}
#app-mount .backButtonColor-1zIPlh,
#app-mount .backButtonColor-N09dXJ,
.lookLink-9FtZy-.colorWhite-rEQuAQ {
color: rgb(var(--fontwhite1));
}
#app-mount .backButtonColor-1zIPlh:hover .contents-18-Yxp,
#app-mount .backButtonColor-N09dXJ:hover .contents-18-Yxp,
.lookLink-9FtZy-.colorWhite-rEQuAQ:hover .contents-18-Yxp,
#app-mount .lookLink-9FtZy-.hoverWhite-2uUmXw.hasHover-3X1-zV:hover .contents-18-Yxp {
color: rgb(var(--fontwhite1));
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite1)) 0, rgb(var(--fontwhite1)) 2px, transparent 0);
}
.lookInverted-2D7oAl.colorBlack-1jwPVL .spinnerItem-3GlVyU,
.lookOutlined-3sRXeN.colorBlack-1jwPVL .spinnerItem-3GlVyU,
.lookGhost-2Fn_0-.colorBlack-1jwPVL .spinnerItem-3GlVyU,
.lookLink-9FtZy-.colorBlack-1jwPVL .spinnerItem-3GlVyU {
background-color: rgb(var(--vtransparencycolor));
}
.lookFilled-1Gx00P.colorBlack-1jwPVL:hover,
#app-mount .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:hover {
background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1));
}
.lookFilled-1Gx00P.colorBlack-1jwPVL:active,
#app-mount .lookFilled-1Gx00P.hoverBlack-3jULb8.hasHover-3X1-zV:active {
background: rgb(var(--vtransparencycolor)) linear-gradient(0deg,rgba(255,255,255,.2),rgba(255,255,255,.2));
}
.lookFilled-1Gx00P.colorBlack-1jwPVL,
.lookFilled-1Gx00P.colorBlack-1jwPVL:disabled {
background: rgb(var(--vtransparencycolor));
}
#app-mount .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:hover,
#app-mount .lookInverted-2D7oAl.hoverBlack-3jULb8.hasHover-3X1-zV:active {
color: rgb(var(--vtransparencycolor));
}
.lookInverted-2D7oAl.colorBlack-1jwPVL,
.lookInverted-2D7oAl.colorBlack-1jwPVL:disabled {
color: rgb(var(--vtransparencycolor));
}
.lookOutlined-3sRXeN.colorBlack-1jwPVL:hover,
#app-mount .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:hover {
border-color: rgba(var(--vtransparencycolor), 0.6);
color: rgb(var(--vtransparencycolor));
}
.lookOutlined-3sRXeN.colorBlack-1jwPVL:active,
#app-mount .lookOutlined-3sRXeN.hoverBlack-3jULb8.hasHover-3X1-zV:active {
background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgb(var(--vtransparencycolor));
color: rgb(var(--vtransparencycolor));
}
.lookOutlined-3sRXeN.colorBlack-1jwPVL,
.lookOutlined-3sRXeN.colorBlack-1jwPVL:disabled {
border-color: rgba(var(--vtransparencycolor), 0.3);
}
.lookGhost-2Fn_0-.colorBlack-1jwPVL:active,
#app-mount .lookGhost-2Fn_0-.hoverBlack-3jULb8.hasHover-3X1-zV:active {
background-color: rgba(var(--vtransparencycolor), 0.15);
color: rgb(var(--vtransparencycolor));
}
.lookGhost-2Fn_0-.colorBlack-1jwPVL,
.lookGhost-2Fn_0-.colorBlack-1jwPVL:disabled {
background-color: rgba(var(--vtransparencycolor), 0.1);
}
.lookLink-9FtZy-.colorBlack-1jwPVL {
color: rgb(var(--vtransparencycolor));
}
.lookLink-9FtZy-.colorBlack-1jwPVL:hover .contents-18-Yxp,
#app-mount .lookLink-9FtZy-.hoverBlack-3jULb8.hasHover-3X1-zV:hover .contents-18-Yxp {
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--vtransparencycolor)) 0, rgb(var(--vtransparencycolor)) 2px, transparent 0);
color: rgb(var(--vtransparencycolor));
}
#app-mount .lookInverted-2D7oAl.colorGrey-2DXtkV .spinnerItem-3GlVyU,
#app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV .spinnerItem-3GlVyU,
#app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV .spinnerItem-3GlVyU,
#app-mount .lookLink-9FtZy-.colorGrey-2DXtkV .spinnerItem-3GlVyU,
#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
background-color: rgb(var(--fontwhite4));
}
.buttonColor-1agP3J:hover,
#app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV:hover,
#app-mount .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,
#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,
#app-mount .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
background: rgb(var(--fontwhite4)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
}
.buttonColor-1agP3J:active,
#app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV:active,
#app-mount .lookFilled-1Gx00P.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
#app-mount .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
background: rgb(var(--fontwhite4)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));
}
.buttonColor-1agP3J,
#app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV,
#app-mount .lookFilled-1Gx00P.colorGrey-2DXtkV:disabled,
#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6,
#app-mount .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled {
background: rgb(var(--fontwhite4));
}
#app-mount .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,
#app-mount .lookInverted-2D7oAl.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
#app-mount .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,
#app-mount .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
color: rgb(var(--fontwhite4));
}
#app-mount .lookInverted-2D7oAl.colorGrey-2DXtkV,
#app-mount .lookInverted-2D7oAl.colorGrey-2DXtkV:disabled,
#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6,
#app-mount .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled {
color: rgb(var(--fontwhite4));
}
#app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV:hover,
#app-mount .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:hover,
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
#app-mount .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
border-color: rgba(var(--fontwhite4), 0.6);
color: rgb(var(--fontwhite4));
}
#app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV:active,
#app-mount .lookOutlined-3sRXeN.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
#app-mount .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
background-color: rgba(var(--fontwhite4), 0.1);
border-color: rgb(var(--fontwhite4));
color: rgb(var(--fontwhite4));
}
#app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV,
#app-mount .lookOutlined-3sRXeN.colorGrey-2DXtkV:disabled,
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
#app-mount .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled {
border-color: rgba(var(--fontwhite4), 0.3);
color: rgb(var(--fontwhite4));
}
#app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV:active,
#app-mount .lookGhost-2Fn_0-.hoverGrey-2CBXu0.hasHover-3X1-zV:active,
#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active,
#app-mount .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
background-color: rgba(var(--fontwhite4), 0.15);
}
#app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV,
#app-mount .lookGhost-2Fn_0-.colorGrey-2DXtkV:disabled,
#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6,
#app-mount .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled {
background-color: rgba(var(--fontwhite4), 0.1);
color: rgb(var(--fontwhite4));
}
#app-mount .lookLink-9FtZy-.colorGrey-2DXtkV,
#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6 {
color: rgb(var(--fontwhite4));
}
#app-mount .lookLink-9FtZy-.colorGrey-2DXtkV:hover .contents-18-Yxp,
#app-mount .lookLink-9FtZy-.hoverGrey-2CBXu0.hasHover-3X1-zV:hover .contents-18-Yxp,
#app-mount .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp,
#app-mount .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp {
color: rgb(var(--fontwhite4));
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite4)) 0, rgb(var(--fontwhite4)) 2px, transparent 0);
}
#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
background-color: rgba(var(--fontwhite1), 0.1);
}
#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,
#app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9 .spinnerItem-3GlVyU {
background-color: rgb(var(--fontwhite2));
}
#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:hover,
#app-mount .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
background-color: rgba(var(--fontwhite1), 0.05);
color: rgb(var(--fontwhite1));
}
#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:active,
#app-mount .lookFilled-1Gx00P.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
background-color: rgba(var(--fontwhite1), 0.01);
color: rgb(var(--fontwhite1));
}
#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9,
#app-mount .lookFilled-1Gx00P.colorTransparent-1ewNp9:disabled {
background-color: rgba(var(--fontwhite1), 0.1);
}
#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:hover,
#app-mount .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
background-color: rgba(var(--fontwhite1), 0.05);
color: rgba(var(--fontwhite1), 0.1);
}
#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:active,
#app-mount .lookInverted-2D7oAl.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
background-color: rgba(var(--fontwhite1), 0.1);
color: rgba(var(--fontwhite1), 0.1);
}
#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9,
#app-mount .lookInverted-2D7oAl.colorTransparent-1ewNp9:disabled {
background-color: rgb(var(--fontwhite1));
color: rgba(var(--fontwhite1), 0.1);
}
#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:hover,
#app-mount .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover {
border-color: rgba(var(--fontwhite2), 0.6);
color: rgb(var(--fontwhite2));
}
#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:active,
#app-mount .lookOutlined-3sRXeN.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
background-color: rgba(var(--fontwhite2), 0.1);
border-color: rgb(var(--fontwhite2));
color: rgb(var(--fontwhite2));
}
#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9,
#app-mount .lookOutlined-3sRXeN.colorTransparent-1ewNp9:disabled {
border-color: rgba(var(--fontwhite2), 0.3);
color: rgb(var(--fontwhite2));
}
#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9:active,
#app-mount .lookGhost-2Fn_0-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:active {
background-color: rgba(var(--fontwhite2), 0.15);
color: rgb(var(--fontwhite2));
}
#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9,
#app-mount .lookGhost-2Fn_0-.colorTransparent-1ewNp9:disabled {
background-color: rgba(var(--fontwhite2), 0.1);
color: rgb(var(--fontwhite2));
}
#app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9 {
color: rgb(var(--fontwhite2));
Update BasicBackground.css
2019-04-05 11:10:52 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .lookLink-9FtZy-.colorTransparent-1ewNp9:hover .contents-18-Yxp,
#app-mount .lookLink-9FtZy-.hoverTransparent-2Lz5CN.hasHover-3X1-zV:hover .contents-18-Yxp {
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite2)) 0, rgb(var(--fontwhite2)) 2px, transparent 0);
color: rgb(var(--fontwhite2));
Update BasicBackground.css
2019-04-05 11:10:52 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 16.3. INPUTS ---- */
.input-cIJ7To { /* valueinput bordered */
background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
Update BasicBackground.css
2019-02-13 22:55:07 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.input-cIJ7To:hover {
border-color: rgb(var(--vtransparencycolor));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.input-cIJ7To::placeholder {
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .input-1mgnkM, /* valueinput underlined */
#app-mount .input-UJ9Tr3 {
border-color: rgba(var(--fontwhite1), 0.3);
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .input-1mgnkM:hover,
#app-mount .input-UJ9Tr3:hover {
border-color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .input-1mgnkM:focus,
#app-mount .input-UJ9Tr3:focus {
border-color: rgb(var(--vaccentcolor));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .input-1mgnkM::placeholder,
#app-mount .input-UJ9Tr3::placeholder {
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .copyInput-2rOSt7 {
background-color: rgba(var(--vtransparencycolor), 0.1);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .copyInputDefault-21sXtF {
border-color: rgba(var(--vtransparencycolor), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .hiddenMessage-1iiFV5,
#app-mount .inputDefault-A2ud2y {
color: rgb(var(--fontwhite1));
Theme
2018-12-14 00:14:32 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .inputDefault-A2ud2y::placeholder {
color: rgb(var(--fontwhite3));
Theme
2018-12-14 00:14:32 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .multiInputLast-1aQ3YA:before {
border-color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .inputPrefix-2VAOGg {
color: rgb(var(--fontwhite1));
opacity: 0.3;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.maxLength-39QFBo {
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .inputNumberWrapper .numberinput-button-up {
border-bottom-color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .inputNumberWrapper .numberinput-button-up:hover {
border-bottom-color: rgb(var(--fontwhite1));
}
#app-mount .inputNumberWrapper .numberinput-button-down {
border-top-color: rgb(var(--fontwhite3));
}
#app-mount .inputNumberWrapper .numberinput-button-down:hover {
border-top-color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.themeDefault-24hCdX { /* checkboxswitch */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.switch-3wwwcV[style*="background-color: rgba(255, 255, 255, 0.3)"] {
background-color: rgba(var(--fontwhite1), 0.3) !important;
}
.themeDefault-24hCdX.sizeDefault-2YlOZr {
box-shadow: inset 0 1px 1px rgba(var(--vtransparencycolor), 0.15);
}
.themeClear-1EjkE4.valueUnchecked-2lU_20.sizeDefault-2YlOZr {
box-shadow: inset 0 0 0 2px rgba(var(--fontwhite1), 0.2);
}
.themeDefault-24hCdX.sizeDefault-2YlOZr:after {
box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.3);
}
.size-3rFEHg:after,
.size-3rFEHg:active:after {
background-color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.radioGroup-1GBvlr { /* radiogroup container */
color: rgb(var(--fontwhite1));
}
.checkboxMute-14hTGS:before,
.desc-2Dttbk { /* radiogroup description */
color: rgb(var(--fontwhite3));
}
.descChecked-XkfPsU,
.titleChecked-2wg0pd {
color: rgb(var(--fontwhite1)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .checkboxContainer-2vV9zd:before { /* checkbox container */
background-color: rgba(var(--fontwhite4), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .checkbox-1ix_J3 { /* checkbox inner */
border-color: rgb(var(--fontwhite3));
}
#app-mount .checked-3_4uQ9 { /* checkbox checked */
background-color: rgb(var(--fontwhite1));
border-color: rgb(var(--fontwhite1));
}
#app-mount .checked-3_4uQ9.round-2jCFai, /* checkbox roundchecked */
#app-mount .checked-3_4uQ9[style*="border-color: rgb(79, 84, 92)"] {
background-color: rgb(var(--vaccentcolor)) !important;
border-color: rgb(var(--vaccentcolor)) !important;
}
#app-mount .checked-3_4uQ9 polyline[stroke="#43b581"], /* checkbox checkmark */
#app-mount .checked-3_4uQ9 polyline[stroke="#4f545c"],
#app-mount .checked-3_4uQ9 polyline[stroke="#ffffff"] {
stroke: rgb(var(--fontwhite1));
Fixed OTB bug of bar not disappearing
2018-11-02 21:01:04 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.checkboxMute-14hTGS:before {
background-color: rgba(var(--vtransparencycolor), 0.2);
Fixed OTB bug of bar not disappearing
2018-11-02 21:01:04 +01:00
}
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .bar-2Qqk5Z { /* slider backgroundbar */
background-color: rgba(var(--vtransparencycolor), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.grabber-3mFHz2 { /* slider grabber */
background-color: rgb(var(--fontwhite1));
border-color: rgb(var(--fontwhite1));
box-shadow: 0 3px 1px 0 rgba(var(--vtransparencycolor), 0.05), 0 2px 2px 0 rgba(var(--vtransparencycolor), 0.1), 0 3px 3px 0 rgba(var(--vtransparencycolor), 0.05);
}
#app-mount .markValue-2DwdXI { /* slider markvalue */
color: rgb(var(--fontwhite3));
}
#app-mount .defaultValue-3gC7yw .markValue-2DwdXI {
color: #43b581;
}
#app-mount .markDash-3hAolZ {
background: transparent;
color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .defaultValue-3gC7yw .markDash-3hAolZ {
color: #43b581;
}
#app-mount .markDash-3hAolZ:before,
#app-mount .markDash-3hAolZ:after {
delete git history
2018-10-11 10:21:26 +02:00
content: "";
position: absolute;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background: currentColor;
height: 8px;
width: 2px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .markDash-3hAolZ:before {
top: 14px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .markDash-3hAolZ:after {
top: 30px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .fontScaleLarge-3xtq7i,
#app-mount .fontScaleSmall-368quy {
color: rgb(var(--fontwhite1));
Update BasicBackground.css
2018-12-18 21:21:08 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .bubble-3we2di { /* slider bubble */
background-color: rgb(var(--vaccentcolor));
color: rgb(var(--fontwhite1));
Update BasicBackground.css
2019-03-18 10:22:26 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .bubble-3we2di:before {
border-top-color: rgb(var(--vaccentcolor));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .container-1nZlH6 { /* hotkeyinput container */
background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgba(var(--vtransparencycolor), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.input-1UhAnY { /* hotkeyinput input */
color: rgb(var(--fontwhite1));
}
.input-1UhAnY::placeholder {
color: rgb(var(--fontwhite3));
}
#app-mount .editIcon-13gaox { /* hotkeyinput editicon */
-webkit-mask: url(https://discordapp.com/assets/860396b3ff3fa1c4ae355bebfabadecb.svg) center/cover no-repeat;
background: rgb(var(--fontwhite1));
}
#app-mount .container-CpszHS.recording-1H2dS7 .button-34kXw5 {
color: #f04747;
background-color: rgba(240,71,71,.1);
}
#app-mount .quickSelect-3BxO0K { /* quickselect container */
color: rgb(var(--fontwhite1));
}
#app-mount .quickSelectArrow-1QublR { /* quickselect arrow */
-webkit-mask: url(https://discordapp.com/assets/f58cf3b8fc79e9d671ab649ab37651a9.svg) 50% no-repeat;
background: rgb(var(--fontwhite1));
}
.select-2TCrqx [class*="css-"][class*="-container"] { /* select container */
background-color: transparent;
}
.select-2TCrqx [class*="css-"][class*="-control"] {
background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgba(var(--vtransparencycolor), 0.3);
}
.select-2TCrqx [class*="css-"][class*="-singleValue"] {
color: rgb(var(--fontwhite1));
}
.select-2TCrqx [class*="css-"][class*="-placeholder"] {
color: rgb(var(--fontwhite1));
}
.select-2TCrqx [class*="css-"][class*="-indicatorContainer"] {
color: rgb(var(--fontwhite1));
}
.css-1aymab5-option,
.css-ddw2o3-option {
background-color: rgba(var(--vtransparencycolor), 0.1);
color: rgb(var(--fontwhite2));
}
.css-1gnr91b-option,
.css-qgio2y-option {
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite2));
}
.css-12o7ek3-option,
.css-1kft5vg-option {
background-color: rgba(var(--vtransparencycolor), 0.5);
color: rgb(var(--fontwhite1));
}
.select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"] {
background: transparent;
stuff
2019-09-20 22:59:35 +02:00
border: 1px solid rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
box-shadow: 0px 1px 5px 0px rgba(var(--vtransparencycolor), 0.3);
overflow: hidden;
}
.select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]:after,
.select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]:before {
delete git history
2018-10-11 10:21:26 +02:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.select-2TCrqx > [class*="css-"][class*="-container"] > [class*="css-"][class*="-menu"]:before {
background: var(--vpopout) center/var(--vpopoutsize);
theme
2018-10-24 21:31:46 +02:00
filter: blur(var(--vpopoutblur));
delete git history
2018-10-11 10:21:26 +02:00
background-attachment: fixed;
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 16.4. SEARCHBARS ---- */
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.container-2XeR5Z, /* searchbar inner */
.container-cMG81i {
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.input-1Rv96N, /* searchbar input */
.input-3Xdcic {
color: rgb(var(--fontwhite1));
}
.input-1Rv96N::placeholder,
.input-3Xdcic::placeholder,
#app-mount .searchBox-3Y2Vi7 .searchBoxInput-uJtBcv::placeholder {
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.icon-3cZ1F_, /* searchbar icon */
.icon-1S6UIr,
#app-mount .clearIcon-2N9YIn,
#app-mount .searchIcon-1a1-yA,
#app-mount .searchIcon-32i2pb {
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.clear-1pMieT .icon-3cZ1F_,
.icon-1S6UIr.clear--Eywng,
#app-mount .clear-U3WkKp .clearIcon-2N9YIn,
#app-mount .clear-U3WkKp .searchIcon-1a1-yA,
#app-mount .clear-U3WkKp .searchIcon-32i2pb {
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.clear-1pMieT.iconLayout-1WxHy4:hover .icon-3cZ1F_,
.iconLayout-3OgqU3:hover .icon-1S6UIr.clear--Eywng,
#app-mount .clear-U3WkKp:hover .clearIcon-2N9YIn,
#app-mount .clear-U3WkKp:hover .searchIcon-1a1-yA,
#app-mount .clear-U3WkKp:hover .searchIcon-32i2pb {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .searchBox-3Y2Vi7 {
background-color: rgba(var(--vtransparencycolor), 0.3);
box-shadow: 0 2px 5px 0 rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .searchResultsContainer-1ma_dc {} /* TODO GAME PAGE */
/* ---- 16.5. TAGS ---- */
.botTagRegular-2HEhHi { /* bottag regular */
color: rgb(var(--fontwhite1));
}
.botTagInvert-18-95s { /* bottag inverted */
background-color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.iconBadge-2wi9r4 { /* iconbadge */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.base-PmTxvP { /* mentionbadge */
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.disableColor-MwOAZf, /* nitrobadge flower */
.iconBackgroundTierNone-3MPhMJ,
.iconBackgroundTierOne-2LhaMB,
.iconBackgroundTierThree-3qw3JX,
.iconBackgroundTierTwo-3bCmdc {
color: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bannerVisible-14J9lQ .iconBackgroundTierOne-2LhaMB, /* nitrobadge icon */
.bannerVisible-14J9lQ .iconBackgroundTierThree-3qw3JX,
.bannerVisible-14J9lQ .iconBackgroundTierTwo-3bCmdc,
.iconTierOne-BHC2T8, .iconTierTwo-_1edeM {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.flowerStarContainer-3zDVtj path[fill="#4f545c"] { /* flowerbadge flower */
fill: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.flowerStarContainer-3zDVtj path[fill="#ffffff"] { /* flowerbadge icon */
fill: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.icon-1ihkOt { /* flowerbadge icon */
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 16.6. ICONS ---- */
.emptySearchImage-1qOMLW, /* empty search */
.image-1GzsFd { /* no friends/webhooks/etc. */
opacity: 0.6;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.gameIcon-gg34Dz { /* gameicon unknowngame */
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .invalidPoop-pnUbq7 { /* erroricon invalidpoop */
background-color: rgba(var(--vtransparencycolor), 0.3);
opacity: 0.7;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .guildIconExpired-2Qcq05 { /* erroricon expiredguild */
background-color: rgba(var(--vtransparencycolor), 0.3);
opacity: 0.7;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/4c1bab3f945269a5c1be0b3a2c177141.png"], /* connectionicon twitch */
img[src="/assets/402008166e5ef53b0045b10930b263b0.png"] {
-webkit-mask: url(https://discordapp.com/assets/4c1bab3f945269a5c1be0b3a2c177141.png) center/contain no-repeat;
background: rgb(var(--fontwhite1));
object-position: -9999999px -9999999px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/0ef81742942677bcef0bebdfb7061d29.png"], /* connectionicon youtube */
img[src="/assets/3f8d3e1dd3c9426ac7e680dada39650e.png"] {
-webkit-mask: url(https://discordapp.com/assets/0ef81742942677bcef0bebdfb7061d29.png) center/contain no-repeat;
background: rgb(var(--fontwhite1));
object-position: -9999999px -9999999px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/3a257c4cab129e956b05bd50047eb0f9.png"], /* connectionicon battlenet */
img[src="/assets/cf74f0c780cba6ae11728b8ca740b30c.png"] {
-webkit-mask: url(https://discordapp.com/assets/3a257c4cab129e956b05bd50047eb0f9.png) center/contain no-repeat;
background: rgb(var(--fontwhite1));
object-position: -9999999px -9999999px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/de5fb9e860729912c65048c1c657e1a3.png"], /* connectionicon skype */
img[src="/assets/1c419ecaf6e5406addbae729c7fa2e75.png"] {
-webkit-mask: url(https://discordapp.com/assets/de5fb9e860729912c65048c1c657e1a3.png) center/contain no-repeat;
background: rgb(var(--fontwhite1));
object-position: -9999999px -9999999px;
themes
2019-02-25 08:39:51 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/fbbd224a0d94747c102515090682bbe1.png"], /* connectionicon LoL */
img[src="/assets/f87228c98e49168b6cf7ad38651b4e87.png"] {
-webkit-mask: url(https://discordapp.com/assets/fbbd224a0d94747c102515090682bbe1.png) center/contain no-repeat;
background: rgb(var(--fontwhite1));
object-position: -9999999px -9999999px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/baf4bdd36b7ef74e8f34b402e66f81f4.png"], /* connectionicon steam */
img[src="/assets/6ca4a49418715a16e226be1280494f46.png"] {
-webkit-mask: url(https://discordapp.com/assets/baf4bdd36b7ef74e8f34b402e66f81f4.png) center/contain no-repeat;
background: rgb(var(--fontwhite1));
object-position: -9999999px -9999999px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/bcc7bc0c0b27f9cbadaa1a47ea79db22.png"], /* connectionicon reddit */
img[src="/assets/51edbb92b1904c19197eb16be97bc6fb.png"] {
-webkit-mask: url(https://discordapp.com/assets/bcc7bc0c0b27f9cbadaa1a47ea79db22.png) center/contain no-repeat;
background: rgb(var(--fontwhite1));
object-position: -9999999px -9999999px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/c926e69c482dac25b8e940db74496813.png"], /* connectionicon facebook */
img[src="/assets/27fb89c30127405c6a5370b477590da6.png"] {
-webkit-mask: url(https://discordapp.com/assets/c926e69c482dac25b8e940db74496813.png) center/contain no-repeat;
background: rgb(var(--fontwhite1));
object-position: -9999999px -9999999px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/2ac50d286a1c883f28b5149239a8ad36.png"], /* connectionicon twitter */
img[src="/assets/c38327e52d3a859d550af398edb8d8e0.png"] {
-webkit-mask: url(https://discordapp.com/assets/2ac50d286a1c883f28b5149239a8ad36.png) center/contain no-repeat;
background: rgb(var(--fontwhite1));
object-position: -9999999px -9999999px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/fe3770614c2658a07dea3ecb286ce745.png"], /* connectionicon spotify */
img[src="/assets/739cb09703de9dcfe68d0200a163d9fc.png"] {
-webkit-mask: url(https://discordapp.com/assets/fe3770614c2658a07dea3ecb286ce745.png) center/contain no-repeat;
background: rgb(var(--fontwhite1));
object-position: -9999999px -9999999px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/850ed4fcf5839b7a32651f5959e8511e.png"], /* connectionicon xbox */
img[src="/assets/4c59c8e37dda86294d3cf237b2695dde.png"] {
-webkit-mask: url(https://discordapp.com/assets/850ed4fcf5839b7a32651f5959e8511e.png) center/contain no-repeat;
background: rgb(var(--fontwhite1));
object-position: -9999999px -9999999px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { /* videosettings opus */
-webkit-mask: url(https://discordapp.com/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png) center/contain no-repeat;
background: rgb(var(--fontwhite2));
object-position: -9999999px -9999999px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadge-2BqF-Z { /* userbadges xbox */
background: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeStaff-13GO7z {
-webkit-mask: url(https://discordapp.com/assets/7cfd90c8062139e4804a1fa59f564731.svg) center/contain no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgePartner-SjK6L2 {
-webkit-mask: url(https://discordapp.com/assets/a0e288a458c48dfcf548dadc277e42e6.svg) center/contain no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypesquad-1YIe7Z {
-webkit-mask: url(https://discordapp.com/assets/3a050fcc884255231b99b7033c776070.svg) center/contain no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse1-xN6tES {
-webkit-mask: url(https://discordapp.com/assets/1115767aed344e96a27a12e97718c171.svg) center/contain no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse2-3jBpXR {
-webkit-mask: url(https://discordapp.com/assets/d3478c6bd5cee0fc600e55935ddc81aa.svg) center/contain no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse3-1YbjMX {
-webkit-mask: url(https://discordapp.com/assets/2a085ed9c86f3613935a6a8667ba8b89.svg) center/contain no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse1Winner-3OGyO6 {
-webkit-mask: url(https://discordapp.com/assets/75f75c3142b8d44ea7052c2bcb9a9043.svg) center/contain no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse2Winner-3GW5Sm {
-webkit-mask: url(https://discordapp.com/assets/d4a8fe68fc5f40c8a778f858881a7b84.svg) center/contain no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeHypeSquadOnlineHouse3Winner-2iVu11 {
-webkit-mask: url(https://discordapp.com/assets/5dc48a7859a00e7d95ad8382156aab84.svg) center/contain no-repeat;
Update BasicBackground.css
2018-12-28 10:57:05 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeEarlySupporter-PQB_0a {
-webkit-mask: url(https://discordapp.com/assets/ce15562552e3d70c56d5408cfeed2ffd.svg) center/contain no-repeat;
Update BasicBackground.css
2018-12-28 10:57:05 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgePremium-3kZ9Qj {
-webkit-mask: url(https://discordapp.com/assets/379d2b3171722ef8be494231234da5d1.svg) center/contain no-repeat;
Update BasicBackground.css
2018-12-28 10:57:05 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileBadgeBugHunter-IV0vLE {
-webkit-mask: url(https://discordapp.com/assets/df26f079738a4dcd07cbce6eb3c957f1.svg) center/contain no-repeat;
Update BasicBackground.css
2018-12-28 10:57:05 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileGuildSubscriberlvl1-pKd1EZ {
-webkit-mask: url(https://discordapp.com/assets/24e49184598820f274e62293349a2e43.svg) center/contain no-repeat;
Update BasicBackground.css
2018-12-28 10:57:05 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileGuildSubscriberlvl2-1aIFve {
-webkit-mask: url(https://discordapp.com/assets/cc73fba5c2e9b70752bbd1db35a1b9c3.svg) center/contain no-repeat;
Update BasicBackground.css
2018-12-28 10:57:05 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileGuildSubscriberlvl3-33AROf {
-webkit-mask: url(https://discordapp.com/assets/a4c3939a9b03274246df9b144fcd86cf.svg) center/contain no-repeat;
Update BasicBackground.css
2018-12-28 10:57:05 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
[class*="topSection"]:not(.topSectionNormal-2-vo2m) .profileGuildSubscriberlvl4-2yY8EG {
-webkit-mask: url(https://discordapp.com/assets/d01bee8a9b41bd9dda26a43221b2e7e8.svg) center/contain no-repeat;
Update BasicBackground.css
2018-12-28 10:57:05 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 16.7. SCROLLBARS ---- */
::-webkit-scrollbar,
#app-mount ::-webkit-scrollbar {
width: 8px;
height: 8px;
}
#app-mount .scroller-3vODG7::-webkit-scrollbar,
#app-mount #bda-qem-twitch-container .scroller-2FKFPG::-webkit-scrollbar,
#app-mount #bda-qem-favourite-container .scroller-2FKFPG::-webkit-scrollbar {
width: 6px;
height: 6px;
}
#app-mount .scroller--qpKGq::-webkit-scrollbar,
#app-mount .scrollbar-3dvm_9::-webkit-scrollbar,
#app-mount .scroller-2PSBSf::-webkit-scrollbar {
width: 4px;
height: 4px;
}
::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece,
#app-mount ::-webkit-scrollbar,
#app-mount ::-webkit-scrollbar-track,
#app-mount ::-webkit-scrollbar-track-piece {
border-color: transparent;
background: transparent;
}
::-webkit-scrollbar-thumb,
#app-mount ::-webkit-scrollbar-thumb {
border-radius: 10px;
border: none;
background-color: rgb(var(--vaccentcolor));
}
::-webkit-scrollbar-corner,
#app-mount ::-webkit-scrollbar-corner {
visibility: hidden;
Update BasicBackground.css
2018-12-28 10:57:05 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-corner,
.scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-thumb,
.scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar-track,
.scrollerThemed-2oenus.themeHidden-2yP93k .scroller-2FKFPG::-webkit-scrollbar {
display: none;
Update BasicBackground.css
2018-12-28 10:57:05 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 16.8. NOTIFICATIONBAR ---- */
#app-mount .notice-2FJMB4 {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .button-1MICoQ:not(:hover) {
border-color: rgba(var(--fontwhite1), 0.25);
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .button-1MICoQ:hover {
border-color: rgb(var(--fontwhite1));
background-color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .dismiss-SCAH9H {
-webkit-mask: url(https://discordapp.com/assets/7731c77d99babca1a8faec204d98c380.svg) 50% 55%/10px 10px no-repeat;
background: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .icon-KgjVwm:empty,
#app-mount .platformIcon-2NdO9F:empty {
background: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .iconWindows-1KG_XN {
-webkit-mask: url(https://discordapp.com/assets/24b843ed68d70abffbf4fdab9b400cc9.svg) center/contain no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .iconApple-1hp9Sq {
-webkit-mask: url(https://discordapp.com/assets/ca511da5c9b326e5cb3f6befab1a3143.svg) center/contain no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .iconAndroid-3HTSwF {
-webkit-mask: url(https://discordapp.com/assets/296aebeec33f5ce47db9ebbee9ccf1fc.svg) center/contain no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .premiumLogo-30dge3 {
-webkit-mask: url(https://discordapp.com/assets/9328a2df4b542ac8725b57010a52f73b.svg) center/contain no-repeat;
background: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 16.9. TOOLTIPS ---- */
themes
2019-09-19 14:29:45 +02:00
.headerText-1h7zBw {
color: rgb(var(--fontwhite1));
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .tooltip-2QfLtc {
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
color: rgb(var(--fontwhite1));
}
#app-mount .tooltipBlack-PPG47z {
background-color: rgb(var(--vaccentcolor));
}
#app-mount .tooltipBlack-PPG47z .tooltipPointer-3ZfirK {
border-top-color: rgb(var(--vaccentcolor));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 16.10. TOASTS ---- */
.toast,
.bd-toast {
background-color: rgb(var(--vaccentcolor));
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.icon,
.bd-toast.icon {
background-image: none !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.icon:before,
.bd-toast.icon:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgb(var(--fontwhite1)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.toast-brand.icon:before,
.bd-toast.toast-brand.icon:before {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjI3IDI3IDExNSAxMTUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkwIDkwOyI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMTEuMywxMjQuMWMwLDAtMy40LTQuMS02LjMtNy43YzEyLjYtMy41LDE3LjQtMTEuMywxNy40LTExLjMgYy00LDIuNi03LjcsNC40LTExLjEsNS42Yy00LjgsMi05LjUsMy4zLTE0LDQuMWMtOS4yLDEuNy0xNy42LDEuMy0yNC45LTAuMWMtNS41LTEtMTAuMi0yLjUtMTQuMS00LjFjLTIuMi0wLjgtNC42LTEuOS03LjEtMy4zIGMtMC4zLTAuMi0wLjYtMC4zLTAuOS0wLjVjLTAuMS0wLjEtMC4zLTAuMi0wLjQtMC4yYy0xLjctMS0yLjYtMS42LTIuNi0xLjZzNC42LDcuNiwxNi44LDExLjJjLTIuOSwzLjYtNi40LDcuOS02LjQsNy45IGMtMjEuMi0wLjYtMjkuMy0xNC41LTI5LjMtMTQuNWMwLTMwLjYsMTMuOC01NS40LDEzLjgtNTUuNGMxMy44LTEwLjMsMjYuOS0xMCwyNi45LTEwbDEsMS4xQzUyLjgsNTAuMyw0NSw1Ny45LDQ1LDU3LjkgczIuMS0xLjIsNS43LTIuN2MxMC4zLTQuNSwxOC40LTUuNywyMS44LTZjMC41LTAuMSwxLjEtMC4yLDEuNi0wLjJjNS45LTAuNywxMi41LTAuOSwxOS40LTAuMmM5LjEsMSwxOC45LDMuNywyOC45LDkuMSBjMCwwLTcuNS03LjItMjMuOS0xMi4xbDEuMy0xLjVjMCwwLDEzLjEtMC4zLDI2LjksMTBjMCwwLDEzLjgsMjQuOCwxMy44LDU1LjRDMTQwLjYsMTA5LjYsMTMyLjUsMTIzLjUsMTExLjMsMTI0LjF6IE0xMDEuNyw3OS43Yy01LjQsMC05LjgsNC43LTkuOCwxMC41YzAsNS44LDQuNCwxMC41LDkuOCwxMC41YzUuNCwwLDkuOC00LjcsOS44LTEwLjUgQzExMS41LDg0LjQsMTA3LjEsNzkuNywxMDEuNyw3OS43eiBNNjYuNyw3OS43Yy01LjQsMC05LjgsNC43LTkuOCwxMC41YzAsNS44LDQuNCwxMC41LDkuOCwxMC41YzUuNCwwLDkuOC00LjcsOS44LTEwLjUgQzc2LjUsODQuNCw3Mi4xLDc5LjcsNjYuNyw3OS43eiIvPjwvc3ZnPg==) 6px 50%/20px 20px no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.toast-danger.icon:before,
.toast.toast-error.icon:before,
.bd-toast.toast-danger.icon:before,
.bd-toast.toast-error.icon:before {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEyIDJDNi40NyAyIDIgNi40NyAyIDEyczQuNDcgMTAgMTAgMTAgMTAtNC40NyAxMC0xMFMxNy41MyAyIDEyIDJ6bTUgMTMuNTlMMTUuNTkgMTcgMTIgMTMuNDEgOC40MSAxNyA3IDE1LjU5IDEwLjU5IDEyIDcgOC40MSA4LjQxIDcgMTIgMTAuNTkgMTUuNTkgNyAxNyA4LjQxIDEzLjQxIDEyIDE3IDE1LjU5eiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+) 6px 50%/20px 20px no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.toast-facebook.icon:before,
.bd-toast.toast-facebook.icon:before {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9Ii01IC01IDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkwIDkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PHBhdGggaWQ9IkZhY2Vib29rX194MjhfYWx0X3gyOV8iIGQ9Ik05MCwxNS4wMDFDOTAsNy4xMTksODIuODg0LDAsNzUsMEgxNUM3LjExNiwwLDAsNy4xMTksMCwxNS4wMDF2NTkuOTk4ICAgQzAsODIuODgxLDcuMTE2LDkwLDE1LjAwMSw5MEg0NVY1NkgzNFY0MWgxMXYtNS44NDRDNDUsMjUuMDc3LDUyLjU2OCwxNiw2MS44NzUsMTZINzR2MTVINjEuODc1QzYwLjU0OCwzMSw1OSwzMi42MTEsNTksMzUuMDI0VjQxICAgaDE1djE1SDU5djM0aDE2YzcuODg0LDAsMTUtNy4xMTksMTUtMTUuMDAxVjE1LjAwMXoiIGZpbGw9IndoaXRlIi8+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) 6px 50%/20px 20px no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.toast-info.icon:before,
.bd-toast.toast-info.icon:before {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMSAxNWgtMnYtNmgydjZ6bTAtOGgtMlY3aDJ2MnoiLz48L3N2Zz4=) 6px 50%/20px 20px no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.toast-premium.icon:before,
.bd-toast.toast-premium.icon:before {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDMiIGhlaWdodD0iMjYiPiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOTYuMjgyNiA4LjYwMjc4ODI0bC0xLjIxNTUgOC4zOTAzNTI5NmMtLjI3NzUgMS45ODI2Mjc0LTIuNDY1NSAyLjkwMzMzMzMtNC40NzkgMi45MDMzMzMzLTEuODc1IDAtMy43MTU1LS45MjA3MDU5LTMuNDcyNS0yLjcyNTkyMTZsMS4yMTU1LTguNTY3NzY0NjZjLjI3NzUtMS44NzY1ODgyNCAyLjQ2NTUtMi44MzI0NzA2IDQuNDc5LTIuODMyNDcwNiAyLjAxNCAwIDMuNzUuOTU1ODgyMzYgMy40NzI1IDIuODMyNDcwNk05My43NzIxLjAwMzkyNTVsLjAwMDUtLjAwNDA3ODQ0aC0xMy4wODRjLS4zMzQgMC0uNjE4LjI1MDMxMzcyLS42NjYuNTg3Mjk0MTJsLS42MzY1IDQuNDMyMjM1M2MtLjA1OTUuNDE0NDcwNTguMjU2Ljc4NjExNzY0LjY2NjUuNzg2MTE3NjRoMi4zODk1Yy4yNCAwIC40MDQ1LjI0OTgwMzkyLjMxLjQ3NTY0NzA2LS4yOTguNzEyMTk2MDctLjUxNTUgMS40ODYwNzg0My0uNjM2IDIuMzIxNjQ3MDZsLTEuMjE1NSA4LjU2Nzc2NDY2Yy0uNzk5IDUuNzM1Mjk0MiAzLjg4OSA4LjYwMjQzMTQgOC45OTMgOC42MDI0MzE0IDUuMzQ3NSAwIDEwLjU5MDUtMi44NjcxMzcyIDExLjM4OS04LjYwMjQzMTRsMS4yMTUtOC41Njc3NjQ2NmMuNzgzLTUuNjIyMTE3NjUtMy43Mzk1LTguNDg4MjM1My04LjcyNTUtOC41OTg4NjI3NW0tNzguNTk1MjUgMTEuNzI4NjUxbC4wNjcgNC4xNTg5ODA0Yy4wMDE1LjA4NTEzNzItLjA1NS4xNjA1ODgyLS4xMzYuMTgxNDkwMmgtLjAwMDVsLTEuMzg1NS01LjAxNjQ3MDZjLS4wMDItLjAwNzY0NzEtLjAwNS0uMDE0Nzg0My0uMDA4LS4wMjI0MzE0TDkuNDE0MzUuNzcwNzcyNTNjLS4xMDYtLjI1Mjg2Mjc1LS4zNDk1LS40MTY1MDk4LS42MTk1LS40MTY1MDk4aC00Ljg3MjVjLS4zMzYgMC0uNjIwNS4yNTIzNTI5NC0uNjY3LjU5MTM3MjU0TC4wMDY4NSAyNC42MzcyNDMxYy0uMDU3LjQxMzQ1MS4yNTc1Ljc4MjAzOTMuNjY2NS43ODIwMzkzaDQuODU0Yy4zMzY1IDAgLjYyMTUtLjI1MzM3MjYuNjY3NS0uNTkyOTAybDEuMjcyLTkuNDEyNTA5OGMuMDAxNS0uMDA5MTc2NS4wMDItLjAxODM1My4wMDItLjAyNzUyOTRsLS4wNjk1LTQuODM2NTA5OC4xMzg1LS4wMzUxNzY1IDEuNDU1NSA1LjAxNjQ3MDZjLjAwMjUuMDA3MTM3Mi4wMDUuMDEzNzY0Ny4wMDc1LjAyMDkwMmw0LjAyMTUgOS40NTM4MDM5Yy4xMDY1LjI1MDgyMzUuMzQ5NS40MTM0NTEuNjE3NS40MTM0NTFoNS4yNTY1Yy4zMzYgMCAuNjIwNS0uMjUyMzUzLjY2Ny0uNTkxODgyNGwzLjI0OTUtMjMuNjkxNjA3ODRjLjA1NjUtLjQxMjk0MTE4LS4yNTgtLjc4MTUyOTQyLS42NjctLjc4MTUyOTQyaC00LjgyMDVjLS4zMzYgMC0uNjIwNS4yNTE4NDMxNC0uNjY3LjU5MDg2Mjc1bC0xLjQ4IDEwLjc1ODkwMmMtLjAwMS4wMDkxNzY0LS4wMDE1LjAxODg2MjctLjAwMTUuMDI4NTQ5bTkuMzk0IDEzLjY4NjYwMzloNC44NTVjLjMzNiAwIC42MjA1LS4yNTIzNTI5LjY2Ny0uNTkxMzcyNmwzLjI0OS0yMy42OTIxMTc2Yy4wNTY1LS40MTI5NDEyLS4yNTgtLjc4MTUyOTQ0LS42NjctLjc4MTUyOTQ0aC00Ljg1NWMtLjMzNiAwLS42MjA1LjI1MjM1Mjk0LS42NjcuNTkxMzcyNTVsLTMuMjQ5IDIzLjY5MjExNzY4Yy0uMDU2NS40MTI5NDEyLjI1OC43ODE1Mjk0LjY2Ny43ODE1Mjk0TTM2LjYyMTE1LjkwNjA3NDVsLS42MzYgNC40MzIyMzUzYy0uMDU5NS40MTQ0NzA2LjI1NTUuNzg2MTE3NjUuNjY2Ljc4NjExNzY1aDUuMDgwNWMuNDA4NSAwIC43MjMuMzY3NTY4NjMuNjY3NS43ODA1MDk4bC0yLjM5MzUgMTcuNzM0MDM5MjVjLS4wNTU1LjQxMjQzMTMuMjU4NS43OC42NjcuNzhoNC45MjU1Yy4zMzY1IDAgLjYyMS0uMjUyODYyOC42NjctLjU5MjkwMmwyLjQ0NC0xOC4xMDg3NDUxYy4wNDYtLjMzOTUyOTQuMzMwNS0uNTkyOTAxOTUuNjY3LS41OTI5MDE5NWg1LjQ2MjVjLjMzNCAwIC42MTgtLjI0OTgwMzkyLjY2Ni0uNTg3Mjk0MTJsLjYzNy00LjQzMjIzNTNjLjA1OTUtLjQxNDQ3MDU4LS4yNTU1LS43ODYxMTc2NC0uNjY2NS0uNzg2MTE3NjRoLTE4LjE4NzVjLS4zMzQ1IDAtLjYxOC4yNTAzMTM3LS42NjY1LjU4NzI5NDFNNzEuMDM4NyA5LjA5ODM2ODZjLS4xNzQgMS40NTE0MTE3Ny0xLjI4NDUgMi45MDI4MjM1Ny0zLjE5NSAyLjkwMjgyMzU3aC0yLjg2OTVjLS40MSAwLS43MjQ1LS4zNjk2MDc5LS42NjctLjc4MzA1ODlsLjYwNzUtNC4zNjE4ODIzM2MuMDQ3LS4zMzg1MDk4LjMzMTUtLjU5MDM1Mjk0LjY2Ny0uNTkwMzUyOTRoMy4wNjFjMS44NDA1IDAgMi41Njk1IDEuMzEwMTk2MDggMi4zOTYgMi44MzI0NzA2TTY5LjMzNzIuMzU0MjExNzZoLTkuMjQwNWMtLjMzNiAwLS42MjA1LjI1MjM1Mjk0LS42NjcuNTkxMzcyNTRsLTMuMjQ5IDIzLjY5MjExNzdjLS4wNTY1LjQxMjk0MTEuMjU4Ljc4MTUyOTQuNjY3Ljc4MTUyOTRoNC45MjM1Yy4zMzY1IDAgLjYyMTUtLjI1MzM3MjYuNjY3NS0uNTkyOTAybC45NTYtNy4wNzY1ODgyYy4wMjMtLjE2OTc2NDcuMTY1LS4yOTYxOTYxLjMzMzUtLjI5NjE5NjFoLjYzM2MuMTE0NSAwIC4yMjE1LjA1OTY0NzEuMjgzNS4xNTgwMzkybDQuNzAyIDcuNDkxMDU4OGMuMTI0LjE5NzI5NDIuMzM3NS4zMTY1ODgzLjU2NzUuMzE2NTg4M2g2LjA4MWMuNTQ1IDAgLjg2NDUtLjYyNTAxOTYuNTUyLTEuMDgwMjc0NWwtNC45MzQ1LTcuMTkxODA0Yy0uMTE4LS4xNzI4MjM1LS4wNTc1LS40MTI0MzEzLjEyOC0uNTA0NzA1OCAzLjE1MDUtMS41Njk2ODYzIDQuOTc5NS0zLjE3ODExNzcgNS41ODMtNy42NTAxMTc3LjY5MzUtNS44NzcwMTk2LTIuOTE3LTguNjM4MTE3NjMtNy45ODY1LTguNjM4MTE3NjMiLz48L3N2Zz4=) 6px 50%/63px 16px no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.toast-spotify.icon:before,
.bd-toast.toast-spotify.icon:before {
-webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwOC41MiA1MDguNTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwOC41MiA1MDguNTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTI1NC4yNiwwQzExMy44NDUsMCwwLDExMy44NDUsMCwyNTQuMjZzMTEzLjg0NSwyNTQuMjYsMjU0LjI2LDI1NC4yNiAgICAgczI1NC4yNi0xMTMuODQ1LDI1NC4yNi0yNTQuMjZTMzk0LjY3NSwwLDI1NC4yNiwweiBNMzcxLjY5Niw0MDMuMjg4Yy0zLjE3OCw1LjgxNi05LjEyMiw5LjA1OC0xNS4yODcsOS4wNTggICAgIGMtMi44NiwwLTUuNzIxLTAuNjY3LTguNDIyLTIuMTI5Yy00MC43MTMtMjIuNDM4LTg2Ljk1Ny0zNC4yOTMtMTMzLjY3Ny0zNC4yOTNjLTI4LDAtNTUuNjUxLDQuMTYzLTgyLjEyNiwxMi4zNjMgICAgIGMtOS4yMTcsMi44Ni0xOS4wMDYtMi4yODgtMjEuODM1LTExLjUzN2MtMi44Ni05LjE4NSwyLjI4OC0yOC43LDExLjUzNy0zMS41OTJjMjkuODQ0LTkuMjQ5LDYwLjk1OS0xMy45MjEsOTIuNDU1LTEzLjkyMSAgICAgYzUyLjU2OCwwLDEwNC42NiwxMy4zNDksMTUwLjUyMiwzOC42MTZDMzczLjMxNywzNzQuNDYxLDM3Ni40LDM5NC44NjYsMzcxLjY5Niw0MDMuMjg4eiBNNDA0LjAxOSwzMDcuNTI3ICAgICBjLTMuNjIzLDcuMDI0LTEwLjc0MiwxOC4zMzgtMTguMDg0LDE4LjMzOGMtMy4yMSwwLTYuMzg4LTAuNjk5LTkuMzc2LTIuMzJjLTUwLjQ3MS0yNi4xODktMTA1LjA0MS0zOS40NzQtMTYyLjIxOC0zOS40NzQgICAgIGMtMzEuNDk2LDAtNjIuNzcsNC4xMzItOTIuOTY0LDEyLjQ1OWMtMTAuOTAxLDIuOTU2LTIyLjA4OS0zLjQwMS0yNS4wNDUtMTQuMzAyYy0yLjkyNC0xMC45MDEsMy40NjQtMjkuNDMxLDE0LjMzNC0zMi4zODYgICAgIGMzMy42ODktOS4xODUsNjguNTg3LTEzLjg1NywxMDMuNjc0LTEzLjg1N2M2Mi44OTgsMCwxMjUuNDQ1LDE1LjI1NiwxODAuOTM4LDQ0LjExNCAgICAgQzQwNS4yOSwyODUuMjQ4LDQwOS4xOTksMjk3LjUxNiw0MDQuMDE5LDMwNy41Mjd6IE00MTcuNTI2LDIzMC44MzZjLTMuNDY0LDAtNy4wMjQtMC43OTUtMTAuMzYxLTIuNDQ3ICAgICBjLTYwLjIyOC0zMC4wMzQtMTI1LjA5Ni00NS4yMjYtMTkyLjc2MS00NS4yMjZjLTM1LjI3OSwwLTcwLjQzLDQuMjkxLTEwNC41MzMsMTIuNzEzYy0xMi41MjIsMy4wODMtMjUuMTQtNC41MTMtMjguMjIzLTE3LjAwNCAgICAgYy0zLjExNS0xMi40NTksNC41MTMtMjcuNTU1LDE3LjAwNC0zMC42MzhjMzcuNzI2LTkuMzc2LDc2LjY1OS0xNC4xMTEsMTE1LjcyLTE0LjExMWM3NC45NzUsMCwxNDYuODY3LDE2Ljg3NywyMTMuNTc4LDUwLjEyMSAgICAgYzExLjUzNyw1Ljc1MywxNi4yNDEsMTkuNzM3LDEwLjQ4OCwzMS4yNDJDNDM0LjMwOCwyMjMuNjUzLDQyNi4xMDgsMjMwLjgzNiw0MTcuNTI2LDIzMC44MzZ6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) 6px 50%/20px 20px no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.toast-streamermode.icon:before,
.bd-toast.toast-streamermode.icon:before {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItMjUgLTI1IDU0MiA1NDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MiA0OTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxwYXRoIGQ9Ik00ODguMywxNDIuNXYyMDMuMWMwLDE1LjctMTcsMjUuNS0zMC42LDE3LjdsLTg0LjYtNDguOHYxMy45YzAsNDEuOC0zMy45LDc1LjctNzUuNyw3NS43SDc1LjdDMzMuOSw0MDQuMSwwLDM3MC4yLDAsMzI4LjQgICBWMTU5LjljMC00MS44LDMzLjktNzUuNyw3NS43LTc1LjdoMjIxLjhjNDEuOCwwLDc1LjcsMzMuOSw3NS43LDc1Ljd2MTMuOWw4NC42LTQ4LjhDNDcxLjMsMTE3LDQ4OC4zLDEyNi45LDQ4OC4zLDE0Mi41eiIgZmlsbD0iI0ZGRkZGRiIvPjwvc3ZnPg==) 6px 50%/20px 20px no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.toast-success.icon:before,
.bd-toast.toast-success.icon:before {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptLTIgMTVsLTUtNSAxLjQxLTEuNDFMMTAgMTQuMTdsNy41OS03LjU5TDE5IDhsLTkgOXoiLz48L3N2Zz4=) 6px 50%/20px 20px no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.toast-warning.icon:before,
.toast.toast-warn.icon:before,
.bd-toast.toast-warning.icon:before,
.bd-toast.toast-warn.icon:before {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMSAyMWgyMkwxMiAyIDEgMjF6bTEyLTNoLTJ2LTJoMnYyem0wLTRoLTJ2LTRoMnY0eiIvPjwvc3ZnPg==) 6px 50%/20px 20px no-repeat;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.toast.icon:not(.toast-brand):not(.toast-danger):not(.toast-error):not(.toast-facebook):not(.toast-info):not(.toast-premium):not(.toast-spotify):not(.toast-streamermode):not(.toast-success):not(.toast-warning):not(.toast-warn):before, .bd-toast.icon:not(.toast-brand):not(.toast-danger):not(.toast-error):not(.toast-facebook):not(.toast-info):not(.toast-premium):not(.toast-spotify):not(.toast-streamermode):not(.toast-success):not(.toast-warning):not(.toast-warn):before {
display: none;
}
/* ~~~~ 17. BDSUPPORT ~~~~ */
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.BDFDB-modal .BDFDB-containerarrow,
.BDFDB-settings .BDFDB-containerarrow {
-webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItOTUwIDUzMiAxOCAxOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtOTUwIDUzMiAxOCAxODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS05MzIsNTMydjE4aC0xOHYtMThILTkzMnoiLz4NCjxwb2x5bGluZSBjbGFzcz0ic3QxIiBwb2ludHM9Ii05MzYuNiw1MzguOCAtOTQxLDU0My4yIC05NDUuNCw1MzguOCAiLz4NCjwvc3ZnPg0K);
background: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .bd-modal-inner { /* modal container */
background-color: transparent;
border: none;
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-modal-inner:after,
.bd-modal-inner:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-modal-inner:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-modal-inner:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-modal-wrapper .header { /* modal header */
background-color: transparent;
box-shadow: none;
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-modal-wrapper .bd-modal-body { /* modal body */
background-color: transparent;
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-modal-wrapper .footer { /* modal footer */
background-color: rgba(var(--vtransparencycolor), 0.2);
box-shadow: none;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-modal-wrapper .footer button {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-modal-wrapper .tab-bar-container { /* modal tabbarcontainer */
background: rgba(var(--vtransparencycolor), 0.2);
border-top-color: rgba(var(--vtransparencycolor), 0.3);
box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.1);
}
.bd-modal-wrapper .tab-bar-container .tab-bar-item { /* modal tabbaritem */
color: rgb(var(--fontwhite1)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-modal-wrapper .tab-bar-container .tab-bar-item.selected,/* modal tabbaritem selected */
.bd-modal-wrapper .tab-bar-container .tab-bar-item:hover { /* modal tabbaritem hover */
border-color: rgb(var(--fontwhite1)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-modal-wrapper .table-header, /* modal tableheader */
.bd-modal-wrapper .error { /* modal tablerow */
border-color: rgba(var(--fontwhite4), 0.3);
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#pubslayer .ui-tab-bar-item,
#app-mount #bd-settings-sidebar .ui-tab-bar-item { /* sidebar item */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#pubslayer .ui-tab-bar-item:hover,
#app-mount #bd-settings-sidebar .ui-tab-bar-item:hover {
background-color: rgba(var(--vtransparencycolor), 0.2);
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#pubslayer .ui-tab-bar-item.selected,
#app-mount #bd-settings-sidebar .ui-tab-bar-item.selected {
background-color: rgb(var(--vaccentcolor));
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#pubslayer .ui-tab-bar-header,
#app-mount #bd-settings-sidebar .ui-tab-bar-header { /* sidebar sideitemheader */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#pubslayer .ui-tab-bar-separator,
#app-mount #bd-settings-sidebar .ui-tab-bar-separator { /* sidebar sideitemseparator */
background-color: rgba(var(--fontwhite4), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#bd-settings-sidebar [style*=" color: rgb(114, 118, 125)"] {/* sidebar credits */
color: rgb(var(--fontwhite4)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-server-description-container { /* pubslayer guilddescription */
border-color: rgba(var(--fontwhite4), 0.3);
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bd-server-card .bd-server-tags { /* pubslayer guildtags */
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#pubslayer input {
background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#pubslayer input:hover {
border-color: rgb(var(--vtransparencycolor));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#pubslayer input::placeholder {
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#pubslayer h2.ui-form-title,
#app-mount #bd-settingspane-container h2.ui-form-title { /* settingsitems header */
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount #bd-settingspane-container .ui-switch-item h3 {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount #bd-settingspane-container .ui-switch-item .style-description {
border-bottom-color: rgba(var(--fontwhite4), 0.3);
color: rgb(var(--fontwhite3));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch {
background-color: rgba(var(--vtransparencycolor), 0.3);
box-shadow: inset 0 1px 1px rgba(var(--vtransparencycolor), 0.15);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#bd-settingspane-container .ui-switch-item .ui-switch-wrapper .ui-switch:before {
background-color: rgb(var(--fontwhite1));
box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#pubslayer button,
.bda-slist .bda-footer button,
.bd-pfbtn {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .bda-slist li {
background-color: rgba(var(--vtransparencycolor), 0.2);
border-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .bda-slist .bda-header {
color: rgb(var(--fontwhite1));
border-bottom-color: rgba(var(--fontwhite4), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .bda-slist .bda-description {
color: rgb(var(--fontwhite3));
themes
2019-02-12 13:21:44 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .bda-slist .bda-description::-webkit-scrollbar {
width: 4px;
height: 4px;
themes
2019-02-12 13:21:44 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .bda-slist .bda-footer {
border-top-color: rgba(var(--fontwhite4), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bda-slist li svg path[fill="#dcddde"] {
fill: rgb(var(--fontwhite3));
}
.bda-slist li svg:hover path[fill="#dcddde"] {
fill: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#bd-customcss-editor { /* customcsseditor container */
background-color: rgba(var(--vtransparencycolor), 0.5);
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
#bd-customcss-attach-controls {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background-color: rgba(var(--vtransparencycolor), 0.8);
box-shadow: none;
delete git history
2018-10-11 10:21:26 +02:00
}
#bd-customcss-editor .ace_selection {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background-color: rgb(var(--vaccentcolor));
delete git history
2018-10-11 10:21:26 +02:00
}
#bd-customcss-editor .ace_selected-word {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
border-color: rgb(var(--vaccentcolor));
delete git history
2018-10-11 10:21:26 +02:00
}
#bd-customcss-editor .ace_gutter {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background-color: rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite4));
delete git history
2018-10-11 10:21:26 +02:00
}
#bd-customcss-editor .ace_active-line {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background-color: rgba(var(--vaccentcolor), 0.5);
delete git history
2018-10-11 10:21:26 +02:00
}
#bd-customcss-editor .ace_gutter-active-line {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background-color: rgba(var(--vaccentcolor), 0.7);
}
.contentRegion-3nDuYy #bd-customcss-attach-controls,
#bd-customcss-detach-container #bd-customcss-attach-controls {
background-color: rgba(var(--vtransparencycolor), 0.5);
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: inset 0 1px 0 0 rgba(var(--fontwhite4), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
color: rgb(var(--fontwhite1));
}
.standardSidebarView-3F1I7i #bd-customcss-attach-controls button,
.bd-detached-css-editor #bd-customcss-attach-controls button {
color: rgb(var(--fontwhite1));
}
#bd-customcss-attach-controls .help-text .inline {
background-color: rgba(var(--vtransparencycolor), 0.4);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body #ace_settingsmenu_container > div { /* customcsseditor settings */
position: absolute;
background: transparent;
Update BasicBackground.css
2019-02-19 20:09:47 +01:00
top: 10vh !important;
right: calc(50vw - 300px) !important;
bottom: 10vh !important;
left: calc(50vw - 300px) !important;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
border-radius: 5px;
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
box-sizing: border-box;
padding-top: 50px;
transform: none;
}
body #ace_settingsmenu_container > div:after,
body #ace_settingsmenu_container > div:before {
border-radius: 5px;
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: -1;
pointer-events: none;
}
body #ace_settingsmenu_container > div:after {
background: rgba(var(--vtransparencycolor),calc(var(--vtransparencyalpha) * 3));
}
body #ace_settingsmenu_container > div:before {
background: var(--vbackground) center/var(--vbackgroundsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
body .ace_closeButton {
position: absolute;
top: -35px;
right: 12px;
border-radius: 5px;
cursor: pointer;
height: 23px;
width: 23px;
}
body .ace_closeButton:hover {
background-color: rgba(var(--vtransparencycolor), 0.3);
}
body .ace_closeButton:after {
content: "Custom CSS Settings";
color: rgb(var(--fontwhite1));
font-weight: 600;
font-size: 18px;
position: absolute;
top: 2px;
left: -550px;
pointer-events: none;
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body .ace_closeButton:before {
color: rgb(var(--fontwhite1));
line-height: 24px;
margin-left: 5px;
opacity: 0.7;
}
body .ace_closeButton:hover:before {
opacity: 1;
}
body #ace_settingsmenu {
background-color: transparent;
box-shadow: none;
color: rgb(var(--fontwhite1));
height: calc(80vh - 50px);
overflow: scroll;
padding: 0 0.5em 0 1em;
position: static;
left: 0;
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body #ace_settingsmenu .ace_optionsMenuEntry {
height: 40px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 10px;
}
body #ace_settingsmenu .ace_optionsMenuEntry:hover {
background: transparent;
}
body #ace_settingsmenu > *:last-child {
color: rgb(var(--fontwhite1));
float: right;
}
body #ace_settingsmenu .ace_optionsMenuEntry label {
color: rgb(var(--fontwhite1));
font-size: 16px;
line-height: 24px;
cursor: pointer;
flex: 1 0 auto;
font-weight: 500;
margin-right: 10px;
}
body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"],
body #ace_settingsmenu .ace_optionsMenuEntry select {
box-sizing: border-box;
flex: 0 1 auto;
width: 200px;
float: none;
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.1);
border-color: rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
color: rgb(var(--fontwhite1));
height: 40px;
padding: 10px;
border-radius: 3px;
border-style: solid;
border-width: 1px;
transition: background-color .15s ease,border .15s ease;
font-size: 16px;
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:hover,
body #ace_settingsmenu .ace_optionsMenuEntry select:hover {
border-color: #040405;
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:focus,
body #ace_settingsmenu .ace_optionsMenuEntry select:focus {
border-color: rgb(var(--vaccentcolor));
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body #ace_settingsmenu .ace_optionsMenuEntry select option {
background-color: #303339;
color: rgb(var(--fontwhite1));
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body #ace_settingsmenu input[type="checkbox"] {
position: relative;
width: 44px;
height: 24px;
-webkit-appearance: none;
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body #ace_settingsmenu input[type="checkbox"]:before {
content: "";
display: block;
position: relative;
width: 44px;
height: 24px;
background: rgba(var(--vtransparencycolor), 0.3);
border-radius: 14px;
transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out;
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body #ace_settingsmenu input[type="checkbox"]:checked:before {
background: rgb(var(--vaccentcolor));
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body #ace_settingsmenu input[type="checkbox"]:after {
content: "";
display: block;
width: 18px;
height: 18px;
position: absolute;
top: 3px;
left: 3px;
bottom: 3px;
background-color: rgb(var(--fontwhite1));
border-radius: 10px;
transition: all .15s ease;
box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.3);
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body #ace_settingsmenu input[type="checkbox"]:checked:after {
transform: translateX(20px);
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 18. PLUGINSUPPORT ~~~~ */
/* ---- 18.1. DATEVIEWER ---- */
#app-mount #dv-mount {
background: transparent;
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount #dv-main {
border-top-color: rgba(var(--fontwhite1), 0.1);
color: rgb(var(--fontwhite1));
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount #dv-main .dv-date {
color: rgb(var(--fontwhite3));
opacity: 1;
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 18.2. SERVERFOLDERS ---- */
body.foldercontentopened .titleBar-AC4pGV.typeMacOS-3EmCyP,
body.foldercontentopened .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC {
width: 144px;
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
body.foldercontentopened .titleBar-AC4pGV.typeMacOS-3EmCyP .macButtons-2MuSAC {
padding-right: 82px;
Update BasicBackground.css
2019-02-16 20:47:37 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 18.3. MEMBERCOUNT ---- */
#app-mount #MemberCount {
background-color: transparent;
Update BasicBackground.css
2019-09-22 22:32:42 +02:00
color: rgb(var(--fontwhite2));
BsicBackground FIX
2019-09-19 12:56:54 +02:00
width: calc(100% - 8px);
margin: 0;
line-height: 0;
height: 30px;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#MemberCount:after,
#MemberCount:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
pointer-events: none;
z-index: -1;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#MemberCount:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + var(--vmemberlistransparency) * 0.85));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#MemberCount:before {
background: var(--vbackground) center/var(--vbackgroundsize);
filter: blur(var(--vbackgroundblur));
background-attachment: fixed;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 18.4. SENDBUTTON ---- */
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.send-button img {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTIuMDEgMjFMMjMgMTIgMi4wMSAzIDIgMTBsMTUgMi0xNSAyeiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+) center/contain no-repeat;
background: rgb(var(--fontwhite3));
cursor: pointer;
object-position: -9999999px -9999999px;
opacity: 1;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.send-button img:hover {
background: rgb(var(--fontwhite2));
transform: none;
Update BasicBackground.css
2019-03-08 21:23:51 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.send-button img:active {
background: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.innerDisabled-2mc-iF .send-button {
display: none;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 18.5. CHARCOUNTER ---- */
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount #charcounter {
color: rgb(var(--fontwhite3));
opacity: 1;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.innerDisabled-2mc-iF #charcounter {
display: none;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 18.6. REPLYER ---- */
.replyer-icon {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDlWNWwtNyA3IDcgN3YtNC4xYzUgMCA4LjUgMS42IDExIDUuMS0xLTUtNC0xMC0xMS0xMXoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center/contain no-repeat !important;
background: rgb(var(--fontwhite1)) !important;
border-radius: 3px !important;
position: relative;
padding: 0 3px 1px 3px;
margin-top: 1px;
Update BasicBackground.css
2019-03-25 13:07:24 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.replyer[style*="cursor:pointer;color:rgba(255,255,255,.4) !important;position:relative;top:-1px;"] {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDlWNWwtNyA3IDcgN3YtNC4xYzUgMCA4LjUgMS42IDExIDUuMS0xLTUtNC0xMC0xMS0xMXoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center/70% no-repeat !important;
background: rgb(var(--fontwhite1)) !important;
delete git history
2018-10-11 10:21:26 +02:00
border-radius: 3px !important;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
filter: none !important;
font-size: 0 !important;
margin: 0 0 0 6px !important;
opacity: 0.7 !important;
padding: 7px 10px !important;
top: -5px !important;
transition: unset !important;
}
.replyer-icon:hover,
.replyer[style*="cursor:pointer;color:rgba(255,255,255,.4) !important;position:relative;top:-1px;"]:hover {
-webkit-mask: none !important;
background: rgba(var(--vtransparencycolor), 0.4) url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDlWNWwtNyA3IDcgN3YtNC4xYzUgMCA4LjUgMS42IDExIDUuMS0xLTUtNC0xMC0xMS0xMXoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center/70% no-repeat !important;
opacity: 1 !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.replyer-icon:active,
.replyer[style*="cursor:pointer;color:rgba(255,255,255,.4) !important;position:relative;top:-1px;"]:active {
-webkit-mask: none !important;
background: rgb(var(--vaccentcolor)) url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDlWNWwtNyA3IDcgN3YtNC4xYzUgMCA4LjUgMS42IDExIDUuMS0xLTUtNC0xMC0xMS0xMXoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center/70% no-repeat !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 18.7. CITADOR ---- */
Update BasicBackground.css
2018-11-18 18:46:30 +01:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.quote-msg {
background-color: rgba(var(--vtransparencycolor) , 0.2);
border-radius: 5px 5px 0 0;
Update BasicBackground.css
2019-03-21 10:55:41 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.quote-msg .replyer,
.quote-msg .replyer-icon,
.quote-msg .buttonContainer-KtQ8wc {
display: none;
Update BasicBackground.css
2019-03-21 11:14:33 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.quote-msg ~ .inner-zqa7da {
border-radius: 0 0 8px 8px;
Update BasicBackground.css
2019-07-18 14:50:41 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.quote-close {
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjQwIDQwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDQwIDQwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJQYWdlXzEiPg0KCTxwYXRoIGlkPSJDbG9zZSIgZmlsbD0iIzk5YWFiNSIgZD0iTTQwLjQ0NSw0Mi44NTNsMi40MDgtMi40MDhjMC41OTMtMC41OTMsMS41NTUtMC41OTMsMi4xNDcsMGw1LDVsNS01ICAgYzAuNTkzLTAuNTkzLDEuNTU0LTAuNTkzLDIuMTQ3LDBsMi40MDgsMi40MDhjMC41OTMsMC41OTMsMC41OTMsMS41NTQsMCwyLjE0N2wtNSw1bDUsNWMwLjU5MywwLjU5MywwLjU5MiwxLjU1NCwwLDIuMTQ3ICAgbC0yLjQwOCwyLjQwOGMtMC41OTMsMC41OTMtMS41NTUsMC41OTMtMi4xNDcsMGwtNS01bC01LDVjLTAuNTkzLDAuNTkzLTEuNTU0LDAuNTkzLTIuMTQ3LDBsLTIuNDA4LTIuNDA4ICAgYy0wLjU5My0wLjU5My0wLjU5My0xLjU1NCwwLTIuMTQ3bDUtNWwtNS01QzM5Ljg1Miw0NC40MDcsMzkuODUyLDQzLjQ0NSw0MC40NDUsNDIuODUzeiIvPg0KPC9nPg0KPC9zdmc+) center/contain no-repeat !important;
background: rgb(var(--fontwhite1)) !important;
stuff
2019-07-18 14:42:23 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.delete-msg-btn {
-webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iZWRpdG9yaWFsXy1fdHJhc2hfY2FuIj4KCTxnPgoJCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik01LDYuNUg0djZoMVY2LjV6IE0xNC41LDJIMTBWMC41QzEwLDAuMiw5LjgsMCw5LjUsMGgtNEM1LjIsMCw1LDAuMiw1LDAuNVYySDAuNUMwLjIsMiwwLDIuMiwwLDIuNQoJCQlTMC4yLDMsMC41LDNIMXYxMmMwLDAuNiwwLjQsMSwxLDFoMTFjMC42LDAsMS0wLjQsMS0xVjNoMC41QzE0LjgsMywxNSwyLjgsMTUsMi41UzE0LjgsMiwxNC41LDJ6IE02LDFoM3YxSDZWMXogTTEzLDE0LjUKCQkJYzAsMC4zLTAuMiwwLjUtMC41LDAuNWgtMTBDMi4yLDE1LDIsMTQuOCwyLDE0LjVWM2gxMVYxNC41eiBNOCw1LjVIN3Y3aDFWNS41eiBNMTEsNi41aC0xdjZoMVY2LjV6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+Cg==) center/contain no-repeat !important;
background: rgb(var(--fontwhite1)) !important;
Update BasicBackground.css
2019-03-21 11:14:33 +01:00
}
Update BasicBackground.css
2019-03-21 10:52:47 +01:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.citar-btn {
-webkit-mask: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_quote_white_48px.svg) center/contain no-repeat !important;
background: rgb(var(--fontwhite1)) !important;
border-radius: 3px;
filter: none !important;
font-size: 0;
margin: 0 0 0 6px !important;
opacity: 0.7;
padding: 7px 10px;
position: relative;
top: -5px;
transition: unset !important;
}
.citar-btn:hover {
-webkit-mask: none !important;
background: rgba(var(--vtransparencycolor), 0.4) url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_quote_white_48px.svg) center/contain no-repeat !important;
opacity: 1;
}
.citar-btn:active {
-webkit-mask: none !important;
background: rgb(var(--vaccentcolor)) url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_format_quote_white_48px.svg) center/contain no-repeat !important;
}
/* ---- 18.8. LINENUMBERS ---- */
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.hljs ol li {
border-left-color: rgba(var(--fontwhite1), 0.2);
}
.hljs ol li::before {
color: rgb(var(--fontwhite4));
Update BasicBackground.css
2019-04-26 13:35:11 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 18.9. PERMISSIONVIEWER ---- */
#permissions-modal-wrapper #permissions-modal { /* modal container */
background-color: transparent;
border: none;
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
position: relative;
overflow: hidden;
Update BasicBackground.css
2019-09-11 21:42:38 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#permissions-modal-wrapper #permissions-modal:after,
#permissions-modal-wrapper #permissions-modal:before {
Update BasicBackground.css
2019-01-21 20:08:22 +01:00
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
width: unset;
height: unset;
Update BasicBackground.css
2019-01-21 20:08:22 +01:00
pointer-events: none;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
z-index: -1;
Update BasicBackground.css
2019-01-21 20:08:22 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#permissions-modal-wrapper #permissions-modal:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
Update BasicBackground.css
2019-01-21 20:08:22 +01:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#permissions-modal-wrapper #permissions-modal:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
Update BasicBackground.css
2019-01-21 20:08:22 +01:00
background-attachment: fixed;
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#permissions-modal-wrapper .header {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.2);
box-shadow: 0 2px 3px 0 rgba(var(--vtransparencycolor), 0.2);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
color: rgb(var(--fontwhite1));
}
#permissions-modal-wrapper .modal-body {
background-color: transparent;
}
#permissions-modal-wrapper .scroller-title {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
border-bottom: 1px solid rgba(var(--vtransparencycolor), 0.3);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#permissions-modal-wrapper .role-side {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.1);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#permissions-modal-wrapper .role-item {
color: rgb(var(--fontwhite2));
}
#permissions-modal-wrapper .role-item:hover {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.1);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#permissions-modal-wrapper .role-item.selected {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background-color: rgba(var(--vtransparencycolor), 0.2);
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}
#permissions-modal-wrapper .perm-side {
background-color: transparent;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#permissions-modal-wrapper .perm-item {
box-shadow: inset 0 -1px 0 rgba(var(--fontwhite4), 0.3);
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#permissions-modal-wrapper .perm-name {
color: rgb(var(--fontwhite3));
theme
2018-10-24 21:31:46 +02:00
}
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 18.10. BETTERSEARCHPAGE ---- */
#app-mount .BSP-pagination-button {
background: transparent;
border-color: rgba(var(--fontwhite1), 0.5);
left: 0;
position: relative;
top: 0;
}
#app-mount .BSP-pagination-button:before {
content: "»";
color: rgb(var(--fontwhite1));
font-size: 20px;
font-weight: 500;
line-height: 15px;
margin-left: -1px;
position: absolute;
text-align: center;
width: 20px;
}
/* ---- 18.11. REPOCONTROLS ---- */
#app-mount #bd-settingspane-container .editIcon,
#app-mount #bd-settingspane-container .trashIcon {
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount #bd-settingspane-container .editIcon:hover,
#app-mount #bd-settingspane-container .trashIcon:hover {
color: rgb(var(--fontwhite1));
}
/* ---- 18.12. DIRECTDOWNLOAD ---- */
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#files_directDownload .file {
background-color: rgba(var(--vtransparencycolor), 0.4);
border-color: rgba(var(--vaccentcolor), 0.2);
border-radius: 6px 6px 0 0;
Update BasicBackground.css
2019-05-07 15:38:24 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#files_directDownload .file svg {
fill: rgb(var(--fontwhite1));
opacity: 0.5;
}
#files_directDownload .file svg:hover {
opacity: 1;
}
#files_directDownload .file span {
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#files_directDownload .file .progress-bar {
background-color: rgb(var(--vaccentcolor));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 18.13. BETTERFORMATINGREDUX ---- */
.innerDisabled-2mc-iF ~ .bf-toolbar {
display: none;
}
.bf-arrow {
-webkit-mask: url('data:image/svg+xml;utf8,<svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') center/contain no-repeat;
background: rgb(var(--fontwhite1)) !important;
}
delete git history
2018-10-11 10:21:26 +02:00
.bf-toolbar {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background: transparent;
overflow: hidden;
transform: none;
top: -50px;
delete git history
2018-10-11 10:21:26 +02:00
}
.bf-toolbar:after {
content: "";
display: block;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
position: absolute;
delete git history
2018-10-11 10:21:26 +02:00
width: 100%;
height: calc(100% - 15px);
pointer-events: none;
left: 0px;
top: 5px;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
background-color: rgba(var(--vtransparencycolor), 0.5);
delete git history
2018-10-11 10:21:26 +02:00
border-radius: 3px;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
transform: translate(0, 55px);
delete git history
2018-10-11 10:21:26 +02:00
transition: all 200ms ease;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
z-index: 200;
delete git history
2018-10-11 10:21:26 +02:00
}
.bf-toolbar.bf-visible:after,
.bf-toolbar.bf-hover:hover:after {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
transform: translate(0, 0);
delete git history
2018-10-11 10:21:26 +02:00
transition: all 200ms cubic-bezier(0,0,0,1);
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bf-toolbar:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
z-index: 100;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.theme-brand .bf-toolbar:after {
Update BasicBackground.css
2019-09-19 21:26:14 +02:00
background: rgb(var(--vaccentcolor)) linear-gradient(rgba(var(--vtransparencycolor), 0.2), rgba(var(--vtransparencycolor), 0.2))!important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.theme-brand .bf-toolbar:before {
display: none;
delete git history
2018-10-11 10:21:26 +02:00
}
.bf-toolbar > * {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
z-index: 300;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bf-toolbar .format {
color: rgb(var(--fontwhite2));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
.bf-toolbar .format:hover {
background-color: rgb(var(--vaccentcolor));
color: rgb(var(--fontwhite1));
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ---- 18.14 PLUGIN/THEMEREPO ---- */
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .pluginEntry svg[fill="currentColor"],
#app-mount .pluginEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN),
#app-mount .themeEntry svg[fill="currentColor"],
#app-mount .themeEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN) {
color: rgb(var(--fontwhite2)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .pluginEntry svg[fill="currentColor"]:hover,
#app-mount .pluginEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN):hover,
#app-mount .themeEntry svg[fill="currentColor"]:hover,
#app-mount .themeEntry .gifFavoriteButton-1gYkEU:not(.selected-2QpwIN):hover {
color: rgb(var(--fontwhite1)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 19. THEMESUPPORT ~~~~ */
/* ~~~~ 19.1. THEMEDEVBADGE ~~~~ */
#app-mount .root-SR8cQa .wrapper-3t9DeA[user_by_BDFDB="278543574059057154"]:not(.statusHovered):hover + .headerInfo-30uryT:before,
#app-mount .userPopout-3XzG_A .avatarWrapper-3H_478[user_by_BDFDB="278543574059057154"]:not(.statusHovered):hover .wrapper-3t9DeA:before {
delete git history
2018-10-11 10:21:26 +02:00
background-color: rgb(var(--vaccentcolor)) !important;
Update BasicBackground.css
2019-09-20 13:29:31 +02:00
box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3) !important;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
color: rgb(var(--fontwhite1)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .root-SR8cQa .wrapper-3t9DeA[user_by_BDFDB="278543574059057154"]:not(.statusHovered):hover + .headerInfo-30uryT:after {
border-right-color: rgb(var(--vaccentcolor)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
#app-mount .userPopout-3XzG_A .avatarWrapper-3H_478[user_by_BDFDB="278543574059057154"]:not(.statusHovered):hover .wrapper-3t9DeA:after {
border-top-color: rgb(var(--vaccentcolor)) !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 20. UPDATENOTICE ~~~~ */
delete git history
2018-10-11 10:21:26 +02:00
BsicBackground FIX
2019-09-19 12:56:54 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-19_DXt > div.app-2rEoOp.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr:before {
Update BasicBackground.css
2019-09-19 16:28:11 +02:00
content: "Your version of BasicBackground by DevilBro is outdated. Please download the newest version from: https://github.com/mwittrien/BetterDiscordAddons/blob/master/Themes/BasicBackground" !important;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
display: var(--version1_0_5, block) !important;
background-color: #4a90e2 !important;
box-shadow: 0 1px 5px 0 rgba(var(--vtransparencycolor), 0.3) !important;
color: rgb(var(--fontwhite1)) !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
height: 36px !important;
line-height: 36px !important;
opacity: 1 !important;
padding-left: 4px !important;
padding-right: 28px !important;
position: relative !important;
text-align: center !important;
visibility: unset !important;
Update BasicBackground.css
2019-09-19 16:11:43 +02:00
white-space: pre !important;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
top: 0 !important;
left: 0 !important;
bottom: unset !important;
right: unset !important;
max-width: unset !important;
min-width: unset !important;
max-height: unset !important;
min-height: unset !important;
transform: unset !important;
animation: unset !important;
z-index: 101 !important;
Update BasicBackground.css
2019-09-19 16:11:43 +02:00
pointer-events: none !important;
delete git history
2018-10-11 10:21:26 +02:00
}
BsicBackground FIX
2019-09-19 12:56:54 +02:00
/* ~~~~ 21. WATERMARK ~~~~ */
delete git history
2018-10-11 10:21:26 +02:00
Update BasicBackground.css
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm {
Update BasicBackground.css
2019-09-09 07:58:10 +02:00
color: white !important;
delete git history
2018-10-11 10:21:26 +02:00
display: block !important;
position: absolute !important;
Update BasicBackground.css
2019-05-14 10:13:02 +02:00
max-width: unset !important;
min-width: unset !important;
delete git history
2018-10-11 10:21:26 +02:00
width: 55px !important;
Update BasicBackground.css
2019-05-14 10:13:02 +02:00
max-height: unset !important;
min-height: unset !important;
delete git history
2018-10-11 10:21:26 +02:00
height: 16px !important;
margin: 0 !important;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
padding: 3px 9px 3px !important;
delete git history
2018-10-11 10:21:26 +02:00
top: 0 !important;
left: 0 !important;
bottom: unset !important;
right: unset !important;
opacity: 0.6 !important;
visibility: visible !important;
Update BasicBackground.css
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
delete git history
2018-10-11 10:21:26 +02:00
}
Update BasicBackground.css
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.typeWindows-1za-n7.titleBar-AC4pGV.horizontalReverse-3tRjY7.flex-1O1GKY.directionRowReverse-m8IjIq.justifyStart-2NDFzi.alignStretch-DpGPf3 > div.wordmark-2iDDfm:after {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
content: url('data:image/svg+xml; utf8, <svg width="400" height="18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path stroke="none" fill="rgb(255, 255, 255)" fill-rule="evenodd" transform="scale(0.6,0.6) translate(5,4)" d="M58.488 0.690 C 54.786 0.948,52.503 3.334,52.961 6.466 C 53.321 8.926,55.135 10.509,58.186 11.025 C 60.205 11.366,61.177 12.097,60.818 13.004 C 60.260 14.412,57.255 14.154,55.679 12.564 L 55.440 12.323 55.340 12.411 C 55.125 12.602,52.767 14.824,52.768 14.836 C 52.768 14.843,52.842 14.938,52.932 15.047 C 55.188 17.761,58.434 18.568,61.663 17.218 C 63.879 16.291,65.049 14.673,65.056 12.523 C 65.066 9.499,63.520 7.999,59.581 7.209 C 57.730 6.838,56.956 6.245,57.139 5.336 C 57.409 3.990,59.424 3.729,61.092 4.823 C 61.328 4.978,61.513 5.126,61.754 5.350 L 61.902 5.489 63.269 4.436 C 64.021 3.857,64.640 3.372,64.645 3.357 C 64.668 3.286,63.905 2.499,63.488 2.164 C 62.141 1.082,60.367 0.559,58.488 0.690 M79.453 0.691 C 76.162 0.865,73.785 2.780,73.354 5.604 C 73.306 5.919,73.281 11.980,73.325 12.570 C 73.506 14.979,75.020 16.759,77.535 17.519 C 80.709 18.479,83.881 17.374,85.557 14.725 C 85.782 14.369,85.916 14.116,85.893 14.093 C 85.872 14.073,82.327 12.430,82.254 12.406 C 82.224 12.397,82.198 12.429,82.144 12.544 C 81.882 13.103,81.353 13.555,80.730 13.752 C 79.382 14.177,77.866 13.572,77.593 12.501 C 77.539 12.288,77.540 6.228,77.595 6.015 C 78.042 4.261,81.252 4.104,82.289 5.785 C 82.338 5.865,82.385 5.930,82.393 5.930 C 82.409 5.930,85.820 4.554,85.837 4.541 C 85.856 4.526,85.497 3.838,85.340 3.588 C 84.071 1.573,82.003 0.555,79.453 0.691 M122.233 0.698 C 118.928 0.954,116.621 2.860,116.252 5.640 C 116.198 6.046,116.207 12.646,116.263 13.000 C 116.678 15.665,118.768 17.446,121.919 17.818 C 124.720 18.149,127.505 16.687,128.743 14.235 L 128.815 14.092 128.669 14.026 C 128.589 13.989,127.762 13.608,126.832 13.177 C 125.902 12.747,125.135 12.395,125.129 12.395 C 125.122 12.395,125.079 12.471,125.032 12.564 C 124.149 14.321,121.136 14.341,120.519 12.593 L 120.453 12.407 120.447 9.350 C 120.442 6.713,120.445 6.267,120.476 6.106 C 120.814 4.288,124.035 4.054,125.172 5.764 C 125.233 5.855,125.288 5.930,125.294 5.930 C 125.318 5.930,128.710 4.554,128.727 4.537 C 128.750 4.515,128.506 4.030,128.302 3.691 C 127.042 1.592,124.822 0.498,122.233 0.698 M150.163 0.690 C 146.674 0.881,144.259 2.928,144.024 5.893 C 143.992 6.292,143.992 12.111,144.024 12.535 C 144.229 15.291,146.239 17.273,149.317 17.756 C 152.815 18.304,156.021 16.678,156.902 13.907 C 157.157 13.104,157.167 12.980,157.179 10.250 L 157.190 7.907 153.816 7.907 L 150.442 7.907 150.442 9.686 L 150.442 11.465 151.770 11.465 L 153.098 11.465 153.088 11.948 C 153.069 12.840,152.771 13.335,152.028 13.707 C 150.559 14.443,148.672 13.843,148.297 12.522 L 148.244 12.337 148.244 9.221 L 148.244 6.105 148.296 5.922 C 148.641 4.708,150.215 4.096,151.595 4.640 C 152.111 4.844,152.607 5.305,152.816 5.777 C 152.852 5.859,152.875 5.885,152.903 5.877 C 152.970 5.857,156.383 4.277,156.404 4.256 C 156.456 4.205,156.028 3.438,155.709 3.012 C 154.517 1.418,152.475 0.563,150.163 0.690 M180.081 0.700 C 176.707 0.925,174.383 2.695,173.857 5.442 C 173.796 5.758,173.758 12.153,173.814 12.721 C 174.112 15.773,176.906 17.847,180.721 17.847 C 184.496 17.847,187.238 15.831,187.594 12.794 C 187.645 12.357,187.645 6.177,187.593 5.740 C 187.221 2.553,184.063 0.434,180.081 0.700 M390.026 0.701 C 386.623 0.917,384.214 2.823,383.799 5.628 C 383.750 5.958,383.722 11.716,383.765 12.444 C 383.954 15.593,386.593 17.735,390.430 17.853 C 394.202 17.969,397.090 15.976,397.551 12.938 C 397.616 12.508,397.615 6.017,397.550 5.593 C 397.065 2.452,393.986 0.450,390.026 0.701 M249.326 4.333 C 249.326 7.601,249.328 7.786,249.366 7.797 C 249.389 7.803,250.338 8.626,251.477 9.625 C 252.615 10.624,253.554 11.442,253.564 11.442 C 253.574 11.442,253.581 9.871,253.581 7.952 L 253.581 4.462 254.948 4.471 C 256.262 4.479,256.321 4.481,256.495 4.530 C 257.918 4.924,257.953 6.870,256.547 7.343 L 256.360 7.405 255.366 7.414 L 254.372 7.422 254.372 8.954 L 254.372
delete git history
2018-10-11 10:21:26 +02:00
display: inline !important;
position: absolute !important;
top: unset !important;
left: unset !important;
bottom: unset !important;
right: unset !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
visibility: visible !important;
Update BasicBackground.css
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
delete git history
2018-10-11 10:21:26 +02:00
}
Update BasicBackground.css
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-19_DXt > div.app-2rEoOp.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr > div.layers-3iHuyZ.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr.spacer-1fA9zc > div.layer-3QrUeG + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i:before {
BsicBackground FIX
2019-09-19 12:56:54 +02:00
content: url('data:image/svg+xml; utf8, <svg width="400" height="18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path stroke="none" fill="rgb(255, 255, 255)" fill-rule="evenodd" d="M58.488 0.690 C 54.786 0.948,52.503 3.334,52.961 6.466 C 53.321 8.926,55.135 10.509,58.186 11.025 C 60.205 11.366,61.177 12.097,60.818 13.004 C 60.260 14.412,57.255 14.154,55.679 12.564 L 55.440 12.323 55.340 12.411 C 55.125 12.602,52.767 14.824,52.768 14.836 C 52.768 14.843,52.842 14.938,52.932 15.047 C 55.188 17.761,58.434 18.568,61.663 17.218 C 63.879 16.291,65.049 14.673,65.056 12.523 C 65.066 9.499,63.520 7.999,59.581 7.209 C 57.730 6.838,56.956 6.245,57.139 5.336 C 57.409 3.990,59.424 3.729,61.092 4.823 C 61.328 4.978,61.513 5.126,61.754 5.350 L 61.902 5.489 63.269 4.436 C 64.021 3.857,64.640 3.372,64.645 3.357 C 64.668 3.286,63.905 2.499,63.488 2.164 C 62.141 1.082,60.367 0.559,58.488 0.690 M79.453 0.691 C 76.162 0.865,73.785 2.780,73.354 5.604 C 73.306 5.919,73.281 11.980,73.325 12.570 C 73.506 14.979,75.020 16.759,77.535 17.519 C 80.709 18.479,83.881 17.374,85.557 14.725 C 85.782 14.369,85.916 14.116,85.893 14.093 C 85.872 14.073,82.327 12.430,82.254 12.406 C 82.224 12.397,82.198 12.429,82.144 12.544 C 81.882 13.103,81.353 13.555,80.730 13.752 C 79.382 14.177,77.866 13.572,77.593 12.501 C 77.539 12.288,77.540 6.228,77.595 6.015 C 78.042 4.261,81.252 4.104,82.289 5.785 C 82.338 5.865,82.385 5.930,82.393 5.930 C 82.409 5.930,85.820 4.554,85.837 4.541 C 85.856 4.526,85.497 3.838,85.340 3.588 C 84.071 1.573,82.003 0.555,79.453 0.691 M122.233 0.698 C 118.928 0.954,116.621 2.860,116.252 5.640 C 116.198 6.046,116.207 12.646,116.263 13.000 C 116.678 15.665,118.768 17.446,121.919 17.818 C 124.720 18.149,127.505 16.687,128.743 14.235 L 128.815 14.092 128.669 14.026 C 128.589 13.989,127.762 13.608,126.832 13.177 C 125.902 12.747,125.135 12.395,125.129 12.395 C 125.122 12.395,125.079 12.471,125.032 12.564 C 124.149 14.321,121.136 14.341,120.519 12.593 L 120.453 12.407 120.447 9.350 C 120.442 6.713,120.445 6.267,120.476 6.106 C 120.814 4.288,124.035 4.054,125.172 5.764 C 125.233 5.855,125.288 5.930,125.294 5.930 C 125.318 5.930,128.710 4.554,128.727 4.537 C 128.750 4.515,128.506 4.030,128.302 3.691 C 127.042 1.592,124.822 0.498,122.233 0.698 M150.163 0.690 C 146.674 0.881,144.259 2.928,144.024 5.893 C 143.992 6.292,143.992 12.111,144.024 12.535 C 144.229 15.291,146.239 17.273,149.317 17.756 C 152.815 18.304,156.021 16.678,156.902 13.907 C 157.157 13.104,157.167 12.980,157.179 10.250 L 157.190 7.907 153.816 7.907 L 150.442 7.907 150.442 9.686 L 150.442 11.465 151.770 11.465 L 153.098 11.465 153.088 11.948 C 153.069 12.840,152.771 13.335,152.028 13.707 C 150.559 14.443,148.672 13.843,148.297 12.522 L 148.244 12.337 148.244 9.221 L 148.244 6.105 148.296 5.922 C 148.641 4.708,150.215 4.096,151.595 4.640 C 152.111 4.844,152.607 5.305,152.816 5.777 C 152.852 5.859,152.875 5.885,152.903 5.877 C 152.970 5.857,156.383 4.277,156.404 4.256 C 156.456 4.205,156.028 3.438,155.709 3.012 C 154.517 1.418,152.475 0.563,150.163 0.690 M180.081 0.700 C 176.707 0.925,174.383 2.695,173.857 5.442 C 173.796 5.758,173.758 12.153,173.814 12.721 C 174.112 15.773,176.906 17.847,180.721 17.847 C 184.496 17.847,187.238 15.831,187.594 12.794 C 187.645 12.357,187.645 6.177,187.593 5.740 C 187.221 2.553,184.063 0.434,180.081 0.700 M390.026 0.701 C 386.623 0.917,384.214 2.823,383.799 5.628 C 383.750 5.958,383.722 11.716,383.765 12.444 C 383.954 15.593,386.593 17.735,390.430 17.853 C 394.202 17.969,397.090 15.976,397.551 12.938 C 397.616 12.508,397.615 6.017,397.550 5.593 C 397.065 2.452,393.986 0.450,390.026 0.701 M249.326 4.333 C 249.326 7.601,249.328 7.786,249.366 7.797 C 249.389 7.803,250.338 8.626,251.477 9.625 C 252.615 10.624,253.554 11.442,253.564 11.442 C 253.574 11.442,253.581 9.871,253.581 7.952 L 253.581 4.462 254.948 4.471 C 256.262 4.479,256.321 4.481,256.495 4.530 C 257.918 4.924,257.953 6.870,256.547 7.343 L 256.360 7.405 255.366 7.414 L 254.372 7.422 254.372 8.954 L 254.372 10.486 255.413 10.494 C 256.589 10.503,256
delete git history
2018-10-11 10:21:26 +02:00
display: inline !important;
position: absolute !important;
left: unset !important;
bottom: 7px !important;
top: unset !important;
right: 15px !important;
opacity: 0.3 !important;
padding: 0 !important;
margin: 0 !important;
visibility: visible !important;
Update BasicBackground.css
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
delete git history
2018-10-11 10:21:26 +02:00
}
Update BasicBackground.css
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-19_DXt > div.app-2rEoOp.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr > div.layers-3iHuyZ.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr.spacer-1fA9zc > div.layer-3QrUeG + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.scrollerWrap-2lJEkd.scrollerThemed-2oenus.themeGhostHairline-DBD-2d.scrollerFade-1Ijw5y > div.scroller-2FKFPG.sidebarRegionScroller-3MXcoP > div.sidebar-CFHs9e > div.side-8zPYf6 > span#bd-settings-sidebar {
Update BasicBackground.css
2018-12-05 12:47:57 +01:00
position: relative !important;
}
Update BasicBackground.css
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-19_DXt > div.app-2rEoOp.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr > div.layers-3iHuyZ.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr.spacer-1fA9zc > div.layer-3QrUeG + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.scrollerWrap-2lJEkd.scrollerThemed-2oenus.themeGhostHairline-DBD-2d.scrollerFade-1Ijw5y > div.scroller-2FKFPG.sidebarRegionScroller-3MXcoP > div.sidebar-CFHs9e > div.side-8zPYf6 > span#bd-settings-sidebar:after {
Update BasicBackground.css
2018-12-05 12:47:57 +01:00
content: "BasicBackground by" !important;
stuff
2019-05-05 10:22:15 +02:00
font-size: 12px !important;
font-weight: 600 !important;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
color: rgb(var(--fontwhite4)) !important;
Update BasicBackground.css
2018-12-05 12:47:57 +01:00
display: inline !important;
opacity: 1 !important;
delete git history
2018-10-11 10:21:26 +02:00
padding: 2px 10px !important;
Update BasicBackground.css
2018-12-05 12:47:57 +01:00
margin: 0 !important;
cursor: default !important;
visibility: visible !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
Update BasicBackground.css
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
Update BasicBackground.css
2018-12-05 12:47:57 +01:00
}
Update BasicBackground.css
2019-05-06 09:31:05 +02:00
html:only-child > head + body > div#app-mount.appMount-3lHmkl > div.app-19_DXt > div.app-2rEoOp.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr > div.layers-3iHuyZ.vertical-V37hAW.flex-1O1GKY.directionColumn-35P_nr.spacer-1fA9zc > div.layer-3QrUeG + div.layer-3QrUeG > div > div.standardSidebarView-3F1I7i > div.sidebarRegion-VFTUkN > div.scrollerWrap-2lJEkd.scrollerThemed-2oenus.themeGhostHairline-DBD-2d.scrollerFade-1Ijw5y > div.scroller-2FKFPG.sidebarRegionScroller-3MXcoP > div.sidebar-CFHs9e > div.side-8zPYf6 > span#bd-settings-sidebar:before {
Update BasicBackground.css
2018-12-05 12:47:57 +01:00
content: "DevilBro" !important;
all stuff
2019-09-04 12:34:02 +02:00
font-size: 12px !important;
font-weight: 600 !important;
color: rgb(var(--vaccentcolor)) !important;
Update BasicBackground.css
2018-12-05 12:47:57 +01:00
display: inline !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
visibility: visible !important;
position: absolute !important;
top: unset !important;
left: 115px !important;
bottom: 1px !important;
right: 0 !important;
Update BasicBackground.css
2019-05-14 10:13:02 +02:00
transform: unset !important;
animation: unset !important;
BsicBackground FIX
2019-09-19 12:56:54 +02:00
}