From 449ae30cb7faf8c149c3dc81d5185fd7179be411 Mon Sep 17 00:00:00 2001 From: Mirco Wittrien Date: Sun, 22 Nov 2020 15:40:43 +0100 Subject: [PATCH] themes --- Themes/BasicBackground/BasicBackground.css | 14 ++++++++++++-- Themes/DiscordRecolor/DiscordRecolor.css | 16 +++++++++++++--- 2 files changed, 25 insertions(+), 5 deletions(-) diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index a64dbb12c7..8160465129 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -6160,10 +6160,20 @@ body::before { background-color: rgba(var(--vtransparencycolor), 0.4); color: rgb(var(--fontwhite2)); } -#app-mount .item-26Dhrx[aria-checked=true] { - background-color: rgba(var(--vtransparencycolor), 0.6); +#app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- { + background: rgb(var(--vaccentcolor)); +} +#app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- .radioIconForeground-XwlXQN { color: rgb(var(--fontwhite1)); } +#app-mount .item-26Dhrx .radioBar-bMNUI-[style*="--radio-bar-accent-color"] { + background: var(--radio-bar-accent-color); + border: unset; + color: rgb(var(--fontwhite1)); +} +#app-mount .item-26Dhrx[aria-checked=false]:hover .radioBar-bMNUI-[style*="--radio-bar-accent-color"] { + background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); +} #app-mount .checkboxContainer-2vV9zd::before { /* checkbox container */ background-color: rgba(var(--fontwhite4), 0.3); diff --git a/Themes/DiscordRecolor/DiscordRecolor.css b/Themes/DiscordRecolor/DiscordRecolor.css index b55c9d8c0c..ea5ae8c240 100644 --- a/Themes/DiscordRecolor/DiscordRecolor.css +++ b/Themes/DiscordRecolor/DiscordRecolor.css @@ -547,9 +547,19 @@ html .iconBadge-2wi9r4 { color: var(--text-muted); } -#app-mount .item-26Dhrx[aria-checked=true] { - background-color: var(--background-tertiary); - color: var(--interactive-active); +#app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- { + background: rgb(var(--vaccentcolor)); +} +#app-mount .item-26Dhrx[aria-checked=true] .radioBar-bMNUI- .radioIconForeground-XwlXQN { + color: #fff; +} +#app-mount .item-26Dhrx .radioBar-bMNUI-[style*="--radio-bar-accent-color"] { + background: var(--radio-bar-accent-color); + border: unset; + color: #fff; +} +#app-mount .item-26Dhrx[aria-checked=false]:hover .radioBar-bMNUI-[style*="--radio-bar-accent-color"] { + background: var(--radio-bar-accent-color) linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); } #app-mount .container-1nZlH6 {