Skip to content

Commit a6110b4

Browse files
authored
Merge pull request #90 from Twodragon0/fix/diagram-svg-darkmode
fix: 다이어그램 SVG 다크모드 지원
2 parents 6187c24 + 3e277ea commit a6110b4

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

_includes/mermaid.html

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,13 +20,21 @@
2020
filter: invert(1) hue-rotate(180deg);
2121
}
2222

23+
/* Dark mode for diagram SVGs (light background, non-mermaid) */
24+
[data-theme="dark"] .post-content img[src*="/diagrams/"] {
25+
filter: invert(1) hue-rotate(180deg);
26+
}
27+
2328
/* prefers-color-scheme fallback for Safari/system dark mode */
2429
@media (prefers-color-scheme: dark) {
2530
html:not([data-theme="light"]) img[src*="/mermaid/"] {
2631
background: transparent;
2732
border-color: rgba(255, 255, 255, 0.15);
2833
filter: invert(1) hue-rotate(180deg);
2934
}
35+
html:not([data-theme="light"]) .post-content img[src*="/diagrams/"] {
36+
filter: invert(1) hue-rotate(180deg);
37+
}
3038
}
3139

3240
@media (max-width: 768px) {

0 commit comments

Comments
 (0)