diff --git a/_sass/code.scss b/_sass/code.scss index ee8a1f05043cfd42911bc67594f3b73da15fad4b..759faa33b3dc31576a90de99877fda5919531fdf 100644 --- a/_sass/code.scss +++ b/_sass/code.scss @@ -207,4 +207,21 @@ code.language-mermaid { border: 0; } +// Override OneDarkJekyll Colors for Code Blocks +.highlight, +pre.highlight { + background: $code-background-color; // Code Background + // For Backwards Compatibility Before $code-linenumber-color was added + @if variable-exists(code-linenumber-color) { + color: $code-linenumber-color; // Code Line Numbers + } @else { + color: $body-text-color; // Code Line Numbers + } +} + +// Override OneDarkJekyll Colors for Code Blocks +.highlight pre { + background: $code-background-color; // Code Background +} + // {% endraw %} diff --git a/_sass/color_schemes/dark.scss b/_sass/color_schemes/dark.scss index a0ff4cb341d7bc96b7ddad99f028f3edb06b5ebe..e1952f6d982cec8cc6676205d93a38f52cde67e7 100644 --- a/_sass/color_schemes/dark.scss +++ b/_sass/color_schemes/dark.scss @@ -15,14 +15,18 @@ $feedback-color: darken($sidebar-color, 3%); // The following highlight theme is more legible than that used for the light color scheme // @import "./vendor/OneDarkJekyll/syntax-one-dark"; -// $code-background-color: #282c34; +// $code-background-color: #282c34; // OneDarkJekyll default for syntax-one-dark +// $code-linenumber-color: #abb2bf; // OneDarkJekyll .nf for syntax-one-dark @import "./vendor/OneDarkJekyll/syntax-one-dark-vivid"; -$code-background-color: #31343f; +$code-background-color: #31343f; // OneDarkJekyll default for syntax-one-dark-vivid +$code-linenumber-color: #dee2f7; // OneDarkJekyll .nf for syntax-one-dark-vivid // @import "./vendor/OneDarkJekyll/syntax-firewatch"; -// $code-background-color: #282c34; +// $code-background-color: #282c34; // OneDarkJekyll default for syntax-firewatch +// $code-linenumber-color: #abb2bf; // OneDarkJekyll .nf for syntax-firewatch // @import "./vendor/OneDarkJekyll/syntax-firewatch-green"; -// $code-background-color: #282c34; +// $code-background-color: #282c34; // OneDarkJekyll default for syntax-firewatch-green +// $code-linenumber-color: #abb2bf; // OneDarkJekyll .nf for syntax-firewatch-green