diff --git a/Themes/BasicBackground/BasicBackground.css b/Themes/BasicBackground/BasicBackground.css index ec2b076244..f989c25e35 100644 --- a/Themes/BasicBackground/BasicBackground.css +++ b/Themes/BasicBackground/BasicBackground.css @@ -2401,6 +2401,9 @@ button.button__4f306.enabled__470f0:hover svg { color: #fff; text-shadow: 1px 1px var(--textshadow_v); } +.sidebar__9e3e2:has(.socialLinks_c1fc99) .side_b4b3f6 .item__48dda::after { + filter: drop-shadow(1px 1px var(--textshadow_v)); +} .bd-social-link[title="BD" i] .bd-social-logo, .bd-social-link[title="BetterDiscord" i] .bd-social-logo, diff --git a/Themes/_res/SettingsIcons.css b/Themes/_res/SettingsIcons.css index 65ea24e7ed..75d1332cdb 100644 --- a/Themes/_res/SettingsIcons.css +++ b/Themes/_res/SettingsIcons.css @@ -71,16 +71,24 @@ body #app-mount .layer__2efaa ~ .layer__2efaa .sidebar__9e3e2:has(.socialLinks_c flex: 1 1 auto; } -.sidebar__9e3e2:has(.socialLinks_c1fc99) .side_b4b3f6 .item__48dda::before { +.sidebar__9e3e2:has(.socialLinks_c1fc99) .side_b4b3f6 .item__48dda::before, +.sidebar__9e3e2:has(.socialLinks_c1fc99) .side_b4b3f6 .item__48dda::after { content: ""; flex: 0 0 auto; width: calc(var(--use-settingsicons) * var(--settingsicons-size)); height: calc(var(--use-settingsicons) * var(--settingsicons-size)); margin-right: calc(var(--use-settingsicons) * var(--settingsicons-size)/2); +} +.sidebar__9e3e2:has(.socialLinks_c1fc99) .side_b4b3f6 .item__48dda::before { background: currentColor; z-index: 2; -webkit-mask: var(--settingsicons-icon) center/contain no-repeat; } +.sidebar__9e3e2:has(.socialLinks_c1fc99) .side_b4b3f6 .item__48dda::after { + position: absolute; + z-index: 1; + background: var(--settingsicons-icon) center/contain no-repeat; +} .sidebar__9e3e2:has(.socialLinks_c1fc99) .side_b4b3f6 .item__48dda:nth-child(2), #app-mount .sidebar__9e3e2 .side_b4b3f6 .item__48dda[aria-controls="my-account-tab" i],