I have an obsidian.css now that’s based on a theme from someone else, plus, at the bottom, several additional customizations I’ve gradually accumulated.
I like to try new theme’s occasionally as they are posted here.
The issue is, it gets a little tedious each time to have to copy/paste in all my accumulating customizations on top of the new theme and then swap it in for my prev obsidian.css. Gets worse if I have more than 1 vault, using diff themes.
I thought probably there is a way in CSS to be more modular, and discovered there is in fact an @import statement.
So I tried making my obsidian.css consist soley of:
@import "obsidian-theme.css";
@import "my-customizations.css";
…so that I could easily swap in new themes, as well as easily adjust my customizations.
But not only did Obsidian not render any of the referenced styling, it seemed to confuse the parser - the cursor jumping around strangely.
Is a modular strategy like this viable, and if so, any tips on how can I get it to work?
Thanks!