Obsidian CSS Snippets Collection

A collection of community CSS snippets for customizing ObsidianMD's interface.

Table of Contents:

Introduction
Compatibility
How to Use
Included Snippets
Additional Resources and Links
Credits
License

◩ Introduction

Hey there! Welcome to the ObsidianMD CSS Snippets repository. It's a collection of CSS code snippets for ObsidianMD—no fuss, just a bunch of useful snippets. These come from different folks in the ObsidianMD community, so you'll find a variety of styles and tweaks. Enjoy experimenting with them to customize your ObsidianMD experience!

◩ Compatibility

Tested on Obsidian 1.12.7 with the default theme. Future Obsidian updates may cause these to break.

◩ How to Use

Open Settings.
Under Appearance → CSS snippets, select Open snippets folder (folder icon).
In the snippets folder, create a CSS file, paste in the CSS from the snippet you want, and save.
In Obsidian, under Appearance → CSS snippets, select Reload snippets (refresh icon) to see the snippet in the list.

You can either grab the whole vault at once, or copy snippets individually:

Download Entire Vault: Download the vault, and open it in Obsidian via Open another vault → Open folder as vault → Reload the vault
Individual Snippets: Alternatively, for a more granular approach, open the links below to view and copy each individual CSS snippet.

◩ Included Snippets

Click to expand/collapse

NOTE: A few snippets aren't reproduced here due to licensing restrictions from the original author — check the source link on each snippet's page for the full code.

◩ Additional Resources and Links

Click to expand/collapse

#appearance / Obsidian discord
Obsidian CSS Quick Guide by FireIsGood (mostly about using the inspector)
CSS Variables at Obsidian Dev Docs
replete / obsidian-minimal-theme-css-snippets
efemkay / obsidian-modular-css-layout
SlRvb's snippets collection | Guide
zamsyt / obsidian-snippets
ElsaTam(Kapirklaa) / Obsidian-Stuff
KuiyueRO / Obsidian-Miner
HandaArchitect / obsidian-banner-snippet
sailKiteV / Obsidian-Snippets-and-Demos
TfTHacker / DashboardPlusPlus
eb2ai / My-Checklists-and-Icons
felixqueisler / Obsidian-FileLink-Styling
xhuajin / obsidian-sidenote-callout

◩ Credits

A special thanks to the creators of the original snippets and the ObsidianMD community for sharing their expertise and contributions.

🪁 sailKite (sailKitev@gmail.com | GitHub)
🔥 FireIsGood (Support link | GitHub)
💎 kneecaps (Support link | GitHub)
😎 rushi (Let me have some credit for minimal tweaks 😁)
💖 and many more amazing contributors

◩ License

This project is licensed under the MIT License - see the LICENSE file for details.

Happy theming and customizing your ObsidianMD experience!

[]~~(￣▽￣)~~*