This repo is a collection of CSS snippets for Obsidian.md.

⚠️ Some snippet won't be updated, adjust them as you want.

To install them on PC:

• Put the snippets in the snippets folder of .obsidian in the root of your vault;
• In Obsidian: Appearance → Refresh snippets ⇒ Activate the ones you want.

:warning: In IOS, it is impossible to access hidden folders. You can:

• Use Textastic
• Working Copy with a link to a folder
• a-shell

For more information

Alternatively, you can use Obsidian Snippet Downloader

Each snippets can be adjusted with Style Settings.

Custom Syntax

This is a simple snippet that allows a specific formatting using markdown syntax, without using HTML.

References :

• **~~text~~** : Yellow text
• *~~text~~* : Blue text
• **==text==** : Red text
• *==text==* : Bold green text
• __*text*__ : Underline
• **==~~text~~==** : Cyan Highlight
• *==~~text~~==*: Green highlight

Folder Note :

:warning: This snippet is mostly present in terms of EXAMPLE.

This snippet allows you to turn a folder into a note, by moving the various icons in a folder. To use it you need :

• Folder Note
• Icon Folder

Some themes have snippet exemple to adjust the folder note icons :

• Minimal : TF - Minimal & TFI - Minimal
• Primary : TF - Primary & TFI - Primary

:warning: You need to change the paths of your files!

Colored files & folder

Credit:

• Lithou
• Javalent

Associated files start with F.

This snippet allows:

• Add colors for each folder numbered from 00 to 100
• Add lines for the children files of a folder

In case the lines don't match with the icons, you can adjust them with Style Settings, just like the colors.

Icons (File starting with "I")

These snippets add somes icons for unsupported files. The I - Fonts embed somes font, so you can use in multiple snippets if you want ! Font included :

• boxicons (old and new version)
• remixicon (old and new version)
• Material Icons
• IcoMoon Free
• Font Awesome 5 Free
• Font Awesome 5 Free Solid
• Font Awesome 5 Brands

Image Float

All of the credit for this snippet to go Lithou. I just adapted this snippet to work with Live Preview. I pretty didn't know if Lithou updated it.

YAML

Some tweaks around yaml to make it beautiful in Live Preview.