liriliri
diff --git a/‎index.html
+11 b/‎index.html
+11
diff --git a/‎package.json
+8-1 b/‎package.json
+8-1
diff --git a/‎src/common/theme.json
+5 b/‎src/common/theme.json
+5
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/renderer/main.tsx"></script>
+  </body>
+</html>
@@ -4,17 +4,24 @@
   "description": "Android adb desktop app",
   "main": "dist/main/index.js",
   "scripts": {
+    "dev": "concurrently \"npm run dev:main\" \"npm run dev:renderer\"",
     "dev:main": "vite build --watch --config vite.main.ts --mode=development",
+    "dev:renderer": "vite",
     "format": "lsla prettier \"src/**/*.{ts,tsx,scss,css,json}\" \"*.{ts,json}\" --write",
-    "start": "electron ./dist/main/index.js"
+    "start": "electron ./dist/main/index.js",
+    "genTheme": "lsla genTheme --input src/common/theme.json --output src/renderer/theme.scss && lsla genTheme --input src/common/theme.json --output src/common/theme.ts"
   },
   "keywords": [
     "adb"
   ],
   "author": "surunzi",
   "license": "MIT",
   "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.2",
+    "concurrently": "^9.0.1",
+    "custom-electron-titlebar": "^4.2.8",
     "electron": "^33.0.1",
+    "licia": "^1.43.0",
     "vite": "^5.4.9"
   }
 }
@@ -0,0 +1,5 @@
+{
+  "token": {
+    "colorPrimary": "#4fb155"
+  }
+}