Update BasicBackground.css

This commit is contained in:
Mirco Wittrien 2023-10-27 15:29:50 +02:00
parent 51f2c7a3b6
commit 363373f656
1 changed files with 30 additions and 82 deletions

View File

@ -139,24 +139,21 @@ html {
13. MODALS
1. USERMODAL
2. GUILDADD/CREATION
4. UPLOADMODAL
5. KEYBOARDSHORTCUTSMODAL
6. QUICKSWITCHER
7. INVITEMODAL/GROUPCREATE
8. LOGINSCREEN
10. DOWNLOADAPPMODAL
11. GUILDBOOSTMODAL
12. REACTIONSMODAL
13. GUILDWELCOMEMODAL
14. GUILDRULESMODAL
15. GUILDFEEDBACKMODAL
16. SCREENSHAREMODAL
17. PHONEVERIFICATIONMODAL
18. NOTIFICATIONSMODAL
19. PODIUMSTARTMODAL
20. NITROFEATUREMODAL
21. DIRECTORYMODAL
22. ACTIVITYSHAREMODAL
3. UPLOADMODAL
4. KEYBOARDSHORTCUTSMODAL
5. QUICKSWITCHER
6. INVITEMODAL/GROUPCREATE
7. LOGINSCREEN
8. DOWNLOADAPPMODAL
9. GUILDBOOSTMODAL
10. REACTIONSMODAL
11. GUILDWELCOMEMODAL
12. GUILDRULESMODAL
13. GUILDFEEDBACKMODAL
14. SCREENSHAREMODAL
15. PHONEVERIFICATIONMODAL
16. NOTIFICATIONSMODAL
17. PODIUMSTARTMODAL
14. POPOUTS
1. CONTEXTMENU
2. USERPOPOUT
@ -3312,7 +3309,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
border: 1px solid var(--deprecated-text-input-border);
}
/* ---- 13.4. UPLOADMODAL ---- */
/* ---- 13.3. UPLOADMODAL ---- */
#app-mount .uploadModal_eae2a0 { /* modal container */
background-color: transparent;
@ -3361,7 +3358,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
box-shadow: 0 2px 8px rgba(var(--transparencycolor), .4);
}
/* ---- 13.5. KEYBOARDSHORTCUTSMODAL ---- */
/* ---- 13.4. KEYBOARDSHORTCUTSMODAL ---- */
#app-mount .keyboardShortcutsModal__74c71 { /* modal container */
background-color: transparent;
@ -3415,7 +3412,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
color: var(--header-secondary);
}
/* ---- 13.6. QUICKSWITCHER ---- */
/* ---- 13.5. QUICKSWITCHER ---- */
#app-mount .quickswitcher_a3d29a { /* modal container */
background-color: transparent;
@ -3460,7 +3457,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
background-color: rgba(var(--transparencycolor), .2);
}
/* ---- 13.7. INVITEMODAL/GROUPCREATE ---- */
/* ---- 13.6. INVITEMODAL/GROUPCREATE ---- */
#app-mount .contentWrapper__85d37 { /* modal guildinvitemodal */
background-color: transparent;
@ -3533,7 +3530,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
opacity: 0.6;
}
/* ---- 13.8. LOGINSCREEN ---- */
/* ---- 13.7. LOGINSCREEN ---- */
#app-mount .wrapper_eebc2d { /* login wrapper */
background: transparent;
@ -3558,7 +3555,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
background-color: rgba(var(--transparencycolor), .2);
}
/* ---- 13.10. DOWNLOADAPPMODAL ---- */
/* ---- 13.8. DOWNLOADAPPMODAL ---- */
#app-mount .downloadApps__30ed7 { /* modal container */
background-color: transparent;
@ -3606,7 +3603,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
text-shadow: 1px 1px var(--textshadow);
}
/* ---- 13.11. GUILDBOOSTMODAL ---- */
/* ---- 13.9. GUILDBOOSTMODAL ---- */
#app-mount .subscriberCount__53026 { /* modal subcount */
color: var(--header-secondary);
@ -3656,7 +3653,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
background: rgb(var(--accentcolor));
}
/* ---- 13.12. REACTIONSMODAL ---- */
/* ---- 13.10. REACTIONSMODAL ---- */
#app-mount .scroller__5fda0 { /* modal sidebar */
background-color: rgba(var(--transparencycolor), .4);
@ -3681,7 +3678,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
color: var(--text-muted);
}
/* ---- 13.13. GUILDWELCOMEMODAL ---- */
/* ---- 13.11. GUILDWELCOMEMODAL ---- */
.optionContainer__5d0b1 { /* modal option */
background-color: rgba(var(--transparencycolor), .2);
@ -3690,7 +3687,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
background-color: rgba(var(--transparencycolor), .4);
}
/* ---- 13.14. GUILDRULESMODAL ---- */
/* ---- 13.12. GUILDRULESMODAL ---- */
.guildSidebar__8763f { /* modal sidebar */
background-color: rgba(var(--transparencycolor), .4);
@ -3702,7 +3699,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
background-color: rgba(var(--transparencycolor), .2);
}
/* ---- 13.15. GUILDFEEDBACKMODAL ---- */
/* ---- 13.13. GUILDFEEDBACKMODAL ---- */
.root_b4f834 { /* modal items */
background-color: transparent;
@ -3718,7 +3715,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
background-color: rgb(var(--transparencycolor), .4);
}
/* ---- 13.16. SCREENSHAREMODAL ---- */
/* ---- 13.14. SCREENSHAREMODAL ---- */
#app-mount .sourceThumbnail__21c87 { /* modal preview tiles */
background-color: rgba(var(--transparencycolor), .4);
@ -3738,7 +3735,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
background: rgba(var(--transparencycolor), .5);
}
/* ---- 13.17. PHONEVERIFICATIONMODAL ---- */
/* ---- 13.15. PHONEVERIFICATIONMODAL ---- */
.phoneField__65729 {
background-color: rgba(var(--transparencycolor), .2);
@ -3750,7 +3747,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
position: absolute !important;
}
/* ---- 13.18. NOTIFICATIONSMODAL ---- */
/* ---- 13.16. NOTIFICATIONSMODAL ---- */
#app-mount .channelName_a1ccf5 {
color: var(--header-primary);
@ -3774,61 +3771,12 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
border: 1px dashed var(--background-floating);
}
/* ---- 13.19. PODIUMSTARTMODAL ---- */
/* ---- 13.17. PODIUMSTARTMODAL ---- */
#app-mount .iconContainer__466ce {
background-color: rgba(var(--transparencycolor), .5);
}
/* ---- 13.20. NITROFEATUREMODAL ---- */
#app-mount .cardImageBackground-1zqQ8d {
background: #000;
opacity: 0.5;
}
#app-mount .cardInfo-62VDSb {
background: rgba(var(--transparencycolor),.4);
}
/* ---- 13.21. DIRECTORYMODAL ---- */
#app-mount .directoryModal-YJsOMv { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
position: relative;
overflow: hidden;
}
.directoryModal-YJsOMv::before,
.directoryModal-YJsOMv::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.directoryModal-YJsOMv::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.directoryModal-YJsOMv::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
/* ---- 13.22. ACTIVITYSHAREMODAL ---- */
.shelfTopBackground-R55ED9 {
z-index: 2;
}
.scrollTierBackgroundUpsell-2oh_9T {
background: rgba(var(--accentcolor), .1);
}
/* ~~~~ 14. POPOUTS ~~~~ */