stuff
This commit is contained in:
parent
3498883558
commit
06d47fa27d
|
@ -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,
|
||||
|
|
|
@ -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 ~~~~ */
|
||||
|
||||
|
|
Loading…
Reference in New Issue