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

Translucent BG

MellowMarshMellowMarsh66 downloads

Translucent window backgrounds on Windows — acrylic blur, mica, and theme-aware tint overlays.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates4

An Obsidian plugin for Windows that applies native Windows 11 background materials (Mica, Acrylic, Tabbed) to the Obsidian window. Works with any color theme and gives you precise control over how the translucency looks.

Windows only. Requires Obsidian as a native desktop app on Windows 10/11 with an Electron version that supports BrowserWindow.setBackgroundMaterial.

[!NOTE] Inspiration & Credits Inspired by and partially based on pseudo mica (MIT).


Preview

Mica — plugin-managed Acrylic — plugin-managed
Mica Acrylic

Theme-managed — tint adapts automatically when you switch themes:

Default Catppuccin Everforest
Default Catppuccin Everforest

Features

  • Three Windows 11 materials — Mica, Acrylic, and Tabbed via the native Electron API
  • Independent tint and opacity controls — manage color and opacity yourself, or defer either (or both) to your active theme
  • Theme compatibility — when both theme toggles are on, produces the exact --workspace-background-translucent expression Obsidian themes use natively
  • Auto theme switching — tint updates instantly when switching between light and dark mode
  • Cycle command — ribbon icon and keyboard command to cycle materials without opening settings
  • Clean unload — all CSS changes reversed when the plugin is disabled

Installation

Manual

  1. Download the latest release from the Releases page.
  2. Copy main.js, styles.css, and manifest.json into your vault at:
    <vault>/.obsidian/plugins/translucent-bg/
    
  3. Enable the plugin in Settings → Community plugins.

From source

git clone https://github.com/MellowMarsh-Git/Obsidian-Translucent-BG.git
cd Obsidian-Translucent-BG
npm install
npm run build

Copy the output files into your vault's plugin folder as above.


Commands

Command Description
Translucent BG: Cycle background material Cycles Mica → Acrylic → Tabbed → None → Mica
Translucent BG: Open Translucent BG settings Opens the plugin's settings tab directly

A ribbon icon (stacked layers) also triggers the cycle command.


Documentation

See DOCS.md for a full breakdown of settings, tinting modes, how the plugin works internally, and guidance for theme authors.


Building

npm run dev       # development build (source maps, no minification)
npm run build     # production build  (minified, no source maps)

License

MIT license

84%
HealthExcellent
ReviewSatisfactory
About
Apply native Windows 11 background materials (Mica, Acrylic, Tabbed) to the Obsidian window on Windows 10/11. Keep full theme compatibility and choose plugin-managed or theme-managed tinting for precise color and opacity control that adapts across themes.
AppearanceTheming
Details
Current version
1.1.0
Last updated
12 hours ago
Created
4 days ago
Updates
4 releases
Downloads
66
Compatible with
Obsidian 1.6.0+
Platforms
Desktop only
License
MIT
Report bugRequest featureReport plugin
Author
MellowMarshMellowMarshmellowmarsh-git
GitHubmellowmarsh-git
  1. Community
  2. Plugins
  3. Appearance
  4. Translucent BG

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.

Callout Manager

Easily create and customize callouts.

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.

Background Image

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

Link Favicons

See the favicon for a linked website.

Lapel

Show the heading levels in the gutter of the editor.

Pretty Properties

Makes note properties look more fun: adds side image, banners, list property colors and allows to hide specific properties.

Snippetor

Create and tweak common snippets.