13hannes11/hugo-coder-timeline
1
0
Fork 0
mirror of https://github.com/13hannes11/hugo-coder-timeline.git synced 2024-09-04 00:50:58 +02:00
Code Issues Projects Releases Wiki Activity

Fix bad syntax highlighting color schemes (#630)

Browse Source 
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.
This commit is contained in:
Alphonse Mariya
2021-12-16 22:37:12 +01:00
committed by GitHub
parent 263be7cebc
commit 29a7a942b7
5 changed files with 79 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
exampleSite/resources/_gen/assets/scss/scss/coder-dark.scss_9e20ccd2d8034c8e0fd83b11fb6e2bd5.content
View File

@@ -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; }