Common Selectors for Custom CSS

Share & showcase
21

Hey everyone,

wondered how to change the background color of the notes, in all view modes (edit source/live preview and read)?

I use the Encore theme and would love to use the RGB theme of it but change its black background color (in dark mode) of notes into the dark grey one of its Obsidian Redux theme.

I guess changing the color in the theme’s css would only last until the next update of it, right? So I thought using a CSS Snippet would be better.

How can I achieve that?

22

An easy way to do this would be to change the variable --background-primary in dark mode, since the body of the note uses this color.

.theme-dark {
--background-primary: /* YOUR custom color! */ !important;
}

The !important may not be needed, but I included it just in case.

1 Like