A collection of CSS snippets for use in Obsidian.
- Calendar Tweaks
- Box Callout
- Quote Callout
- No Icon In Callout
- Custom Checkboxes
- External Link Icon
- Icon Switch
- Rainbow Folders
- Vault Help Button
- Reduces overall font size
- Strips some container padding
- Fixes calendar container to a max height
A simple bordered callout. Good for anything you want to seperate from the rest of the page without any distracting titles or colours
A tweak to make the quote callout a bit nicer. Use cite
to use default style
Callout - Hidden Icon
If you want a callout without an icon then add |noicon
to your callout choice.
A set of custom checkboxes I put together using Lucide icons
Just in case your theme doesn't give you the option to remove that external link icon
The reading and live preview icons never made sense to me. I prefer them to show what mode I'm actually using so I switched them round (and the added a new icon for source mode)
My own take on rainbow folders with 'simple' and 'full' options. There are also three colour selections: default rainbow, sherbet and muted. If you want any custom colours then you'll have to add your RGB values to the css snippet under 'user rainbow'. Maybe later I'll update with colour picking via style settings.
Remove the help button in the vault selector