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

themes

This commit is contained in:
Mirco Wittrien 2023-10-27 15:04:29 +02:00
parent 15e2f0091a
commit c45ab5e6cf
2 changed files with 34 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

112
Themes/BasicBackground/BasicBackground.css
View File

@ -139,7 +139,6 @@ html {
13. MODALS
1. USERMODAL
2. GUILDADD/CREATION
3. REGIONSELECTMODAL
4. UPLOADMODAL
5. KEYBOARDSHORTCUTSMODAL
6. QUICKSWITCHER
@ -3155,7 +3154,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
z-index: 1011;
}
#app-mount .root_a28985, /* modal container (foldersettings) */
#app-mount .root_a28985:not(.noBackground_ebd8f7), /* modal container (foldersettings) */
#app-mount .modal__060da { /* modal container */
background-color: transparent;
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
@ -3163,7 +3162,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
border-radius: 5px;
transform: unset !important;
}
#app-mount .rootWithShadow__073a7 {
#app-mount .rootWithShadow__073a7:not(.noShadow__49254) {
box-shadow: 0 0 0 1px rgba(var(--transparencycolor), .3), 0 2px 10px 0 rgba(var(--transparencycolor), .3);
}
.root_a28985 > *,
@ -3197,8 +3196,10 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
backdrop-filter: blur(var(--popoutblur));
}
.root_a28985 .modal__060da::before,
.root_a28985.noBackground_ebd8f7::before,
.modal_d2e7a7::before,
.root_a28985 .modal__060da::after,
.root_a28985.noBackground_ebd8f7::after,
.modal_d2e7a7::after {
display: none;
}
@ -3278,105 +3279,40 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
/* ---- 13.2. GUILDADD/CREATION ----- */
.container-x8Y1ix, /* create modal item */
.guildRow-3fJnG6 { /* hub modal item */
.container__73245, /* create modal item */
.guildRow_b1c31c { /* hub modal item */
background-color: rgb(var(--transparencycolor), .2);
border: none;
}
.container-x8Y1ix:hover,
.guildRow-3fJnG6:hover {
.container__73245:hover,
.guildRow_b1c31c:hover {
background-color: rgb(var(--transparencycolor), .4);
}
.text-PdAsFQ, /* create modal text */
.guildName-3RzJ_H { /* hub modal text */
.text__43e5f, /* create modal text */
.guildName_e8fc4b { /* hub modal text */
color: var(--header-secondary);
}
.container-x8Y1ix:hover .text-PdAsFQ,
.guildRow-3fJnG6:hover .guildName-3RzJ_H {
.container__73245:hover .text__43e5f,
.guildRow_b1c31c:hover .guildName_e8fc4b {
color: var(--header-primary);
}
.arrow-2yY1Tm, /* create modal arrow */
.guildName-3RzJ_H ~ img { /* hub modal arrow */
.arrow__5e540, /* create modal arrow */
.guildName_e8fc4b ~ img { /* hub modal arrow */
object-position: -999999px -999999px;
-webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat;
-webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.svg) center/cover no-repeat;
background: var(--header-secondary);
}
.container-x8Y1ix:hover .arrow-2yY1Tm,
.guildRow-3fJnG6:hover .guildName-3RzJ_H ~ img {
.container__73245:hover .arrow__5e540,
.guildRow_b1c31c:hover .guildName_e8fc4b ~ img {
background: var(--header-primary);
}
.input-m1-Y7Q { /* modal invite input */
.input__0c269 { /* modal invite input */
background: transparent;
}
.inputInner-1Z3Tui { /* modal invite input inner */
.inputInner__2e566 { /* modal invite input inner */
border: 1px solid var(--deprecated-text-input-border);
}
/* ---- 13.3. REGIONSELECTMODAL ---- */
#app-mount .regionSelectModal-12e-57 { /* 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;
}
.regionSelectModal-12e-57::before,
.regionSelectModal-12e-57::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: unset;
height: unset;
pointer-events: none;
z-index: -1;
}
.regionSelectModal-12e-57::before {
background: var(--popout) var(--popoutposition)/var(--popoutsize);
background-attachment: fixed;
}
.regionSelectModal-12e-57::after {
background-color: rgba(var(--transparencycolor), calc(var(--transparencyalpha) + 0.2));
backdrop-filter: blur(var(--popoutblur));
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3 {
background-color: rgba(var(--transparencycolor), .2);
border-color: rgba(var(--transparencycolor), .1);
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover {
background-color: rgba(var(--transparencycolor), .3);
}
#app-mount .regionSelect-3lf4eE.regionSelectLoading-34I21m {
border: 1px solid var(--header-secondary);
}
#app-mount .regionSelect-3lf4eE button {
border: 1px solid var(--header-secondary);
}
#app-mount .regionSelect-3lf4eE .regionSelectInner-24f4Ce {
border: 1px solid var(--header-secondary);
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalFooter-20C5iA {
color: var(--text-muted);
}
#app-mount .regionSelectName-2-2FWh {
color: var(--text-muted);
}
#app-mount .regionSelectModal-12e-57 .regionSelectModalOption-2DSIZ3:hover .regionSelectName-2-2FWh {
color: var(--text-normal);
}
#app-mount .regionSelect-3lf4eE:hover button {
color: var(--header-primary);
}
#app-mount .container-1s4HBn.hover-2AGf5p {
border-color: var(--deprecated-text-input-border-hover);
}
#app-mount .flag-16iIBd.vip-3pFIN8::after {
border-color: rgba(var(--transparencycolor), .5);
}
/* ---- 13.4. UPLOADMODAL ---- */
#app-mount .uploadModal_eae2a0 { /* modal container */
@ -3415,7 +3351,7 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
.uploadModalIn_c0ca4b .uploadDropModal__73a36 .inner__7afe9 .instructions__9e259 {
text-shadow: 1px 1px var(--textshadow);
}
.uploadModal_eae2a0 .inner-zqa7da { /* modal channeltextarea */
.uploadModal_eae2a0 .inner__7afe9 { /* modal channeltextarea */
background-color: rgba(var(--transparencycolor), .3);
}
.uploadModal_eae2a0 .footer_ceda43 { /* modal footer */
@ -4090,6 +4026,10 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
z-index: 1010;
}
.translate_c2f6c4 {
transform: unset !important;
}
#app-mount .loadingPopout-1feYe_, /* loading popout */
#app-mount .container__8261a, /* browser popout */
#app-mount .themedPopout-1TrfdI { /* themed popout */
@ -5927,11 +5867,11 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr
/* ---- 15.3. INPUTS ---- */
.input_d266e7 { /* valueinput bordered */
input.input_d266e7 { /* valueinput bordered */
background-color: rgba(var(--transparencycolor), .1);
border-color: rgba(var(--transparencycolor), .3);
}
.input_d266e7:hover:not(:focus) {
input.input_d266e7:hover:not(:focus) {
border-color: rgb(var(--transparencycolor));
}
.textInput-3g8y92 { /* textinput */

16
Themes/DiscordRecolor/DiscordRecolor.css
View File

@ -2726,13 +2726,13 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
/* ~~~~ 11. MODALS ~~~~ */
#app-mount .root_a28985,
#app-mount .root_a28985:not(.noBackground_ebd8f7),
#app-mount .modal__060da {
background-color: var(--background-primary);
border: none;
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2);
}
#app-mount .rootWithShadow__073a7 {
#app-mount .rootWithShadow__073a7:not(.noShadow__49254) {
box-shadow: 0 0 0 1px rgba(var(--backgroundtertiary),.3), 0 2px 10px 0 rgba(0,0,0,.2);
}
#app-mount .zoomedCarouselModalRoot__1e2da {
@ -2815,24 +2815,24 @@ img[src='/assets/58957d928db6fb9d4658eb882f33d7bc.svg'] {
/* ---- 11.2. GUILDADD/CREATION ---- */
.container-x8Y1ix {
.container__73245 {
background-color: var(--background-secondary);
border: none;
}
.container-x8Y1ix:hover {
.container__73245:hover {
background-color: var(--background-secondary-alt);
border: none;
}
.arrow-2yY1Tm {
-webkit-mask: url(https://discord.com/assets/69a0ea5dbf79a129c81a0cb171b60b7a.svg) center/cover no-repeat;
.arrow__5e540 {
-webkit-mask: url(https://discord.com/assets/ebd4163d89c2d849ec54.svg) center/cover no-repeat;
background: var(--text-normal);
object-position: -999999px -999999px;
}
.input-m1-Y7Q {
.input__0c269 {
background: transparent;
}
.inputInner-1Z3Tui {
.inputInner__2e566 {
border: 1px solid var(--deprecated-text-input-border);
}