diff --git a/Themes/BlurpleRecolor/BlurpleRecolor.css b/Themes/BlurpleRecolor/BlurpleRecolor.css index d257fa5850..abad3c7b0d 100644 --- a/Themes/BlurpleRecolor/BlurpleRecolor.css +++ b/Themes/BlurpleRecolor/BlurpleRecolor.css @@ -712,32 +712,39 @@ /* ~~~~ 8. USERSETTINGS ~~~~ */ -.premiumTabItem-1QTfBr[aria-selected=false] { /* settingsitems item */ +.item-PXvHYJ:not(.selected-3s45Ha)[aria-controls="Discord Nitro-tab" i], +.item-PXvHYJ:not(.selected-3s45Ha)[aria-controls="Discord-Nitro-tab" i], +.item-PXvHYJ:not(.selected-3s45Ha)[aria-controls="Subscriptions-tab" i] { color: rgb(var(--accentcolor)) !important; } -.premiumTabItem-1QTfBr[aria-selected=false]:hover { +.item-PXvHYJ:hover[aria-controls="Discord Nitro-tab" i], +.item-PXvHYJ:hover[aria-controls="Discord-Nitro-tab" i], +.item-PXvHYJ:hover[aria-controls="Subscriptions-tab" i] { background-color: rgb(var(--accentcolor), 0.1) !important; } -.premiumTabItem-1QTfBr[aria-selected=true] { +.item-PXvHYJ.selected-3s45Ha[aria-controls="Discord Nitro-tab" i], +.item-PXvHYJ.selected-3s45Ha[aria-controls="Discord-Nitro-tab" i], +.item-PXvHYJ.selected-3s45Ha[aria-controls="Subscriptions-tab" i] { background-color: rgb(var(--accentcolor)) !important; } .item-PXvHYJ:not(.selected-3s45Ha)[aria-controls="Nitro Server Boost-tab" i], .item-PXvHYJ:not(.selected-3s45Ha)[aria-controls="Nitro-Server-Boost-tab" i], -.serverBoostTabItem-2hFTIN[aria-selected=false] { +.item-PXvHYJ:not(.selected-3s45Ha)[aria-controls="GUILD_PREMIUM-tab" i] { color: rgb(var(--accentcolor2)) !important; } .item-PXvHYJ:hover[aria-controls="Nitro Server Boost-tab" i], .item-PXvHYJ:hover[aria-controls="Nitro-Server-Boost-tab" i], -.serverBoostTabItem-2hFTIN[aria-selected=false]:hover { +.item-PXvHYJ:hover[aria-controls="GUILD_PREMIUM-tab" i] { background-color: rgb(var(--accentcolor2), 0.1) !important; } .item-PXvHYJ.selected-3s45Ha[aria-controls="Nitro Server Boost-tab" i], .item-PXvHYJ.selected-3s45Ha[aria-controls="Nitro-Server-Boost-tab" i], -.serverBoostTabItem-2hFTIN[aria-selected=true] { +.item-PXvHYJ.selected-3s45Ha[aria-controls="GUILD_PREMIUM-tab" i] { background-color: rgb(var(--accentcolor2)) !important; } .item-PXvHYJ .icon-Zc-uZZ, -.item-PXvHYJ .icon-3Povsy { +.item-PXvHYJ .icon-3Povsy, +.premiumLabel-fDtYys svg { fill: currentColor; } diff --git a/Themes/_res/SettingsIcons.css b/Themes/_res/SettingsIcons.css index 424b8e2ace..c78c630e30 100644 --- a/Themes/_res/SettingsIcons.css +++ b/Themes/_res/SettingsIcons.css @@ -25,6 +25,7 @@ body #app-mount .layer-3QrUeG ~ .layer-3QrUeG .sidebar-CFHs9e { height: calc(var(--usesettingsicons) * var(--settingsiconssize)); margin-right: calc(var(--usesettingsicons) * var(--settingsiconsgap)); background: currentColor; + z-index: 2; -webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/questionmark.svg) center/contain no-repeat; } .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ[aria-controls="My Account-tab" i]::before, @@ -236,7 +237,8 @@ body #app-mount .layer-3QrUeG ~ .layer-3QrUeG .sidebar-CFHs9e { display: none; } .sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ .icon-Zc-uZZ, -.sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ .icon-3Povsy { +.sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ .icon-3Povsy, +.sidebar-CFHs9e .side-8zPYf6 .premiumLabel-fDtYys svg { transform: scaleX(calc(1 - var(--usesettingsicons))); }