Obsidian Stats logoObsidian Stats

Graph Styler

by Moonweave
5
4
3
2
1
Score: 35/100
New Plugin
Install Code

Description

Style your Obsidian graph in one click — curated themes (color, glow, forces). No CSS needed. - This plugin has not been manually reviewed by Obsidian staff.

Reviews

No reviews yet.

Stats

stars
downloads
0
forks
0
days
NaN
days
NaN
days
0
total PRs
0
open PRs
0
closed PRs
0
merged PRs
0
total issues
0
open issues
0
closed issues
0
commits

Latest Version

Invalid date

Changelog

See all version on GitHub

README file from

Github

🎨 Graph Styler

One-click aesthetic themes for the Obsidian graph view. Pick a vibe — color, glow, and forces are applied instantly. No CSS, no JSON, no 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 preset applies node/group colors, a glow CSS snippet, and force/size values tuned to the mood.

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. 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.

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

Via BRAT (now):

  1. Install the BRAT community plugin.
  2. BRAT → "Add beta plugin" → moonweave/obsidian-graph-styler.
  3. Enable Graph Styler under Community plugins.

Manual: copy main.js + manifest.json into <vault>/.obsidian/plugins/graph-styler/, then enable.

(Community store submission planned.)

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.
  • Desktop only.

License

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

🇰🇷 한국어 설명

Sponsors