옵시디언 설정
옵시디언 설정
옵시디언 설정
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
/* ─────────────────────────────── */
/* 기본 폴더 스타일 */
/* ─────────────────────────────── */
.nav-folder {
padding: 6px 10px !important;
border-radius: 8px !important;
margin: 4px 0 !important;
margin-left: 6px;
padding-left: 10px;
position: relative;
font-weight: normal; /* 굵기 없음 */
}
/* 폴더 앞에 📁 아이콘 추가 */
.nav-folder-title::before {
content: "📁";
margin-right: 6px;
/*
content: url('folder_icon.png'); /* CSS와 같은 폴더에 있는 아이콘 */
margin-right: 6px;
vertical-align: middle;
width: 16px; /* 필요에 따라 크기 조절 */
height: 16px;
*/
}
/* 하위 폴더 들여쓰기 */
.nav-folder-children {
margin-left: 12px;
}
/* ─────────────────────────────── */
/* 최상위 폴더만 괄호 표시 (반대 괄호 `)` 모양) */
/* ─────────────────────────────── */
.nav-folder:not(.nav-folder-children .nav-folder)::before {
content: "";
position: absolute;
left: -3px;
top: 0;
bottom: 0;
width: 10px;
border: 3px solid var(--folder-color);
border-right: none;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
/* 하위 폴더는 괄호 제거 */
.nav-folder-children .nav-folder::before {
content: none !important;
}
/* ─────────────────────────────── */
/* 폴더 + 파일 텍스트 및 아이콘 색상 */
/* ─────────────────────────────── */
.nav-folder-title,
.nav-folder-title-content,
.nav-folder-title .collapse-icon svg.svg-icon,
.nav-folder .collapse-icon svg {
color: var(--folder-color) !important;
fill: var(--folder-color) !important;
stroke: var(--folder-color) !important;
}
/* 하위 폴더 색상을 최상위 폴더와 동일하게 유지 */
.nav-folder > .nav-folder-children .nav-folder {
--folder-color: inherit;
}
/* ─────────────────────────────── */
/* md 파일 스타일 */
/* ─────────────────────────────── */
.nav-file {
font-weight: normal; /* 일반 글씨 */
}
/* md 파일 이름 색상 흰색 */
.nav-file-title {
color: #ffffff !important;
}
/* ─────────────────────────────── */
/* 12색 최상위 폴더 자동 순환 */
/* ─────────────────────────────── */
.nav-folder:nth-child(12n + 1) { --folder-color: rgb(243, 139, 168); }
.nav-folder:nth-child(12n + 2) { --folder-color: rgb(250, 179, 135); }
.nav-folder:nth-child(12n + 3) { --folder-color: rgb(249, 226, 175); }
.nav-folder:nth-child(12n + 4) { --folder-color: rgb(166, 227, 161); }
.nav-folder:nth-child(12n + 5) { --folder-color: rgb(148, 226, 213); }
.nav-folder:nth-child(12n + 6) { --folder-color: rgb(137, 180, 250); }
.nav-folder:nth-child(12n + 7) { --folder-color: rgb(198, 160, 246); }
.nav-folder:nth-child(12n + 8) { --folder-color: rgb(245, 194, 231); }
.nav-folder:nth-child(12n + 9) { --folder-color: rgb(235, 188, 186); }
.nav-folder:nth-child(12n + 10) { --folder-color: rgb(244, 219, 196); }
.nav-folder:nth-child(12n + 11) { --folder-color: rgb(179, 199, 230); }
.nav-folder:nth-child(12n + 12) { --folder-color: rgb(202, 211, 245); }