satchlj
/
satchlj.com
1
2
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

Fix code block highlight style errors, make consistent across dark/light

This commit is contained in:
timvisee 2020-09-15 22:08:45 +02:00
parent 77be139bfb
commit e367d5a4d1
No known key found for this signature in database
GPG Key ID: B8DB720BC383E172
3 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
themes/zenn/sass/_components.scss
View File

@ -59,11 +59,16 @@ content {
overflow: auto;
font-family: $font-mono;
box-sizing: border-box;
background-color: $color-main-bg-alt;
background-color: $color-code-bg !important;
border-radius: 4px;
transition: background-color 0.2s ease,
box-shadow 0.2s ease,
border 0.2s ease;
// Hack to keep code blocks dark, also in light mode
code {
background-color: $color-code-bg !important;
}
}
img, video {
@ -76,7 +81,7 @@ content {
padding: 0 0.25em;
display: inline-block;
font-family: $font-mono;
// background-color: $color-main-bg-alt;
background-color: $color-main-bg-alt;
border-radius: 4px;
transition: background-color 0.2s ease,
color 0.2s ease;

1
themes/zenn/sass/_config_dark.scss
View File

@ -12,6 +12,7 @@ $color-main-shadow: rgba($color-main-border, 0.4);
$color-header: #fb4625;
$color-link: #02c39a;
$color-link-hover: lighten($color-link, 15%);
$color-code-bg: $color-main-bg-alt;
// Top logo and landing page
$logo-color: $color-text;

1
themes/zenn/sass/_config_light.scss
View File

@ -12,6 +12,7 @@ $color-main-shadow: rgba(darken(#20201d, 8%), 0.1);
$color-header: #1d4761;
$color-link: #77660b;
$color-link-hover: darken($color-link, 10%);
$color-code-bg: #1b1b18;
// Top logo and landing page
$logo-color: $color-header;