Custom Themed Native Code Block
![site profile thumbnail](https://screenshots.webflow.com/sites/65a848019290a9e2add25156/20240118032646_30b9e7808d0b08bba8a970928f49e82b.png)
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.