This commit is contained in:
Mirco Wittrien 2020-10-28 23:19:12 +01:00
parent 034b01d30b
commit be7c580d9c
4 changed files with 40 additions and 77 deletions

View File

@ -2375,6 +2375,7 @@
"unreadbartext": ["UnreadBar", "text"], "unreadbartext": ["UnreadBar", "text"],
"unreadbarunread": ["UnreadBar", "unread"], "unreadbarunread": ["UnreadBar", "unread"],
"uploadmodal": ["UploadModal", "uploadModal"], "uploadmodal": ["UploadModal", "uploadModal"],
"userbadges": ["UserBadges", "container"],
"userbadgescolored": ["UserBadges", "colored"], "userbadgescolored": ["UserBadges", "colored"],
"userinfo": ["UserInfo", "userInfo"], "userinfo": ["UserInfo", "userInfo"],
"userinfoavatar": ["UserInfo", "avatar"], "userinfoavatar": ["UserInfo", "avatar"],

View File

@ -422,7 +422,7 @@ module.exports = (_ => {
return BDFDB.ReactUtils.createElement("div", { return BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._badgeseverywherebadges, BDFDB.disCN[`_badgeseverywherebadges${type}`], miniTypes.includes(type) && BDFDB.disCN._badgeseverywheremini), className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._badgeseverywherebadges, BDFDB.disCN[`_badgeseverywherebadges${type}`], miniTypes.includes(type) && BDFDB.disCN._badgeseverywheremini),
children: BDFDB.ReactUtils.createElement("div", { children: BDFDB.ReactUtils.createElement("div", {
className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._badgeseverywherebadgesinner, !uncolored && BDFDB.disCN.userbadgescolored), className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._badgeseverywherebadgesinner, BDFDB.disCN.userbadges, !uncolored && BDFDB.disCN.userbadgescolored),
children: renderedBadges children: renderedBadges
}) })
}); });

View File

@ -52,11 +52,10 @@
6. LOGINSCREEN 6. LOGINSCREEN
7. DOWNLOADAPPMODAL 7. DOWNLOADAPPMODAL
8. GUILDBOOSTMODAL 8. GUILDBOOSTMODAL
9. NEWUSERMODAL 9. STREAMSETTINGSMODAL
10. STREAMSETTINGSMODAL 10. DISPATCHERRORMODAL
11. DISPATCHERRORMODAL 11. CHANGELOGMODAL
12. CHANGELOGMODAL 12. SCREENSHAREMODAL
13. SCREENSHAREMODAL
12. POPOUTS 12. POPOUTS
1. CONTEXTMENU 1. CONTEXTMENU
2. USERPOPOUT 2. USERPOPOUT
@ -1353,44 +1352,7 @@
filter: brightness(150%); filter: brightness(150%);
} }
/* ---- 11.9. NEWUSERMODAL ---- */ /* ---- 11.9. STREAMSETTINGSMODAL ---- */
.form-236Xmo header {
color: rgb(var(--vaccentcolor));
}
.form-236Xmo .controlGroup-2GQ-D1 label a,
.form-236Xmo .controlGroup-2GQ-D1 label a:hover {
color: rgb(var(--vaccentcolor));
}
.form-236Xmo .controlGroup-2GQ-D1 label a:hover {
filter: brightness(120%);
}
.form-236Xmo .controlGroup-2GQ-D1 input[type=email]:focus,
.form-236Xmo .controlGroup-2GQ-D1 input[type=number]:focus,
.form-236Xmo .controlGroup-2GQ-D1 input[type=password]:focus,
.form-236Xmo .controlGroup-2GQ-D1 input[type=text]:focus,
.form-236Xmo .controlGroup-2GQ-D1 textarea:focus {
border-color: rgb(var(--vaccentcolor));
}
.form-236Xmo .btnPrimary-346kfV {
background-color: rgb(var(--vaccentcolor));
}
.form-236Xmo .btnPrimary-346kfV:hover {
background: var(--vaccentcolor-hover);
}
.modalNewUser-3IRw8L h5 {
color: rgb(var(--vaccentcolor));
}
.modalNewUser-3IRw8L .stepsWrap-3bDM3D .steps-370EKx li.on-1OjN9V,
.modalNewUser-3IRw8L .stepsWrap-3bDM3D .steps-370EKx li.on-1OjN9V + .divider-3Ozccb,
.modalNewUser-3IRw8L .stepsWrap-3bDM3D .steps-370EKx li.on-1OjN9V::before {
background-color: rgb(var(--vaccentcolor));
}
.modalNewUser-3IRw8L .stepsWrap-3bDM3D .steps-370EKx li.active-yTwIO8 {
background-color: rgb(var(--vaccentcolor));
}
/* ---- 11.10. STREAMSETTINGSMODAL ---- */
.selectorButtonSelected-336oUc, /* modal selectorselectedbutton */ .selectorButtonSelected-336oUc, /* modal selectorselectedbutton */
.selectorButtonSelected-1j4DmC { .selectorButtonSelected-1j4DmC {
@ -1409,13 +1371,13 @@
box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor)); box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor));
} }
/* ---- 11.11. DISPATCHERRORMODAL ---- */ /* ---- 11.10. DISPATCHERRORMODAL ---- */
.theme-light .closeLink-2MRAUp { /* modal closelink */ .theme-light .closeLink-2MRAUp { /* modal closelink */
color: rgb(var(--vaccentcolor)); color: rgb(var(--vaccentcolor));
} }
/* ---- 11.12. CHANGELOGMODAL ---- */ /* ---- 11.11. CHANGELOGMODAL ---- */
.content-s2SEQO a { /* modal link */ .content-s2SEQO a { /* modal link */
color: var(--text-link); color: var(--text-link);
@ -1431,7 +1393,7 @@
background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5)); background: rgb(255, 255, 255) linear-gradient(90deg, rgb(var(--vaccentcolor)), rgba(var(--vaccentcolor), 0.5));
} }
/* ---- 11.13. SCREENSHAREMODAL ---- */ /* ---- 11.12. SCREENSHAREMODAL ---- */
.tile-2w4k5N:hover .sourceThumbnail-27dolk { .tile-2w4k5N:hover .sourceThumbnail-27dolk {
box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor)); box-shadow: inset 0 0 0 2px rgb(var(--vaccentcolor));

