diff --git a/scripts/sdk/build.sh b/scripts/sdk/build.sh
index 5534601e..4b3127fc 100755
--- a/scripts/sdk/build.sh
+++ b/scripts/sdk/build.sh
@@ -11,7 +11,7 @@ cp doc/SDK.md target/README.md
 pushd target
 pushd asset-build/assets
 mv main.*.js ../../main.js
-mv index.*.css ../../style.css
+mv *light.*.css ../../style.css
 mv download-sandbox.*.html ../../download-sandbox.html
 rm *.js *.wasm
 mv ./* ../../
diff --git a/src/index.html b/src/index.html
index 456f095a..428da222 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,8 +2,6 @@
 <!-- this file contains all references to include in the SDK asset build (using vite.sdk-assets-config.js) -->
 <html>
 <head>
-    <link rel="stylesheet" type="text/css" href="./platform/web/ui/css/main.css">
-    <link rel="stylesheet" type="text/css" href="./platform/web/ui/css/themes/element/theme.css">
 </head>
 <body>
     <script type="module">
diff --git a/vite.sdk-assets-config.js b/vite.sdk-assets-config.js
index 90720966..5fb9c82f 100644
--- a/vite.sdk-assets-config.js
+++ b/vite.sdk-assets-config.js
@@ -1,6 +1,7 @@
 const path = require("path");
 const mergeOptions = require('merge-options');
-const commonOptions = require("./vite.common-config.js");
+const themeBuilder = require("./scripts/build-plugins/rollup-plugin-build-themes");
+const {commonOptions, compiledVariables} = require("./vite.common-config.js");
 
 export default mergeOptions(commonOptions, {
     root: "src/",
@@ -8,4 +9,13 @@ export default mergeOptions(commonOptions, {
     build: {
         outDir: "../target/asset-build/",
     },
+    plugins: [
+        themeBuilder({
+            themeConfig: {
+                themes: { element: "./src/platform/web/ui/css/themes/element" },
+                default: "element",
+            },
+            compiledVariables,
+        }),
+    ],
 });
diff --git a/vite.sdk-lib-config.js b/vite.sdk-lib-config.js
index c1678d8b..fa084035 100644
--- a/vite.sdk-lib-config.js
+++ b/vite.sdk-lib-config.js
@@ -1,6 +1,7 @@
 const path = require("path");
 const mergeOptions = require('merge-options');
-const commonOptions = require("./vite.common-config.js");
+const themeBuilder = require("./scripts/build-plugins/rollup-plugin-build-themes");
+const {commonOptions, compiledVariables} = require("./vite.common-config.js");
 const manifest = require("./package.json");
 
 const externalDependencies = Object.keys(manifest.dependencies)
