# Generated syntax theme css files should use variables

**URL:** <https://zola.discourse.group/t/generated-syntax-theme-css-files-should-use-variables/2583>\
**Category:** Feature requests\
**Created:** [April 28, 2025, 2:41am UTC](https://zola.discourse.group/t/generated-syntax-theme-css-files-should-use-variables/2583 "2025-04-28T02:41:47Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![RedstoneParadox](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/redstoneparadox/32/1196_2.png) [@RedstoneParadox](https://zola.discourse.group/u/RedstoneParadox)\
**Post date:** [April 28, 2025, 2:41am UTC](https://zola.discourse.group/t/generated-syntax-theme-css-files-should-use-variables/2583/1 "2025-04-28T02:41:47Z")

</div>

So I’m making a theme that has a darkmode button and I’d like to have the syntax highlighting change with the rest of the theme. This is of course more than possible, but requires generating the css files, then copy-pasting all the colors into variables. It would be nice if a single file with variables for all the different colors for each theme could be generated so I could switch between them with JS.