Custom Callouts

Coding, Development, and Devices. Lucide Icon Callout Pack for Obsidian.md

CSSAny theme

# 🌈 Obsidian Rainbow Callouts with Lucide Icons

A vibrant CSS snippet for Obsidian, featuring **375 custom callouts**—each with a unique Lucide icon from the [Coding & Development](https://lucide.dev/icons/categories#development) and [Devices](https://lucide.dev/icons/categories#devices) packs, and a rainbow of colors!

## 🚀 Features

- 375 unique callouts
- All icons from Lucide Development & Devices
- Vibrant, rainbow-inspired color palette
- Plug-and-play: no plugins needed

## 🖌️ Installation

1. Download `rainbow-callouts.css` and place it in your `.obsidian/snippets/` folder.
2. Enable it in Obsidian: **Settings → Appearance → CSS snippets**.
3. Use in your notes:

```
    [!code] Code Block
    Your code notes here

    [!smartphone] Mobile Note
    Content for mobile devices
```

## 🎨 Enjoy your colorful, icon-powered notes!

VAULT

Ai Brain Starter

adelaidasofia

SNIPPET

Colorful Sticky Notes

PandaNocturne

SNIPPET

Prime Snippets

rivea0

How to Install

Download the CSS file below
Move it to your vault's .obsidian/snippets/ folder
Open Obsidian → Settings → Appearance → CSS Snippets → Enable it

Download snippet.css

Stats

Stars

Forks

License

MIT

Last updated 9mo ago