@luetage I appreciate the credit but, to be fair, all I said was that I had confused the ::after pseudo element for a box shadow when I initially tried to style the panel π
Also, here are some changes I've made to my css:
.theme-dark #switch button svg {fill: var(--colorFg);}
.theme-dark #switch button.active svg,
#switch button.active svg {
fill: var(--colorFg);
}
#switch button.active,
#switch button.active:hover {
background: #fff !important;
}
.theme-dark #switch button.active,
.theme-dark #switch #switch button.active,
#switch button.active:hover {
background-color: var(--colorBgLightIntense) !important;
}
Essentially, if user decides to use a dark theme, SVGs in the panel adopt that theme's foreground color, and the active button in the panel adopts the theme's background color. It's a better user experience, imho