View File

@ -4132,49 +4132,49 @@ html .ace_scrollbar.ace_scrollbar-h::-webkit-scrollbar-track {
background-color: var(--background-secondary-alt); background-color: var(--background-secondary-alt);
} }
body .ace_closeButton { html .ace_closeButton {
display: none; display: none;
} }
body #ace_settingsmenu { html #ace_settingsmenu {
background: var(--background-primary); background: var(--background-primary);
box-shadow: -5px 4px 5px rgba(var(--backgroundtertiary), 0.55); box-shadow: -5px 4px 5px rgba(var(--backgroundtertiary), 0.55);
color: var(--header-primary); color: var(--header-primary);
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
} }
body #ace_settingsmenu::-webkit-scrollbar { html #ace_settingsmenu::-webkit-scrollbar {
width: 16px; width: 16px;
} }
body #ace_settingsmenu::-webkit-scrollbar-thumb { html #ace_settingsmenu::-webkit-scrollbar-thumb {
background-color: var(--background-secondary-alt); background-color: var(--background-secondary-alt);
min-height: 40px; min-height: 40px;
} }
body #ace_settingsmenu::-webkit-scrollbar-thumb, html #ace_settingsmenu::-webkit-scrollbar-thumb,
body #ace_settingsmenu::-webkit-scrollbar-track { html #ace_settingsmenu::-webkit-scrollbar-track {
border: 4px solid transparent; border: 4px solid transparent;
background-clip: padding-box; background-clip: padding-box;
border-radius: 8px; border-radius: 8px;
} }
body #ace_settingsmenu::-webkit-scrollbar-track { html #ace_settingsmenu::-webkit-scrollbar-track {
background-color: var(--background-secondary); background-color: var(--background-secondary);
} }
body #ace_settingsmenu .ace_optionsMenuEntry { html #ace_settingsmenu .ace_optionsMenuEntry {
height: 40px; height: 40px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
margin-bottom: 10px; margin-bottom: 10px;
} }
body #ace_settingsmenu .ace_optionsMenuEntry:hover { html #ace_settingsmenu .ace_optionsMenuEntry:hover {
background: transparent; background: transparent;
} }
body #ace_settingsmenu .ace_optionsMenuEntry + div:not([class]) { html #ace_settingsmenu .ace_optionsMenuEntry + div:not([class]) {
float: right; float: right;
color: var(--text-muted); color: var(--text-muted);
padding-right: 0 !important; padding-right: 0 !important;
padding-bottom: 0 !important; padding-bottom: 0 !important;
} }
body #ace_settingsmenu .ace_optionsMenuEntry label { html #ace_settingsmenu .ace_optionsMenuEntry label {
flex: 1 0 auto; flex: 1 0 auto;
color: var(--header-primary); color: var(--header-primary);
margin-right: 16px; margin-right: 16px;
@ -4183,7 +4183,7 @@ body #ace_settingsmenu .ace_optionsMenuEntry label {
line-height: 24px; line-height: 24px;
cursor: pointer; cursor: pointer;
} }
body #ace_settingsmenu .ace_optionsMenuEntry button { html #ace_settingsmenu .ace_optionsMenuEntry button {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
text-align: center; text-align: center;
@ -4196,22 +4196,22 @@ body #ace_settingsmenu .ace_optionsMenuEntry button {
margin: 0 8px; margin: 0 8px;
padding: 2px 8px; padding: 2px 8px;
} }
body #ace_settingsmenu .ace_optionsMenuEntry button:hover { html #ace_settingsmenu .ace_optionsMenuEntry button:hover {
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
box-shadow: none; box-shadow: none;
border: none; border: none;
color: var(--interactive-hover); color: var(--interactive-hover);
} }
body #ace_settingsmenu .ace_optionsMenuEntry button[ace_selected_button=true] { html #ace_settingsmenu .ace_optionsMenuEntry button[ace_selected_button=true] {
background-color: rgb(var(--vaccentcolor)); background-color: rgb(var(--vaccentcolor));
box-shadow: none; box-shadow: none;
border: none; border: none;
color: var(--header-primary); color: var(--header-primary);
cursor: default; cursor: default;
} }
body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"], html #ace_settingsmenu .ace_optionsMenuEntry input[type="text"],
body #ace_settingsmenu .ace_optionsMenuEntry input[type="number"], html #ace_settingsmenu .ace_optionsMenuEntry input[type="number"],
body #ace_settingsmenu .ace_optionsMenuEntry select { html #ace_settingsmenu .ace_optionsMenuEntry select {
flex: 0 1 auto; flex: 0 1 auto;
float: unset; float: unset;
width: 200px; width: 200px;
@ -4225,31 +4225,31 @@ body #ace_settingsmenu .ace_optionsMenuEntry select {
font-size: 16px; font-size: 16px;
transition: background-color .15s ease,border .15s ease; transition: background-color .15s ease,border .15s ease;
} }
body #ace_settingsmenu .ace_optionsMenuEntry input[type="number"] { html #ace_settingsmenu .ace_optionsMenuEntry input[type="number"] {
padding-right: 2px; padding-right: 2px;
} }
body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:hover, html #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:hover,
body #ace_settingsmenu .ace_optionsMenuEntry input[type="number"]:hover, html #ace_settingsmenu .ace_optionsMenuEntry input[type="number"]:hover,
body #ace_settingsmenu .ace_optionsMenuEntry select:hover { html #ace_settingsmenu .ace_optionsMenuEntry select:hover {
border-color: var(--deprecated-text-input-border-hover); border-color: var(--deprecated-text-input-border-hover);
} }
body #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:focus, html #ace_settingsmenu .ace_optionsMenuEntry input[type="text"]:focus,
body #ace_settingsmenu .ace_optionsMenuEntry input[type="number"]:focus, html #ace_settingsmenu .ace_optionsMenuEntry input[type="number"]:focus,
body #ace_settingsmenu .ace_optionsMenuEntry select:focus { html #ace_settingsmenu .ace_optionsMenuEntry select:focus {
border-color: rgb(var(--vaccentcolor)); border-color: rgb(var(--vaccentcolor));
} }
body #ace_settingsmenu .ace_optionsMenuEntry select option { html #ace_settingsmenu .ace_optionsMenuEntry select option {
background-color: var(--background-primary); background-color: var(--background-primary);
color: var(--header-primary); color: var(--header-primary);
} }
body #ace_settingsmenu input[type="checkbox"] { html #ace_settingsmenu input[type="checkbox"] {
position: relative; position: relative;
flex: 0 0 auto; flex: 0 0 auto;
width: 42px; width: 42px;
height: 24px; height: 24px;
-webkit-appearance: none; -webkit-appearance: none;
} }
body #ace_settingsmenu input[type="checkbox"]::before { html #ace_settingsmenu input[type="checkbox"]::before {
content: ""; content: "";
display: block; display: block;
position: relative; position: relative;
@ -4259,10 +4259,10 @@ body #ace_settingsmenu input[type="checkbox"]::before {
border-radius: 14px; border-radius: 14px;
transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out; transition: background .15s ease-in-out,box-shadow .15s ease-in-out,border .15s ease-in-out;
} }
body #ace_settingsmenu input[type="checkbox"]:checked::before { html #ace_settingsmenu input[type="checkbox"]:checked::before {
background: rgb(var(--vaccentcolor)); background: rgb(var(--vaccentcolor));
} }
body #ace_settingsmenu input[type="checkbox"]::after { html #ace_settingsmenu input[type="checkbox"]::after {
content: ""; content: "";
display: block; display: block;
position: absolute; position: absolute;
@ -4276,7 +4276,7 @@ body #ace_settingsmenu input[type="checkbox"]::after {
border-radius: 10px; border-radius: 10px;
transition: all .15s ease; transition: all .15s ease;
} }
body #ace_settingsmenu input[type="checkbox"]:checked::after { html #ace_settingsmenu input[type="checkbox"]:checked::after {
transform: translateX(20px); transform: translateX(20px);
} }