Apply these snippets on top of the default Obsidian theme.
To use snippets, add the .css
files to yourvault/.obsidian/snippets/
and then go into the Obsidian Appearance preferences and toggle them on.
(These are snippets so they can be adjusted for light vs dark mode)
accent-blue.css
uses Apple's Blue accent colorsaccent-yellow.css
uses Apple Notes' accent colorsThe accent color snippets are mutually exclusive in use.
pickiness.css
, cleanup.css
makes minor UI changes to reduce visual clutter. Note this does hide the file directory sort options because I don't use them. Delete lines 1012 of cleanup.css
to show them.safaritabs.css
offers Safari style UI tabs on macOSsquare-tabs.css
offers Figma style UI tabs on macOSThe tab snippets are mutually exclusive in use.
mobile.css
provides iPhone specific changesipad.css
provides iPad specific changes (these still need work...)faint-yaml.css
is pretty particularit minimizes the diaply of YAML frontmatter in a very opinionated and pretty fragile way. Disclaimer is this might not work for you at all if you use a lot of YAML. My use for it is to take frontmatter that includes only the created date in a specific format, and display it as shown below:sidebar-redesign.css
cleans up the sidebar a bit and removes a lot of UI detail on Mobilesf-symbols.css
replaces the Obsidian checkmark svg with the SF Symbols checkmarkhighlight-color.css
changes the highlight color to a tealcode-color.css
changes inline code styling to use blue