옵시디언 그래프,
클릭 한 번으로.

이게 뭐냐면

옵시디언 그래프는 노트 사이의 링크를 점과 선으로 보여주는 화면이에요. Graph Styler는 이 그래프의 색·배경·글로우를 테마 하나로 바꿔요. 기본 테마는 현재 물리·크기 설정을 건드리지 않습니다. 노트를 분석하거나 새 연결을 만들어 주는 도구는 아니에요.

• 🎨14가지 프리셋네온부터 Nord·Dracula까지
• 🎛️나만의 테마슬라이더로 조절해 저장
• 🌍어떤 vault나색이 내 폴더(또는 태그)에 자동 매핑
• ↩︎안전하게원본 백업 + 한 번에 되돌리기

같은 그래프, 다른 분위기

그래프는 왜 예뻐 보일까

옵시디언 그래프가 예쁜 건 사실 몇 가지가 합쳐진 결과예요. 원리만 알면 직접도 만들 수 있고, Graph Styler가 그걸 왜 한 번에 해주는지도 이해돼요.

• 🎨 색 그룹 폴더나 태그별로 노드(점)에 색을 입혀요. 그래프 뷰 안의 설정 아이콘(톱니) → Groups에서 쿼리(path:"폴더" 또는 tag:#태그)와 색을 정해요.
• 🧲 장력 (forces) 노드가 모이고 퍼지는 정도예요. 같은 설정 패널의 Forces에서 반발력·링크 거리·중심력 슬라이더로 조절해요. 반발력↑·링크거리↑ = 시원하게 퍼진 은하.
• ✨ 글로우 · 배경 빛나는 네온 느낌은 CSS 스니펫으로 만들어요. 설정 → 화면 → CSS 스니펫에 파일을 넣고 켜면 돼요. (바로 아래에 쓸 수 있는 코드가 있어요.)
• 🔗 모양 = 링크 그래프 모양은 노트 사이의 [[링크]]와 배치 설정에 따라 달라져요. 실제로 관련 있는 노트를 연결하세요. 촘촘하거나 예쁜 모양이 지식의 품질을 뜻하지는 않습니다.

기본 테마는 색·배경·글로우만 바꿔요. 물리를 바꾸고 싶을 때는 그래프 설정이나 커스터마이즈에서 직접 조절하세요. 커스텀 프리셋에는 물리 설정도 저장되므로 적용할 때 달라질 수 있어요.

직접 해보기 — 글로우 CSS

플러그인(Obsidian에 기능을 더하는 확장) 없이 글로우만 직접 넣고 싶다면: 아래 코드를 <vault>/.obsidian/snippets/graph-glow.css 파일로 저장하고 설정 → 화면 → CSS 스니펫에서 켜세요. 다크 모드 기준이에요. (Graph Styler를 쓰면 이건 자동이에요.)

/* graph glow — .obsidian/snippets/graph-glow.css */
.theme-dark .graph-view.color-circle { color: #7dd3fc; }
.theme-dark .graph-view.color-line   { color: #2b4a63; }
.theme-dark .graph-view.color-fill-tag { color: #f472b6; }
.workspace-leaf-content[data-type="graph"] .view-content,
.workspace-leaf-content[data-type="localgraph"] .view-content {
  background: radial-gradient(circle at 50% 45%, #16304a, #0b1624 70%) !important;
}
.workspace-leaf-content[data-type="graph"] .view-content > iframe,
.workspace-leaf-content[data-type="localgraph"] .view-content > iframe {
  filter: saturate(1.35) brightness(1.12);
}
/* Keep the input overlay above the filtered renderer. */
.workspace-leaf-content[data-type="graph"] .view-content > canvas ~ iframe,
.workspace-leaf-content[data-type="localgraph"] .view-content > canvas ~ iframe {
  pointer-events: none;
}

설치 (처음이어도 OK)

옵시디언 데스크탑 앱이 필요해요. 이제 Graph Styler는 Obsidian 커뮤니티 플러그인(사용자가 만든 확장)에 정식 등록되어 BRAT 없이 바로 설치할 수 있습니다.

1. 1설정 → 커뮤니티 플러그인으로 가서 '제한 모드'를 끄고 커뮤니티 플러그인을 켜요.
2. 2탐색(Browse)을 누르고 Graph Styler를 검색해요.
3. 3Install을 누른 뒤, 설치된 플러그인 목록에서 Graph Styler를 활성화해요.

4. 4끝! 그래프 뷰를 열고 왼쪽 리본의 🎨 아이콘을 누르면 패널이 떠요.

개발 빌드를 테스트할 때만 BRAT에서 moonweave/obsidian-graph-styler를 추가하세요. 일반 사용자는 커뮤니티 플러그인 설치가 권장됩니다.

🤖 AI로 더 꾸미기

색을 직접 고르기 어렵다면 아래 프롬프트를 써보세요. 색상 코드는 Graph Styler 커스터마이즈에, 그룹 검색 조건은 그래프 설정 → Groups에 직접 입력해요. CSS는 별도 스니펫 파일에 저장합니다. AI가 만든 코드는 버전 호환성과 내용을 확인한 뒤 사용하세요.

사용법

모든 화면은 Graph Styler 0.4.1·Obsidian 1.14.4의 research-wiki에서 촬영했습니다. 앱 테마는 다크, UI는 영문으로 통일했어요. 이미지를 누르면 원본이 열립니다.

1. 1그래프 뷰를 열고, 왼쪽 리본의 🎨 팔레트 아이콘을 누르면 오른쪽에 패널이 떠요.
2. 2 프리셋을 누르면 그래프가 즉시 바뀝니다. 패널은 열어둔 채 그래프를 움직여도 돼요.
3. 3 🎛️ 커스터마이즈를 열어 장력·크기·색·글로우를 슬라이더로 조절하고 💾 저장하면 내 프리셋이 돼요.
4. 4↩︎ 원래대로 되돌리기는 첫 적용 전의 그래프 설정으로 돌아갑니다. 직전 작업 취소가 아니며, 이후 바꾼 그룹·물리 설정도 덮어쓰니 확인 문구를 읽고 실행하세요.

색은 어떻게 매핑되나요? 내 vault에서 노트가 많은 폴더(폴더가 없으면 태그)에 프리셋 색이 자동으로 입혀져요. 옵시디언의 네이티브 그래프 그룹에 기록되니 설정에서 직접 수정도 됩니다.