Skip to content
BranchesTags
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
.github
.github
 
 
.obsidian
.obsidian
 
 
attachments
attachments
 
 
snippets
snippets
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
all snippets.base
all snippets.base
 
 
img-cover.webp
img-cover.webp
 
 

Repository files navigation

Obsidian CSS Snippets Collection

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

Table of Contents:

  1. Introduction
  2. Compatibility
  3. How to Use
  4. Included Snippets
  5. Additional Resources and Links
  6. Credits
  7. 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

  1. Open Settings.
  2. Under Appearance → CSS snippets, select Open snippets folder (folder icon).
  3. In the snippets folder, create a CSS file, paste in the CSS from the snippet you want, and save.
  4. 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:

  1. Download Entire Vault: Download the vault, and open it in Obsidian via Open another vault → Open folder as vault → Reload the vault

  2. 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

◩ Credits

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

◩ License

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

Happy theming and customizing your ObsidianMD experience!

[](￣▽￣)*

About

Welcome to the ObsidianMD CSS Snippets repository, a collection of CSS code snippets to enhance the user interface elements of ObsidianMD

Resources

Readme
License
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors