CSS and customising obsidian
This obsidian vault is very customised, its so customised its more riced than my linux install. Ok, lets tall about the CSS snippets in this vault then. I would like to first like to say BIG thank you to CyanVoxel for giving most of the idea and base CSS snippets for my vault. His theme has been a great start to my new vault and I love it.
Here is his amazing video that explains how is vault work.
Main CSS snippets
Themes.css
This file contains several css snippets for the page themes. Want a page to be white with red text? sure put page-white pen-red in the css classes of the page and it will apply the styles. Here are all the styles available (shortened to colours):
- page-white, tan, blue, red, green, black, purple, blueprint
- pen-white, blue, red, blue, cyan, red, orange, yellow, green, lime, black, grey, purple, pink
- img-blue, cyan, red, orange, yellow, green, lime, purple, pink, invert, tan, blueprint
Fonts.css
These contain several fonts that can be applied to pages to add style by default I always use bai-headings and neo-headings which uses the Bai Jamjuree font. Here are the names of the fonts append -font or -headings to the end for the css class:
- cursive, bai, sans, sans, sans-italic, gohu, ms-dos, kode, sriracha, tiny5, sanchez, orbitron, audiowide, lato, lexend, roboto, roboto-mono, ubuntu, determination-mono, noto-mono
Tweaks.css
These contain some tweaks to obsidian and some useful snippets like:
- text-center
- space-images
- rounded-images
- center-images
- no-embed-border
- neo-headings
- center-headings
- center-titles