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

themes

This commit is contained in:
Mirco Wittrien 2020-12-22 21:58:36 +01:00
parent b358235fd9
commit f976ab3a9f
3 changed files with 112 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
Themes/BasicBackground/BasicBackground.css
View File

@ -114,7 +114,8 @@
12. REACTIONSMODAL
13. GUILDTEMPLATEMODAL
14. GUILDWELCOMEMODAL
15. SCREENSHAREMODAL
15. GUILDRULESMODAL
16. SCREENSHAREMODAL
14. POPOUTS
1. CONTEXTMENU
2. USERPOPOUT
@ -2846,6 +2847,82 @@ body::before {
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.exampleContainer-3ekFIr { /* communitysettings rules example */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
#app-mount .exampleModal-2oh58d { /* communitysettings rules examplemodal */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--vtransparencycolor), 0.3), 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
position: relative;
border-radius: 5px;
}
.exampleModal-2oh58d > * {
z-index: 1;
}
.exampleModal-2oh58d::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
filter: blur(var(--vpopoutblur));
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
}
.exampleModal-2oh58d::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(var(--vtransparencycolor), calc(var(--vtransparencyalpha) + 0.2));
width: unset;
height: unset;
border-radius: 5px;
pointer-events: none;
}
.guildSidebar-339BqP { /* communitysettings rules example sidebar */
background-color: rgba(var(--vtransparencycolor), 0.4);
}
.content-BMIBeK { /* communitysettings rules example inner */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
#app-mount .footer-1JuRYY { /* communitysettings rules example footer */
background: transparent;
}
.exampleTextSingleLine-1kvErc { /* communitysettings rules example line */
background-color: rgba(var(--fontwhite1), 0.2);
}
.enableContainer-2DIT9Q { /* communitysettings rules enablecontainer */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
.icon-1CGepy { /* communitysettings rules category icon */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.settingsFormItem-103g1I { /* communitysettings rules form */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
.editButton-1MavoF { /* communitysettings rules editbutton */
background-color: rgba(var(--vtransparencycolor), 0.4);
}
.editButton-1MavoF:hover {
background-color: rgba(var(--vtransparencycolor), 0.6);
}
.formFieldWrapper-malor5,
.settingsFormFieldWrapper-3Y77Pr { /* communitysettings rules form field */
background-color: rgba(var(--vtransparencycolor), 0.2);
border-color: rgba(var(--vtransparencycolor), 0.2);
}
.termsRow-2dS5nm { /* communitysettings rules termsrow */
border-color: rgba(var(--fontwhite3), 0.2);
}
.exampleContainer-25sB-A { /* communitysettings welcome examplecontainer */
background-color: rgba(var(--vtransparencycolor), 0.3);
}
@ -2866,7 +2943,6 @@ body::before {
right: 0;
left: 0;
background: var(--vpopout) var(--vpopoutposition)/var(--vpopoutsize);
background-attachment: fixed;
filter: blur(var(--vpopoutblur));
width: unset;
height: unset;
@ -4109,7 +4185,16 @@ body::before {
background-color: rgba(var(--vtransparencycolor), 0.4);
}
/* ---- 13.15. SCREENSHAREMODAL ---- */
/* ---- 13.15. GUILDRULESMODAL ---- */
.guildSidebar-2OCzWB { /* modal sidebar */
background-color: rgba(var(--vtransparencycolor), 0.4);
}
.modal-f02hVt { /* modal inner */
background-color: rgba(var(--vtransparencycolor), 0.2);
}
/* ---- 13.16. SCREENSHAREMODAL ---- */
#app-mount .sourceThumbnail-27dolk { /* modal preview tiles */
background-color: rgba(var(--vtransparencycolor), 0.4);
@ -6842,10 +6927,14 @@ img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { /* videosettings opus
.bodyText-3yi6Dj {
color: rgb(var(--fontwhite1));
}
#app-mount .tooltip-3oByQd,
#app-mount .tooltip-1_vJJI,
#app-mount .tooltip-2QfLtc {
box-shadow: 0 2px 10px 0 rgba(var(--vtransparencycolor), 0.3);
color: rgb(var(--fontwhite1));
}
#app-mount .tooltip-3oByQd,
#app-mount .tooltip-1_vJJI,
#app-mount .tooltipGrey-1hnvTt,
#app-mount .tooltipBlack-PPG47z {
background-color: rgb(var(--vaccentcolor));
@ -6855,6 +6944,10 @@ img[src="/assets/e8b66317ab0dc9ba3bf8d41a4f3ec914.png"] { /* videosettings opus
#app-mount .tooltipBlack-PPG47z .tooltipPointer-3ZfirK {
border-top-color: rgb(var(--vaccentcolor));
}
#app-mount .tooltipPointer-22Q7m0,
#app-mount .tooltipPointer-1awMxk {
border-right-color: rgb(var(--vaccentcolor));
}
.emptyUser-7txhlW {
background: rgba(var(--vtransparencycolor), 0.5);
}

10
Themes/BlurpleRecolor/BlurpleRecolor.css
View File

@ -780,6 +780,10 @@
fill: rgb(var(--vaccentcolor));
}
.fakeButton-kGEmb3 { /* communitysettings rules example fake */
background-color: rgb(var(--vaccentcolor));
}
/* ~~~~ 10. MODALS ~~~~ */
@ -1618,6 +1622,12 @@ img[src*="/assets/0f4d1ff76624bb45a3fee4189279ee92.svg"] + * + *::before {
.button-3Ijpww:hover { /* role notice button */
background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.7), rgba(var(--vaccentcolor), 0.7));
}
.notice-3uyY6c { /* rules notice */
background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.5), rgba(var(--vaccentcolor), 0.5));
}
.button-gP4R86:hover { /* rules notice button */
background: #000000 linear-gradient(90deg, rgba(var(--vaccentcolor), 0.7), rgba(var(--vaccentcolor), 0.7));
}
/* ---- 12.8. TOOLTIPS ---- */

6
Themes/DiscordRecolor/DiscordRecolor.css
View File

@ -231,6 +231,8 @@ svg [fill="#4F545C"] {
box-shadow: 0 0 0 1px rgba(var(--vbackgroundtertiary),.6),0 2px 10px 0 rgba(0,0,0,.2);
}
#app-mount .tooltip-3oByQd,
#app-mount .tooltip-1_vJJI,
#app-mount .tooltipBlack-PPG47z,
#app-mount .tooltipGrey-1hnvTt {
background-color: var(--background-floating);
@ -240,6 +242,10 @@ svg [fill="#4F545C"] {
#app-mount .tooltipGrey-1hnvTt .tooltipPointer-3ZfirK {
border-top-color: var(--background-floating);
}
#app-mount .tooltipPointer-22Q7m0,
#app-mount .tooltipPointer-1awMxk {
border-right-color: var(--background-floating);
}
#app-mount .bubble-3qRl2J {
background-color: var(--background-floating);