obsidian-theme/jiongn_haze-note-obsidian-theme
1
0
Fork 0
mirror of https://github.com/jiongn/haze-note-obsidian-theme.git synced 2026-07-22 05:00:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
No description
11 commits 1 branch 4 tags 18 MiB
CSS 99.5%
JavaScript 0.5%
Find a file
JiongN bb31c61994
Round tabs and improve popup readability (#3) 
Co-authored-by: JiongN <JiongN@users.noreply.github.com>
2026-07-21 17:48:57 +08:00
assets/wallpapers Initial public release of Haze Note 2026-07-20 22:19:42 +08:00
screenshots Add updated preview screenshot 2026-07-20 22:52:08 +08:00
scripts Round tabs and improve popup readability (#3) 2026-07-21 17:48:57 +08:00
src Round tabs and improve popup readability (#3) 2026-07-21 17:48:57 +08:00
.gitignore Initial public release of Haze Note 2026-07-20 22:19:42 +08:00
LICENSE Initial public release of Haze Note 2026-07-20 22:19:42 +08:00
manifest.json Round tabs and improve popup readability (#3) 2026-07-21 17:48:57 +08:00
README.md Round tabs and improve popup readability (#3) 2026-07-21 17:48:57 +08:00
theme.css Round tabs and improve popup readability (#3) 2026-07-21 17:48:57 +08:00

README.md

Haze Note

Haze Note is a macOS-first Obsidian theme with a soft neutral glass frame, four embedded 4K wallpapers, a focused reading surface, and Chinese Style Settings labels.

Haze Note preview

Highlights

  • Four original 4K WebP wallpapers embedded directly in theme.css: desert sunset, blue-violet dusk, warm paper, and graphite.
  • Neutral light and graphite dark modes, with one adjustable glass-opacity control.
  • A continuous top frame, rounded bottom utility areas, and readable status/backlink text at low opacity.
  • SF Mono / Menlo typography with LXGW WenKai Mono as the Chinese fallback.
  • No remote assets, audio, or runtime background blur.

Installation

  1. Download theme.css and manifest.json from this repository.
  2. Create Haze Note under your vault's .obsidian/themes/ directory.
  3. Put both files in that directory and enable Haze Note from Settings → Appearance.

Development

The distributable theme.css embeds four optimized 3840×2160 WebP wallpapers at q=30 and enforces a 380 KB size ceiling. Install cwebp, then rebuild after changing src/theme.template.css or an image:

node scripts/build-theme.mjs

The original 4K source wallpapers are in assets/wallpapers/. Haze Note also works without any companion plugin; the optional local Haze Note Folders plugin can override the selected preset with an image stored inside a vault.

Scope

This repository contains the public theme only. The optional local folder-color plugin, personal vault configuration, test notes, and development feedback are intentionally not included.

License

MIT. See LICENSE.