diff --git a/assets/css/core/theme-vars.css b/assets/css/core/theme-vars.css.template
similarity index 100%
rename from assets/css/core/theme-vars.css
rename to assets/css/core/theme-vars.css.template
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 3e55c67..f465dc5 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -49,7 +49,7 @@
 
 {{- $includes_all := $includes | resources.Concat "assets/css/includes.css" }}
 
-{{- $theme_vars := (resources.Get "css/core/theme-vars.css") }}
+{{- $theme_vars := (resources.Get "css/core/theme-vars.css.template" | resources.ExecuteAsTemplate "css/core/theme-vars.css" . | resources.ToCSS) }}
 {{- $reset := (resources.Get "css/core/reset.css") }}
 {{- $media := (resources.Get "css/core/zmedia.css") }}
 {{- $license_css := (resources.Get "css/core/license.css") }}