Rainbow Highlight

CSSAny theme
# Rainbow Highlight

A beautiful multi-color text highlighting plugin for [Obsidian](https://obsidian.md/).

Select any text and instantly apply highlights from a quick color palette popup — just like highlighting in a real book.

## Features

- **Quick Color Palette** — Select text and a floating color picker appears instantly
- **6 Vibrant Colors** — Yellow, Green, Blue, Pink, Purple, Orange
- **Format Preserving** — Works with bold, italic, strikethrough text
- **Remove Highlight** — One-click to remove any highlight
- **Dark Mode Support** — Colors adapt to light and dark themes
- **Command Palette** — Each color also available as a command for keyboard shortcuts

## How to Use

1. Select any text in your note
2. A color palette popup appears near your selection
3. Click a color to apply the highlight
4. Click ✕ to remove an existing highlight

## Installation

### From Obsidian Community Plugins

1. Open **Settings** → **Community plugins** → **Browse**
2. Search for **Rainbow Highlight**
3. Click **Install**, then **Enable**

### Manual Installation

1. Download `main.js`, `manifest.json`, and `styles.css` from the [latest release](https://github.com/Norman-lawyer/obsidian-rainbow-highlight/releases)
2. Create a folder `rainbow-highlight` in your vault's `.obsidian/plugins/` directory
3. Copy the three files into that folder
4. Enable the plugin in **Settings** → **Community plugins**

## Colors

| Color  | Preview |
|--------|---------|
| Yellow | ![#fef3c7](https://placehold.co/80x24/fef3c7/946800?text=Yellow) |
| Green  | ![#d1fae5](https://placehold.co/80x24/d1fae5/1a6b3c?text=Green) |
| Blue   | ![#dbeafe](https://placehold.co/80x24/dbeafe/1e5a8a?text=Blue) |
| Pink   | ![#fce7f3](https://placehold.co/80x24/fce7f3/9d174d?text=Pink) |
| Purple | ![#ede9fe](https://placehold.co/80x24/ede9fe/5b21b6?text=Purple) |
| Orange | ![#ffedd5](https://placehold.co/80x24/ffedd5/9a3412?text=Orange) |

## License

[MIT](LICENSE)

Related

How to Install

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

Stats

Stars

1

Forks

0

License

MIT

Last updated 1d ago

Categories