Obsidian Stats logoObsidian Stats

Gradient Text

by MatheusZarkov
5
4
3
2
1
Score: 35/100
New Plugin
Install Code

Description

This plugin has not been manually reviewed by Obsidian staff. Custom gradient colors for headings, bold, italic, and links — with preset palettes or full custom color pickers.

Reviews

No reviews yet.

Stats

stars
downloads
0
forks
0
days
NaN
days
NaN
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
0
commits

Latest Version

Invalid date

Changelog

See all version on GitHub

README file from

Github

Gradient Text

An Obsidian plugin that paints your notes with gradient colors — headings, bold, italic, wikilinks, external links, and even normal text — using curated preset palettes or a full custom color picker.

Gradient Text preview

Features

  • Per-element gradients. Independent control for headings, bold, italic, wikilinks, external links, and normal text.
  • Five preset palettes — Green Snake, Midnight Green, Inferno, Underwater, Mystic Purple.
  • Full custom color picker with HEX / RGB / HSL inputs, two- or three-stop gradients, and a draggable saturation/hue canvas.
  • "None" disables per element so you can keep gradients on headings while leaving body text plain.
  • Global on/off toggle plus command palette entries (Disable all gradients, Enable all gradients, Toggle all gradients, Toggle normal text gradient).
  • Theme-safe. When disabled, text falls back to your theme's native colors (heading color, link color, etc).
  • Works in both Reading view and Live Preview.

Settings

Each element row has:

  • A dropdown to pick a preset, Custom, or None.
  • Three color dots (visible only in Custom mode) — click any to open the color picker. Right-click the middle dot to remove the optional middle color and use a two-stop gradient instead.
  • A reset button (↺) to restore default colors.
  • A live preview label on the right so you can see the effect without leaving Settings.

Installation

From the Obsidian Community Plugins (once approved)

  1. Open Settings → Community plugins.
  2. Click Browse, search for Gradient Text.
  3. Install and Enable.

Manual installation

  1. Download main.js, manifest.json, and styles.css from the latest release.
  2. Drop them into <your-vault>/.obsidian/plugins/gradient-text/.
  3. Reload Obsidian and enable the plugin in Settings → Community plugins.

Commands

Command What it does
Gradient Text: Disable all gradients Turns every gradient off (theme defaults take over).
Gradient Text: Enable all gradients Restores all gradients.
Gradient Text: Toggle all gradients on / off Flips the global switch.
Gradient Text: Toggle normal text gradient Quickly turns the body-text gradient on or off.

Tips

  • Gradients on normal text are opt-in (off by default) because they affect every paragraph in the editor.
  • Use Custom with a middle color for sharper highlights (e.g. orange → white → red).
  • Set an element to None if your theme already styles it nicely and you just want to leave it alone.

License

MIT

Sponsors