set up tailwindcss

installer-gui/package.json

@@ -16,9 +16,11 @@
     },
     "license": "MIT",
     "dependencies": {
+        "@tailwindcss/vite": "^4.1.16",
         "@tauri-apps/api": "^2",
         "@tauri-apps/plugin-opener": "^2",
-        "@tauri-apps/plugin-shell": "^2.3.3"
+        "@tauri-apps/plugin-shell": "^2.3.3",
+        "tailwindcss": "^4.1.16"
     },
     "devDependencies": {
         "@eslint/js": "^9.38.0",

installer-gui/src/app.css

@@ -0,0 +1,7 @@
+@import 'tailwindcss';
+
+@theme {
+    --color-rayhunter-blue: #4e4eb1;
+    --color-rayhunter-dark-blue: #3f3da0;
+    --color-rayhunter-green: #94ea18;
+}

installer-gui/src/routes/+layout.svelte

@@ -0,0 +1,6 @@
+<script>
+    import '../app.css';
+    let { children } = $props();
+</script>
+
+{@render children()}

installer-gui/vite.config.js

@@ -1,12 +1,13 @@
 import { defineConfig } from 'vite';
 import { sveltekit } from '@sveltejs/kit/vite';
+import tailwindcss from '@tailwindcss/vite';
 
 // @ts-expect-error process is a nodejs global
 const host = process.env.TAURI_DEV_HOST;
 
 // https://vitejs.dev/config/
 export default defineConfig(async () => ({
-    plugins: [sveltekit()],
+    plugins: [sveltekit(), tailwindcss()],
 
     // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
     //