diff options
author | Alphonse Mariya <alphonse.mariya@hotmail.com> | 2021-12-17 00:37:12 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-12-17 00:37:12 +0300 |
commit | 29a7a942b7c6e494dd8cfb941f0950504769528c (patch) | |
tree | 7a4f36dd3247491fa7c49be1d7d103c66470d1d2 /exampleSite | |
parent | 263be7cebc84993e099d662181cd4e4c5e937111 (diff) |
Fix bad syntax highlighting color schemes (#630)
Some pygment color schemes (like `bw`, which we use as default in the
exampleSite) do not set a foreground color explicitly, which makes those
themes look bad/illegible when using the dark mode of hugo-coder. Most
such themes are light themes (it seems after a quick research), which
explains this phenomenon.
This commit adds a fix for such color schemes by setting the default
foreground color to the one used in the light hugo-coder colorscheme.
It is overridden by proper syntax highlighting schemes.
Diffstat (limited to 'exampleSite')
-rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content | 36 |
1 files changed, 35 insertions, 1 deletions
diff --git a/exampleSite/resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content b/exampleSite/resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content index d367b83..005af5c 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content +++ b/exampleSite/resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content @@ -40,14 +40,31 @@ body.colorscheme-dark { body.colorscheme-dark code { background-color: #424242; color: #dadada; } + body.colorscheme-dark .highlight pre { + color: #212121; } body.colorscheme-dark pre code { background-color: inherit; color: inherit; } body.colorscheme-dark blockquote { border-left: 2px solid #424242; } + body.colorscheme-dark th, + body.colorscheme-dark td { + padding: 1.6rem; } + body.colorscheme-dark table { + border-collapse: collapse; } body.colorscheme-dark table td, body.colorscheme-dark table th { border: 2px solid #dadada; } + body.colorscheme-dark table tr:first-child th { + border-top: 0; } + body.colorscheme-dark table tr:last-child td { + border-bottom: 0; } + body.colorscheme-dark table tr td:first-child, + body.colorscheme-dark table tr th:first-child { + border-left: 0; } + body.colorscheme-dark table tr td:last-child, + body.colorscheme-dark table tr th:last-child { + border-right: 0; } @media (prefers-color-scheme: dark) { body.colorscheme-auto { @@ -92,14 +109,31 @@ body.colorscheme-dark { body.colorscheme-auto code { background-color: #424242; color: #dadada; } + body.colorscheme-auto .highlight pre { + color: #212121; } body.colorscheme-auto pre code { background-color: inherit; color: inherit; } body.colorscheme-auto blockquote { border-left: 2px solid #424242; } + body.colorscheme-auto th, + body.colorscheme-auto td { + padding: 1.6rem; } + body.colorscheme-auto table { + border-collapse: collapse; } body.colorscheme-auto table td, body.colorscheme-auto table th { - border: 2px solid #dadada; } } + border: 2px solid #dadada; } + body.colorscheme-auto table tr:first-child th { + border-top: 0; } + body.colorscheme-auto table tr:last-child td { + border-bottom: 0; } + body.colorscheme-auto table tr td:first-child, + body.colorscheme-auto table tr th:first-child { + border-left: 0; } + body.colorscheme-auto table tr td:last-child, + body.colorscheme-auto table tr th:last-child { + border-right: 0; } } body.colorscheme-dark .content .post .tags .tag { background-color: #424242; } |