Custom Themed Native Code Block

The native code block in Webflow only offers a light and dark theme, but we can customize the colors set by either of those default themes using a little custom CSS (see page settings). The custom CSS is simply targeting the style="color: #xxxxx" attribute set on each syntax type in the code, and resetting the color to a different color using color variables.