Web-Projects/vanilla-hugo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add a nicer comment color in dark mode

Browse Source 
Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
This commit is contained in:
Danila Fedorin 2024-05-27 18:57:58 -07:00
parent 5bfbaf397b
commit 97e965feec
3 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/scss/code.scss
View File

@ -114,5 +114,5 @@ pre code {
} }
.c, .c1, .cm { .c, .c1, .cm {
color: $code-comment-color; @include var(color, code-comment-color);
} }

1
assets/scss/modes.scss
View File

@ -17,6 +17,7 @@
--code-color: #{$code-color-dark}; --code-color: #{$code-color-dark};
--code-lineno-color: white; --code-lineno-color: white;
--code-keyword-color: #{$code-token-color-dark}; --code-keyword-color: #{$code-token-color-dark};
--code-comment-color: #{$code-comment-color-dark};
--code-type-color: #{$code-token-color-dark}; --code-type-color: #{$code-token-color-dark};
--code-highlight-color: #{$code-highlight-color-dark}; --code-highlight-color: #{$code-highlight-color-dark};
} }

2
assets/scss/variables.scss
View File

@ -31,6 +31,7 @@ $code-border-color: darken($code-color, 10%);
$code-lineno-color: black; $code-lineno-color: black;
$code-lineno-spacing: 1rem; $code-lineno-spacing: 1rem;
$code-comment-color: grey; $code-comment-color: grey;
$code-comment-color-dark: #68dcff;
$code-border: $standard-border-width solid $code-border-color; $code-border: $standard-border-width solid $code-border-color;
$input-padding: 0.5rem; $input-padding: 0.5rem;
@ -57,6 +58,7 @@ $css-vars: (
code-color: $code-color, code-color: $code-color,
code-lineno-color: $code-lineno-color, code-lineno-color: $code-lineno-color,
code-keyword-color: $code-token-color, code-keyword-color: $code-token-color,
code-comment-color: $code-comment-color,
code-type-color: $code-token-color, code-type-color: $code-token-color,
code-highlight-color: $code-highlight-color, code-highlight-color: $code-highlight-color,
); );