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

Fix highlighted code lines in dark mode

Browse Source
This commit is contained in:
Danila Fedorin 2023-03-11 14:56:46 -08:00
parent 0bd55bc58a
commit 5202c57e2b
3 changed files with 5 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

@ -69,7 +69,7 @@ pre code {
.hl { .hl {
display: block; display: block;
background-color: #fffd99; @include var(background-color, code-highlight-color);
.lnt::before { .lnt::before {
content: "*"; content: "*";

1
assets/scss/modes.scss
View File

@ -17,5 +17,6 @@
--code-color: #{$code-color-dark}; --code-color: #{$code-color-dark};
--code-keyword-color: #{$code-token-color-dark}; --code-keyword-color: #{$code-token-color-dark};
--code-type-color: #{$code-token-color-dark}; --code-type-color: #{$code-token-color-dark};
--code-highlight-color: #{$code-highlight-color-dark};
} }
} }

3
assets/scss/variables.scss
View File

@ -25,6 +25,8 @@ $code-color: #f0f0f0;
$code-color-dark: lighten($background-color-dark, 10%); $code-color-dark: lighten($background-color-dark, 10%);
$code-token-color: black; $code-token-color: black;
$code-token-color-dark: darken(white, 40%); $code-token-color-dark: darken(white, 40%);
$code-highlight-color: #fffd99;
$code-highlight-color-dark: #555538;
$code-border-color: darken($code-color, 10%); $code-border-color: darken($code-color, 10%);
$code-lineno-color: grey; $code-lineno-color: grey;
$code-comment-color: grey; $code-comment-color: grey;
@ -52,6 +54,7 @@ $css-vars: (
code-color: $code-color, code-color: $code-color,
code-keyword-color: $code-token-color, code-keyword-color: $code-token-color,
code-type-color: $code-token-color, code-type-color: $code-token-color,
code-highlight-color: $code-highlight-color,
); );
@mixin var($property, $varName) { @mixin var($property, $varName) {