Custom Obsidian CSS with WYSIWYM editor, inspired by Red Graphite and California Coast themes.
Re-use/edit as you wish. Attribution appreciated but not necessary.
Appreciative donations are welcome but not mandatory.
I don't consider myself a CSS developer. I know enough to get the things done that I need/want, albeit not necesseraily in the most code efficient way. So this theme contains a few snippets from those more talented in the CSS arena than I am in the Obsidian community. To acknowledge them, I wanted to put this attribution section high up this page, rather than buried at the bottom.
As mentioned, the original inspiration for this theme came from Red Graphite (font and accent colour) and California Coast (minimalist approach with lots of white space). Many thanks to seanwcom (Red Graphite) and mgmeyers (California Coast)
Unless otherwise stated, all references originate from the Obsidian forum.
- (modified) WYSIWYM editor - Piotr
- auto fades status bar - rsdimitrov
- Add quotation character before quote - Thery
- bigger link popup preview - _ph
- relationship lines - ITS theme: SIRvb, GitHub
- Turn off any themes already in use.
- Create a
snippetsdirectory in the.obsidiandirectory inside your vault. You may need to turn on viewing for hidden directory's if the.obsidiandirectory isn't visible. - Download any of the css files from this repo to the
snippetsdirectory just created. - Go to the
Appearancesettings in Obsidian. - Scroll to the bottom and enable/reload snippets.
- Open the red-coast.css with any text editor
- Find
--light-accentto change the red accent in the light theme, or--dark-accentto change the gold in the dark theme. Both light and dark accent values are near the top of the file - Replace the # value with your preferred hex or rgb/rgba colour value
- Save the file. You may also need to reload the theme from Obidian's appearance settings.
