🎨 Improve contrast and readability for syntax highlighting in light mode

This commit is contained in:
2026-01-28 20:08:06 +00:00
parent f41f83ee2a
commit a130770bc0

View File

@@ -1128,6 +1128,27 @@ onMounted(() => {
color: #24292e; color: #24292e;
} }
/* Improve contrast for light mode - darken attribute names and values */
.content-viewer:not(.dark-mode) .hljs-attr {
color: #6f42c1;
font-weight: 600;
}
.content-viewer:not(.dark-mode) .hljs-string {
color: #0a3622;
font-weight: 500;
}
.content-viewer:not(.dark-mode) .hljs-number {
color: #005a9c;
font-weight: 600;
}
.content-viewer:not(.dark-mode) .hljs-literal {
color: #d73a49;
font-weight: 600;
}
/* Dark mode syntax highlighting */ /* Dark mode syntax highlighting */
.content-viewer.dark-mode .line pre code { .content-viewer.dark-mode .line pre code {
background-color: transparent; background-color: transparent;