Obsidian Stats logoObsidian Stats

Graph Styler

by Moonweave
5
4
3
2
1
Score: 51/100
Install Code

Description

One-click curated themes (color, glow, forces) for the Obsidian graph view. Made by Moonweave.

Reviews

No reviews yet.

Stats

4
stars
2,864
downloads
1
forks
50
days
3
days
3
days
11
total PRs
0
open PRs
0
closed PRs
11
merged PRs
0
total issues
0
open issues
0
closed issues
6
commits

Latest Version

0.1.7
4 days ago

Changelog

Highlights

  • Built-in themes apply colors, color groups, and glow styling while preserving the current graph physics and visual size settings.
  • Custom presets continue to carry their explicitly saved force and size values.
  • Hardened graph writes, generated CSS cleanup, and live engine synchronization.
  • Tuned Galaxy, Ocean, Forest, Nord, and Catppuccin palette contrast.
  • Existing custom preset data is loaded without an update-time reset.

Verification

  • node test/graph-styler.test.js
  • node scripts/check-physics-contract.js
  • node --check main.js
  • Manifest and versions JSON validation
  • Secret scan and git diff check
See all version on GitHub

README file from

Github

🎨 Graph Styler

One-click aesthetic themes for the Obsidian graph view. Pick a vibe — color and glow are applied instantly while your current graph physics stays unchanged. No manual CSS, JSON, or setup.

Made by Moonweave.

Graph Styler

Why

Obsidian's graph looks amazing in screenshots — but getting there means digging through color groups, force sliders, and CSS snippets. Graph Styler turns that into a single click. Think Canva templates, but for your graph.

Presets

⚡ Neon · 🌌 Galaxy · 🌠 Aurora · 🌅 Sunset · 🌴 Vaporwave · 🌊 Ocean · 🌲 Forest · 🍬 Candy · ✨ Gold · 👾 Cyberpunk · ❄️ Nord · 🧛 Dracula · 🐈 Catppuccin · ⚪ Mono

Each built-in preset applies node/group colors and a glow CSS snippet while preserving your current force and visual size settings. Custom presets can explicitly save force/size values.

Make your own. Open 🎛️ Customize in the panel — drag the force/size sliders (repel, link distance, node size…) and pick colors, watch the graph update live, then 💾 Save as preset. Customization changes graph physics; save it only when you want a reusable custom preset. Your presets show up under My presets and persist.

How colors map to your vault

Graph Styler hardcodes nothing — it adapts to your vault:

  • It finds your most-used folders and assigns the preset's palette to them (up to 4).
  • No folders? It falls back to your most-used tags.
  • Totally flat (no folders or tags)? You still get the glow, background, and node colors — just no per-group split.

It writes these into Obsidian's native graph color groups (Settings → Graph → Groups), so you can see and tweak them there. Whether you have 2 groups or 4, it just works — and the glow, background, and node styling are identical for everyone. Applying a preset replaces your current color groups; your original config is backed up, so Restore brings it back. Restore returns to the snapshot saved before Graph Styler first changed the vault and may overwrite graph settings changed afterward.

Usage

  1. Open the graph view (global graph).
  2. Click the 🎨 palette icon in the left ribbon → a panel opens on the right.
  3. Click any preset. Your graph changes instantly.
  4. Tweak freely afterward, or hit ↩︎ Restore to revert — your original graph.json is backed up automatically.

Install

Community plugins (recommended):

  1. In Obsidian, open Settings -> Community plugins -> Browse.
  2. Search for Graph Styler.
  3. Install it, then enable Graph Styler under Community plugins.

Direct listing: https://obsidian.md/plugins?id=graph-styler

Development builds: install with BRAT from moonweave/obsidian-graph-styler, or copy main.js + manifest.json into <vault>/.obsidian/plugins/graph-styler/, then enable.

Notes

  • Works in any vault. Group colors auto-map to the busiest folders in your vault — no setup, no hardcoded paths.
  • Bilingual UI. The panel follows Obsidian's language — English or 한국어.
  • Writes the global graph config (.obsidian/graph.json) and a CSS snippet (.obsidian/snippets/graph-styler-*.css); your original graph.json is backed up first. Restore requires confirmation because it restores that first snapshot.
  • Desktop only.

License

MIT © 2026 Moonweave. Free to use and modify — please keep the attribution.

🇰🇷 한국어 설명

Sponsors