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

Overlay

ayyoubayyoub3 downloads

Custom theme plus extra markdown elements for your notes

Add to Obsidian
  • Overview
  • Scorecard
  • Updates3

Overlay is an Obsidian plugin for a custom theme and extra Markdown elements in your notes.

Development

  • Install dependencies with npm install.
  • Run npm run dev to build in watch mode.
  • Run npm run build to create a production build.

During development, minimal.css is polled once per second and applied in place, so theme edits appear without reloading the plugin. Use the Reload theme styles command to apply changes manually. JavaScript changes still require a plugin reload (or the Hot Reload community plugin).

Production builds do not include the poller; the reload command remains available. Structural styles in styles.css are injected by Obsidian and are not hot-reloaded.

The plugin entry point is src/main.ts. It handles only the plugin lifecycle and delegates features to src/features.ts. See docs/architecture.md for the feature architecture and how to add a feature.

Installing locally

Build the plugin, then ensure main.js, manifest.json, and styles.css are in the overlay plugin folder in your vault. Reload Obsidian and enable Overlay in Settings → Community plugins.

HealthExcellent
ReviewSatisfactory
About
Apply a custom theme and add extra Markdown elements to your notes. Inject theme styles into Obsidian and extend Markdown with additional elements for richer formatting and presentation.
ThemingMarkdownCSS
Details
Current version
1.0.2
Last updated
11 hours ago
Created
12 hours ago
Updates
3 releases
Downloads
3
Compatible with
Obsidian 1.4.4+
Platforms
Desktop, Mobile
License
0BSD
Report bugRequest featureReport plugin
Author
ayyoubayyoub
GitHubayyoubelkouri
  1. Community
  2. Plugins
  3. Theming
  4. Overlay

Related plugins

Custom Frames

Turn web apps into panes using iframes with custom styling. Also comes with presets for Google Keep, Todoist and more.

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Sheets Extended

Vertical headers, merged cells, and custom CSS tables with Advanced Tables compatability.

Blur

Create obfuscated blocks of text.

Columns

Create columns in Markdown.

Minimal Theme Settings

Control the colors and fonts in Minimal Theme.

Admonition

Admonition block-styled content.

Hider

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

Linter

Format and style your notes. Linter can be used to format YAML tags, aliases, arrays, and metadata; footnotes; headings; spacing; math blocks; regular Markdown contents like list, italics, and bold styles; and more with the use of custom rule options.

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.