diff --git a/js/vite.config.js b/js/vite.config.js
index 2510c7666..11c58cd23 100644
--- a/js/vite.config.js
+++ b/js/vite.config.js
@@ -23,6 +23,7 @@ export default defineConfig(({ command }) => {
         strategies: "injectManifest",
         srcDir: "src",
         filename: "service-worker.ts",
+        theme_color: "#ffd599",
         // injectRegister: "auto",
         // devOptions: {
         //   enabled: true,