From 497832f9d5974be03cc1b0fa45c716b312292aba Mon Sep 17 00:00:00 2001 From: Mirco Wittrien Date: Wed, 21 Apr 2021 20:53:44 +0200 Subject: [PATCH] themes --- Themes/BasicBackground/BasicBackground.css | 74 ++-------------------- Themes/DiscordRecolor/DiscordRecolor.css | 7 ++ 2 files changed, 12 insertions(+), 69 deletions(-) diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index a456ee072e..f4915267a6 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -6731,44 +6731,16 @@ img[src="/assets/cef02719c12d8aaf38894c16dca7fbe6.svg"] { /* rolesettings addr .maxLength-39QFBo { color: rgb(var(--fontwhite3)); } -#app-mount .inputNumberWrapper .numberinput-button-up { - border-bottom-color: rgb(var(--fontwhite3)); -} -#app-mount .inputNumberWrapper .numberinput-button-up:hover { - border-bottom-color: rgb(var(--fontwhite1)); -} -#app-mount .inputNumberWrapper .numberinput-button-down { - border-top-color: rgb(var(--fontwhite3)); -} -#app-mount .inputNumberWrapper .numberinput-button-down:hover { - border-top-color: rgb(var(--fontwhite1)); -} -#app-mount .container-3auIfb { /* checkboxswitch */ +.container-3auIfb { /* checkboxswitch */ background-color: rgba(var(--vtransparencycolor), 0.3) !important; } -#app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"], -#app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"] { - background-color: rgba(var(--vaccentcolor), 0.8) !important; -} -#app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"]:hover, -#app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"]:hover { - background: var(--vaccentcolor-hover); -} -#app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"]:active, -#app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"]:active { - background: var(--vaccentcolor-active); -} -#app-mount .container-3auIfb rect[fill] { +.container-3auIfb rect[fill] { fill: rgb(var(--fontwhite1)) !important; } -#app-mount .container-3auIfb path[fill] { +.container-3auIfb path[fill] { fill: rgb(var(--vtransparencycolor)) !important; } -#app-mount .container-3auIfb[style*="background-color: rgb(67, 181, 129)"] path[fill], -#app-mount .container-3auIfb[style*="background-color: rgb(114, 137, 218)"] path[fill] { - fill: rgb(var(--vaccentcolor)) !important; -} #app-mount .item-26Dhrx { /* radiogroup container */ background-color: rgba(var(--vtransparencycolor), 0.2); @@ -7591,45 +7563,9 @@ html .bd-toast.toast-warn.icon::before { .bd-server-card .bd-server-tags { /* pubslayer guildtags */ color: rgb(var(--fontwhite3)); } -#pubslayer h2.ui-form-title { /* pubslayer header */ - color: rgb(var(--fontwhite1)); -} -#pubslayer button { /* pubslayer button */ - color: rgb(var(--fontwhite1)); -} -#pubslayer input { /* pubslayer input */ - background-color: rgba(var(--vtransparencycolor), 0.1); - border-color: rgba(var(--vtransparencycolor), 0.3); - color: rgb(var(--fontwhite1)); -} -#pubslayer input:hover { - border-color: rgb(var(--vtransparencycolor)); -} -#pubslayer input::placeholder { - color: rgb(var(--fontwhite3)); -} -#app-mount #bd-settingspane-container h2.ui-form-title { /* settingsitems header */ - color: rgb(var(--fontwhite1)); - min-width: 100px; -} -#app-mount #bd-settingspane-container .ui-switch-item h3 { - color: rgb(var(--fontwhite1)); -} -#app-mount #bd-settingspane-container .ui-switch-item .style-description { - border-bottom-color: rgba(var(--fontwhite4), 0.3); - color: rgb(var(--fontwhite3)); -} - -.bd-switch: { /* bd switch */ - box-shadow: inset 0 1px 1px rgba(var(--vtransparencycolor), 0.15); -} -.bd-switch:not(.bd-switch-checked) { - background-color: rgba(var(--vtransparencycolor), 0.3); -} -.bd-switch::before { - background-color: rgb(var(--fontwhite1)); - box-shadow: 0 2px 4px rgba(var(--vtransparencycolor), 0.6); +.bd-switch-body { /* bd switch */ + --switch-color: rgba(var(--vtransparencycolor), 0.3); } .bd-select-wrapper { /* bd select wrapper */ diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css index 67dc47b71d..ad92f3f230 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.css +++ b/Themes/DiscordRecolor/DiscordRecolor.css @@ -522,6 +522,13 @@ html .iconBadge-2wi9r4 { /* ---- 1.3. INPUTS ---- */ +.container-3auIfb { + background-color: var(--text-muted) !important; +} +.container-3auIfb path[fill] { + fill: var(--text-muted) !important; +} + #app-mount .prefixInput-14nUik { background-color: rgba(0,0,0,.1); border-color: rgba(0,0,0,.3);