Featherweight Local Wallpaper
approvedby Theo Tatsuyama
Minimal, zero-overhead background wallpaper plugin supporting local vault files and remote URLs via CSS variables. - This plugin has not been manually reviewed by Obsidian staff.
Featherweight Local Wallpaper
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
-
Settings -> Featherweight Local Wallpaper
-
Drag & drop your wallpaper into the box.
Installation
From Community Plugins (Recommended)
- Open Obsidian Settings → Community plugins.
- Turn off Restricted mode.
- Search for Featherweight Local Wallpaper and click Install, then Enable.
Manual Installation
-
Download
manifest.json,main.js, andstyles.cssfrom the latest GitHub Release. -
Create a folder named
featherweight-local-wallpaperinside your vault's plugin folder:<your-vault>/.obsidian/plugins/featherweight-local-wallpaper/ -
Move the three downloaded files into that folder (manifest.json, styles.css, main.js)
-
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.
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.