Allow two custom CSS sheets- light and dark

Aaron_--

There is currently the abilty to add one custim CSS setting and switch it on and off.
I found a lovely dark theme and added the CSS and activatled it. Looks great. However when the theme UI switches to light, it doesn't look right. This may be an issue with the author of the custom css but it is still kind or a hassle to keep having to switch css on and off.

I suggest the ability to implement 2 separate custom CSS files, so we can choose the perfect style for light and dark.

Alternatively, when we set a custom CSS, allow a checkbox or something to apply to light only, dark only or both.

Thank you

RoxyRoxyRoxy

IIRC this is a feature of CSS isn't it? I believe there's properties to have light and dark variants on the same stylesheet.

Aaron_--

Hmm, maybe the one I am using doesn't implement light theme correctly. Let me try some other themes and see if the issue persists.

fxgn

Aaron_-- you can try wrapping your entire css file in a dark scheme media query, like this

@media (prefers-color-scheme: dark) {
  /* Your theme code here */
}

This should in theory make it apply only in dark mode

Aaron_--

fxgn Excellent. That worked! Thank you.

RoxyRoxyRoxy

Gonna mark this as nofix then as this is natively done by CSS. Thanks @fxgn! I knew there was a way to do it but wasn't sure on the specifics 😅