Search...Search plugins and themes...
⌘K
Sign in
  • Get started
  • Download
  • Pricing
  • Enterprise
  • Account
  • Obsidian
  • Overview
  • Sync
  • Publish
  • Canvas
  • Mobile
  • Web Clipper
  • CLI
  • Learn
  • Help
  • Developers
  • Changelog
  • About
  • Roadmap
  • Blog
  • Resources
  • System status
  • License overview
  • Terms of service
  • Privacy policy
  • Security
  • Community
  • Plugins
  • Themes
  • Discord
  • Forum / 中文论坛
  • Merch store
  • Brand guidelines
Follow us
DiscordTwitterBlueskyThreadsMastodonYouTubeGitHub
© 2026 Obsidian

Gradient Text

MatheusZarkovMatheusZarkov257 downloads

Custom gradient colors for headings, bold, italic, and links — with preset palettes or full custom color pickers.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates1

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

HealthExcellent
ReviewCaution
About
Paint notes with gradients for headings, bold, italic, wikilinks, external links, and regular text using five curated palettes or a full custom color picker with two- or three-stop gradients. Control gradients per element with live previews, toggle them globally or individually, and fall back to theme colors when disabled; works in Reading view and Live Preview.
ThemingAppearance
Details
Current version
0.2.0
Last updated
2 months ago
Created
2 months ago
Updates
1 release
Downloads
257
Compatible with
Obsidian 1.5.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
MatheusZarkovMatheusZarkovmatheuszarkov
GitHubmatheuszarkov
  1. Community
  2. Plugins
  3. Theming
  4. Gradient Text

Related plugins

Minimal Theme Settings

Control the colors and fonts in Minimal Theme.

Hider

Hide interface elements such as tooltips, status bar, titlebar, and more.

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Background Image

Specify a remote URL as the background image, and a few settings to tweak the experience.

Contextual Typography

Add a data-tag-name attribute to all top-level divs in preview mode containing the child's tag name, allowing contextual typography styling.

Dynamic Theme Background

Build Your Own Wallpaper Library! Make every note-taking experience visually inspiring.

Callout Studio

Callout Studio is the only callout plugin you'll ever need to download. It offers regular callouts, inline callouts, and callout headings. Plus, you can easily design your own custom styles!

Theme by Folder

Automatically switch themes based on the folder of the opened note

Share Note

Instantly share/publish a note, with the full theme and content exactly like you see in Obsidian. Data is shared encrypted by default, and only you and the person you send it to have the key.

Note Toolbar

Add customizable toolbars to your notes.