Obsidian CSS Snippets Collection (⓿_⓿)

ObsidianMD CSS Snippets Collection: Enhance Your Note-Taking Experience

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

These CSS snippets are tested and compatible with Obsidian version 1.4.16 with default theme. Keep in mind, future updates to Obsidian may cause them not to work as intended.

◩ 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 that contains your snippet.
4. In Obsidian, under Appearance → CSS snippets, select Reload snippets (refresh icon) to see the snippet in the list.

Two Options:

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

• Accented settings side headings
• Author callout
• Banner
• Bigger first letter
• Blockquote styling 01
• Blockquote styling 02
• Blockquote styling 03
• Calendar styling
• Callout icon to the top right corner
• Callout styling - 3 callouts
• Callout styling - Callout without icon
• Callout styling - Celtic callout border
• Callout styling - Folder structure callout
• Callout styling - Gummy callout
• Callout styling - Label callout
• Callout styling - Leader list callout
• Callout styling - Minimal callout
• Callout styling - Old callouts
• Callout styling - Outlined callout
• Callout styling - Power callouts

NOTE: Please note that some code snippets might not be displayed here due to permission concerns. You can find the complete code in the provided source URLs.

◩ Additional Resources and Links

• ⁠#appearance - Obsidian discord
• Obsidian CSS Quick Guide (forum) (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 / [