aaranxu / adidoks

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:

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

Adidoks sass overrides Zola syntax highlighting in code blocks