Dynamic Theme Background

pending

by sean2077

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

β˜… 12 starsUpdated 19d agoMITDiscovered via Obsidian Unofficial Plugins
View on GitHub

🌈 Dynamic Theme Background

Build Your Own Wallpaper Library in Obsidian!

Make every note-taking experience visually inspiring

πŸ‡ΊπŸ‡Έ English | πŸ‡¨πŸ‡³ δΈ­ζ–‡η‰ˆ

Obsidian Plugin Latest Release GitHub Downloads GitHub Stars Build Status License


Preview

Features

  • Multi-source Library β€” Unsplash, Pixabay, Pexels, Wallhaven + custom API & local folders
  • Visual Tuning β€” Blur, brightness, saturation, hue adjustments; dark/light theme aware
  • Smart Rotation β€” Time windows, interval auto-change, command palette quick switch
  • Performance β€” Async loading, caching, minimal impact on editor responsiveness

Installation

Marketplace (Pending)

Currently in Obsidian review queue. Track: obsidian-releases#7359

BRAT

  1. Install BRAT
  2. Add beta plugin β†’ https://github.com/sean2077/obsidian-dynamic-theme-background
  3. Enable in settings

Manual

  1. Download main.js, manifest.json, styles.css from Releases
  2. Create .obsidian/plugins/obsidian-dynamic-theme-background/
  3. Place files inside, restart Obsidian, enable

Quick Start

  1. Add Sources β€” Local images or API providers (Unsplash / Pixabay / Pexels / Wallhaven / Custom)
  2. Set Rotation β€” Interval + optional time windows (morning / day / night)
  3. Control β€” Status bar clicks or Command Palette (dtb) to switch, save & fetch

Status Bar:

  • Left Click β†’ Random wallpaper
  • Middle Click β†’ Open settings
  • Right Click β†’ Save current background

Notes

  • Optimized for dark themes; light themes may need parameter adjustments
  • Uses Obsidian CSS variables β€” compatible with most themes
  • If your theme defines custom backgrounds, choose one or the other to avoid conflicts
CSS Override Details
.dtb-enabled .workspace::before {
    background-image: var(--dtb-bg-image);
    filter: blur(var(--dtb-blur-depth)) brightness(var(--dtb-brightness)) saturate(var(--dtb-saturate));
    /* ... */
}

Roadmap

  • Weather / system theme driven wallpaper sets
  • Video / GIF backgrounds
  • AI-generated backgrounds
  • Mobile refinements
  • Preset packs & collections

Contributing

License

MIT

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.