🎨 Improve contrast and readability for syntax highlighting in light mode
This commit is contained in:
@@ -1128,6 +1128,27 @@ onMounted(() => {
|
||||
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 */
|
||||
.content-viewer.dark-mode .line pre code {
|
||||
background-color: transparent;
|
||||
|
||||
Reference in New Issue
Block a user