diff --git a/client/vite.config.ts b/client/vite.config.ts
index cc267d14..e47bc5ae 100644
--- a/client/vite.config.ts
+++ b/client/vite.config.ts
@@ -60,6 +60,13 @@ const htmlPlugin = () => {
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: process.env.THEME ? `@import "styles/themes/_${process.env.THEME}.scss";` : '',
+      }
+    }
+  },
   resolve: {
     alias: {
       '@': resolve('./src'),