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

Featherweight Local Wallpaper

Theo TatsuyamaTheo Tatsuyama57 downloads

Minimal, zero-overhead background wallpaper plugin supporting local vault files and remote URLs via CSS variables.

Add to Obsidian
  • Overview
  • Scorecard
  • Updates4

0-overhead background wallpaper plugin => Obsidian. Supports drag & drop to set local images without a local web-server (+ file-nav wallpaper). Rendered directly via GPU-accelerated CSS variables.


Features

  • Local & Remote Support: Use local images on your system. (e.g., ~/Downloads/wallpaper.png) or external web URLs (https://...).

  • Zero-Overhead Architecture: Uses native Obsidian resource paths and pure CSS custom properties (var(--...)). Rendering, scaling, and opacity are offloaded directly to Chromium's GPU compositor.

  • Visual Fine-Tuning:

    • Adjustable opacity ($0\text{–}100%$)
    • Native Gaussian blur slider ($0\text{–}40\text{ px}$)
    • Translucent contrast overlay for text legibility
    • Darkness overlay slider for high-brightness images
    • (etc. Maybe add text-colour later)

Usage

  1. Settings -> Featherweight Local Wallpaper

  2. Drag & drop your wallpaper into the box.


Installation

From Community Plugins (Recommended)

  1. Open Obsidian Settings → Community plugins.
  2. Turn off Restricted mode.
  3. Search for Featherweight Local Wallpaper and click Install, then Enable.

Manual Installation

  1. Download manifest.json, main.js, and styles.css from the latest GitHub Release.

  2. Create a folder named featherweight-local-wallpaper inside your vault's plugin folder:

    <your-vault>/.obsidian/plugins/featherweight-local-wallpaper/
    
  3. Move the three downloaded files into that folder (manifest.json, styles.css, main.js)

  4. Reload Obsidian and enable the plugin in Community plugins.


Personal Note

3yrs ago, this was my first "real" programming project. I called it "Hoshikawa Version 1" or something like that. Anyway, I never put it onto obsidian community plugins because I was frustrated that I couldn't get local images to work and because I wanted way more customization like a colour picker (struggling to make a colour picker is what drew me further into programming). . . And all the important parts were 100% vibe coded or stolen.

I greatly regret that I didn't just go a little harder and published it as is but oh well? I got my friends to use it anyway.

HealthExcellent
ReviewSatisfactory
About
Set local or remote wallpapers by drag-and-drop or by path/URL, including file-nav backgrounds, without a local web server. Adjust opacity, native Gaussian blur, contrast and darkness overlays while rendering and scaling are offloaded to Chromium's GPU via CSS custom properties for near-zero overhead.
AppearanceImagesCSS
Details
Current version
1.1.0
Last updated
2 weeks ago
Created
2 years ago
Updates
4 releases
Downloads
57
Compatible with
Obsidian 1.13.0+
Platforms
Desktop, Mobile
License
MIT
Report bugRequest featureReport plugin
Author
Theo TatsuyamaTheo Tatsuyamamidorinohoshi
atelier-tatsuyama.vercel.app/
GitHubmidorinohoshi
  1. Community
  2. Plugins
  3. Appearance
  4. Featherweight Local Wallpaper

Related plugins

Style Settings

Adjust theme, plugin, and snippet CSS variables.

Custom Font Loader

Customize your vault with any font you want (+ Support for Android and iOS).

Pretty Properties

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

Lapel

Show the heading levels in the gutter of the editor.

Pixel Banner

Enhance your notes with customizable banner images.

Snippetor

Create and tweak common snippets.

Dynamic Views

Elegant grid and masonry card views for Bases.

Show Whitespace

CSS styles and CM6 extensions to highlight whitespace in Source and Live Preview modes.

Focus Mode

Add a toggle to hide interface elements so you can focus on your note.

Fontsource

Load custom fonts from Fontsource into your notes.