🎨 Improve contrast and readability for syntax highlighting in light mode
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user