Zola applies syntax highlighting at the element level, but for basic background and text colors it applies them to the <pre> tag, not the <code> tag. But Adidoks provides a style which sets these colors on the <code> element, it overrides Zola's theming in standard <pre><code>...</code></pre> structures.
As a result, the background color of code blocks does not match the Zola-defined theme, and can result in hard-to-read displays like this example on the default Zola theme:
Zola applies syntax highlighting at the element level, but for basic background and text colors it applies them to the
<pre>
tag, not the<code>
tag. But Adidoks provides a style which sets these colors on the<code>
element, it overrides Zola's theming in standard<pre><code>...</code></pre>
structures.https://github.com/aaranxu/adidoks/blob/7d1ce1b34246950451fc677e08265fb5318c48e9/sass/components/_code.scss#L10-L14
As a result, the background color of code blocks does not match the Zola-defined theme, and can result in hard-to-read displays like this example on the default Zola theme:
which should look like this: