add client entry, styles, and vite config

Author: rnbguy

client.ts

@@ -0,0 +1,10 @@
+import "./styles.css";
+import "@fontsource/jetbrains-mono/latin-400.css";
+import "@fontsource/fira-code/latin-400.css";
+import "@fontsource/inconsolata/latin-400.css";
+import "@fontsource/source-code-pro/latin-400.css";
+import "@fontsource/ibm-plex-mono/latin-400.css";
+import "@fontsource/space-mono/latin-400.css";
+import "@fontsource/ubuntu-mono/latin-400.css";
+import "@fontsource/roboto-mono/latin-400.css";
+import "@fontsource/anonymous-pro/latin-400.css";

styles.css

@@ -0,0 +1,39 @@
+@import "tailwindcss";
+
+@font-face {
+  font-family: "Iosevka";
+  src: url("@fontsource/iosevka/files/iosevka-latin-400-normal.woff2")
+    format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+:root {
+  color-scheme: light;
+  --app-bg: #fcfcfd;
+  --app-fg: #111113;
+  --app-panel: #f8f8fa;
+  --app-border: #dfe1e6;
+  --app-control-bg: #f1f2f5;
+  --app-control-fg: #2f3033;
+  --app-accent: #5b5bd6;
+  --app-accent-fg: #fcfcff;
+}
+
+html[data-theme="dark"] {
+  color-scheme: dark;
+  --app-bg: #111113;
+  --app-fg: #edeef0;
+  --app-panel: #19191b;
+  --app-border: #393a3f;
+  --app-control-bg: #222327;
+  --app-control-fg: #edeef0;
+  --app-accent: #7c7cff;
+  --app-accent-fg: #f1f1ff;
+}
+
+body {
+  background: var(--app-bg);
+  color: var(--app-fg);
+}

vite.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from "vite";
+import { fresh } from "@fresh/plugin-vite";
+import tailwindcss from "@tailwindcss/vite";
+
+export default defineConfig({
+  plugins: [
+    fresh({
+      serverEntry: "main.ts",
+      clientEntry: "client.ts",
+      routeDir: "routes",
+      islandsDir: "islands",
+    }),
+    tailwindcss(),
+  ],
+  build: {
+    minify: false,
+  },
+});