This commit is contained in:
Mirco Wittrien 2020-10-18 23:17:42 +02:00
parent 3498883558
commit 06d47fa27d
2 changed files with 54 additions and 79 deletions

View File

@ -108,11 +108,10 @@
9. TERMACCEPTMODAL
10. DOWNLOADAPPMODAL
11. GUILDBOOSTMODAL
12. NEWUSERMODAL
13. REACTIONSMODAL
14. GUILDTEMPLATEMODAL
15. GUILDWELCOMEMODAL
16. SCREENSHAREMODAL
12. REACTIONSMODAL
13. GUILDTEMPLATEMODAL
14. GUILDWELCOMEMODAL
15. SCREENSHAREMODAL
14. POPOUTS
1. CONTEXTMENU
2. USERPOPOUT
@ -3805,57 +3804,7 @@ body:before {
color: rgb(var(--fontwhite1));
}
/* ---- 13.12. NEWUSERMODAL ---- */
#app-mount .modalNewUser-3IRw8L { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
border-radius: 5px;
overflow: hidden;
min-height: unset;
}
.modalNewUser-3IRw8L:after,
.modalNewUser-3IRw8L:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.modalNewUser-3IRw8L:after {
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
}
.modalNewUser-3IRw8L:before {
background: var(--vpopout) center/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
background-attachment: fixed;
}
.modalNewUser-3IRw8L > .steps-370EKx {
background: transparent;
height: unset;
}
.modalNewUser-3IRw8L > .steps-370EKx > li {
position: unset;
}
.modalNewUser-3IRw8L > .steps-370EKx .step1-28s17G {
background: none;
}
.form-236Xmo .formActions-1-Snm- {
background-color: rgba(var(--vtransparencycolor), 0.2);
border: none;
}
.form-236Xmo .btnDefault-3gHhPM {
background: transparent;
border-color: transparent;
}
/* ---- 13.13. REACTIONSMODAL ---- */
/* ---- 13.12. REACTIONSMODAL ---- */
#app-mount .scroller-1-nKid { /* modal sidebar */
background-color: rgba(var(--vtransparencycolor), 0.4);
@ -3896,7 +3845,7 @@ body:before {
color: rgb(var(--fontwhite1));
}
/* ---- 13.14. GUILDTEMPLATEMODAL ---- */
/* ---- 13.13. GUILDTEMPLATEMODAL ---- */
.ctaSection-izWwhs { /* modal ctasection */
background-color: transparent;
@ -3961,7 +3910,7 @@ body:before {
background-color: rgb(var(--fontwhite3)) !important;
}
/* ---- 13.15. GUILDWELCOMEMODAL ---- */
/* ---- 13.14. GUILDWELCOMEMODAL ---- */
.optionContainer-15srkc { /* modal option */
background-color: rgba(var(--vtransparencycolor), 0.2);
@ -3970,12 +3919,22 @@ body:before {
background-color: rgba(var(--vtransparencycolor), 0.4);
}
/* ---- 13.16. SCREENSHAREMODAL ---- */
/* ---- 13.15. SCREENSHAREMODAL ---- */
#app-mount .tiles-2aXG_k { /* modal preview tiles */
#app-mount .sourceThumbnail-27dolk { /* modal preview tiles */
background-color: rgba(var(--vtransparencycolor), 0.4);
box-shadow: 0 2px 5px rgba(var(--vtransparencycolor), 0.2), 0 0 0 1px rgba(var(--vtransparencycolor), 0.6);
}
.card-2Mz_4z {
background-color: rgba(var(--vtransparencycolor), 0.2);
border-color: rgba(var(--vtransparencycolor), 0.4);
}
#app-mount .item-3T2z1R {
border-color: rgba(var(--vtransparencycolor), 0.4);
}
.selectorButton-EEUWed:not(.selectorButtonSelected-t5V9On) {
background-color: rgba(var(--vtransparencycolor), 0.2);
}
/* ~~~~ 14. POPOUTS ~~~~ */
@ -5688,83 +5647,83 @@ body:before {
.theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU,
.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 .spinnerItem-3GlVyU {
background-color: rgb(var(--fontwhite2));
background-color: rgb(var(--fontwhite3));
}
.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,
.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:hover,
.theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,
.theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
background: rgb(var(--fontwhite2)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
background: rgb(var(--fontwhite3)) linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1));
}
.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:active,
.theme-light .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,
.theme-dark .lookFilled-1Gx00P.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
background: rgb(var(--fontwhite2)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));
background: rgb(var(--fontwhite3)) linear-gradient(0deg,rgba(0,0,0,.2),rgba(0,0,0,.2));
}
.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6,
.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6,
.theme-light .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled,
.theme-dark .lookFilled-1Gx00P.colorPrimary-3b3xI6:disabled {
background: rgb(var(--fontwhite2));
background: rgb(var(--fontwhite3));
}
.theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,
.theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,
.theme-light .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,
.theme-dark .lookInverted-2D7oAl.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
color: rgb(var(--fontwhite2));
color: rgb(var(--fontwhite3));
}
.theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6,
.theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6,
.theme-light .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled,
.theme-dark .lookInverted-2D7oAl.colorPrimary-3b3xI6:disabled {
color: rgb(var(--fontwhite2));
color: rgb(var(--fontwhite3));
}
.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:hover,
.theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover,
.theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover {
border-color: rgba(var(--fontwhite2), 0.6);
color: rgb(var(--fontwhite2));
border-color: rgba(var(--fontwhite3), 0.6);
color: rgb(var(--fontwhite3));
}
.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:active,
.theme-light .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,
.theme-dark .lookOutlined-3sRXeN.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
background-color: rgba(var(--fontwhite2), 0.1);
border-color: rgb(var(--fontwhite2));
color: rgb(var(--fontwhite2));
background-color: rgba(var(--fontwhite3), 0.1);
border-color: rgb(var(--fontwhite3));
color: rgb(var(--fontwhite3));
}
.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6,
.theme-light .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled,
.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6:disabled {
border-color: rgba(var(--fontwhite2), 0.3);
color: rgb(var(--fontwhite2));
border-color: rgba(var(--fontwhite3), 0.3);
color: rgb(var(--fontwhite3));
}
.theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active,
.theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6:active,
.theme-light .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active,
.theme-dark .lookGhost-2Fn_0-.hoverPrimary-2D1j2r.hasHover-3X1-zV:active {
background-color: rgba(var(--fontwhite2), 0.2);
background-color: rgba(var(--fontwhite3), 0.2);
}
.theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6,
.theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6,
.theme-light .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled,
.theme-dark .lookGhost-2Fn_0-.colorPrimary-3b3xI6:disabled {
background-color: rgba(var(--fontwhite2), 0.1);
color: rgb(var(--fontwhite2));
background-color: rgba(var(--fontwhite3), 0.1);
color: rgb(var(--fontwhite3));
}
.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6,
.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6 {
color: rgb(var(--fontwhite2));
color: rgb(var(--fontwhite3));
}
.theme-light .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp,
.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6:hover .contents-18-Yxp,
.theme-light .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp,
.theme-dark .lookLink-9FtZy-.hoverPrimary-2D1j2r.hasHover-3X1-zV:hover .contents-18-Yxp {
color: rgb(var(--fontwhite2));
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite2)) 0, rgb(var(--fontwhite2)) 2px, transparent 0);
color: rgb(var(--fontwhite3));
background-image: linear-gradient(0deg, transparent, transparent 1px, rgb(var(--fontwhite3)) 0, rgb(var(--fontwhite3)) 2px, transparent 0);
}
.theme-light .lookInverted-2D7oAl.colorTransparent-1ewNp9 .spinnerItem-3GlVyU,

View File

@ -55,6 +55,7 @@
10. STREAMSETTINGSMODAL
11. DISPATCHERRORMODAL
12. CHANGELOGMODAL
13. SCREENSHAREMODAL
11. POPOUTS
1. CONTEXTMENU
2. USERPOPOUT
@ -1396,6 +1397,21 @@
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
}
/* ---- 10.13. SCREENSHAREMODAL ---- */
.tile-2w4k5N:hover .sourceThumbnail-27dolk {
box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor));
}
.sourceThumbnail-27dolk.selected-1nOkyc {
box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor));
}
.selectorButton-EEUWed:not(.selectorButtonPremiumRequired-mKMbIu):hover {
background-color: rgb(var(--vaccentcolor));
}
.selectorButtonSelected-t5V9On {
background-color: rgb(var(--vaccentcolor));
}
/* ~~~~ 11. POPOUTS ~~~~ */