silverpill on Nostr: FWC You mean assets/custom.css ? This feature is still experimental so there is no ...

FWC (nprofile…f3ma) You mean assets/custom.css ? This feature is still experimental so there is no example.

It is a simple CSS file. You can put whatever you want there, but the easiest way to get started is to override CSS variables. We have two sets of them, one for light mode and another one for dark mode:

https://codeberg.org/silverpill/mitra-web/src/commit/712322ae813df22119a7c0014480587ea71505c7/src/App.vue#L38-L114

Your custom.css might look like this:

:root {
/* Light theme */
--background-color: red;
}

[data-theme="dark"] {
/* Dark theme */
--background-color: green;
}