Gradient Text

approved

by MatheusZarkov

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

1 stars252 downloadsUpdated 1mo agoMIT

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

CommandWhat it does
Gradient Text: Disable all gradientsTurns every gradient off (theme defaults take over).
Gradient Text: Enable all gradientsRestores all gradients.
Gradient Text: Toggle all gradients on / offFlips the global switch.
Gradient Text: Toggle normal text gradientQuickly 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

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.