Css Snippets
SNIPPET
arg387

Css Snippets

This is my personal collection of CSS for obsidian

obsidian-css-snippets

GitHub last commit Updated Date

GitHub watchers visitors

This is my personal collection of CSS for obsidian. You can check personal_theme.css file if you want a default inspired minimal theme make sure to use the personal theme with default theme if you want the best result . Some of these CSS are written by me and others are collected from different sources. Screenshots are given below. If you have any suggestion make sure to add that in issues section. This is compatible with only dark mode.

Pictures

  • Personal Theme
Screenshot 2026-01-16 125403 image Screenshot 2025-09-30 085937 image image

obsidian-file-tree-icons

Screenshot 2026-01-20 130301
Screenshot 2026-01-20 114847 image

Make sure to download the Merienda and Comic Sans MS font from Google Fonts or any other source and install it on your system to see the intended font style in the app[as extra measure]. There is two header adjustment settings in style settings plugin which make headers centered and some other settings about table styles. Now you can even adjust the color of toolbar and titlebar so that you can use it to differentiate indivisual vault. If anyone want to use them install style settings plugin from obsidian community plugin store and toggle the settings there.



  • other CSS files Screenshot 2025-10-17 123519
Screenshot 2025-10-17 123229 Screenshot 2026-01-01 113423

BTW, if anyone is interested in doccumenting all these css styles feel free to fork the repo and add these doccumentation. It will be really a big help.

Related

How to Install

  1. Download the repository ZIP below
  2. Unzip it and find the CSS snippet file
  3. Move the CSS file into your vault's .obsidian/snippets/ folder
  4. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it

Stats

Stars

0

Forks

0

License

Apache-2.0

Last updated 1mo ago