Adidoks sass overrides Zola syntax highlighting in code blocks

[ajyoon]

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.

adidoks/sass/components/_code.scss

Lines 10 to 14 in 7d1ce1b

	code {
	background: $beige;
	color: $black;
	padding: 0.25rem 0.5rem;
	}

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: