diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-12-08 00:18:03 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-12-08 00:18:03 +0900 |
| commit | 65c0adfd769b9ef11b897c96a3634c61120055b8 (patch) | |
| tree | 74668feef8f134c1b132beaab125e42fa9d77b2e /vite.config.ts | |
| parent | 7cf55a3b7e37971ea0835118a26f032d895ff71f (diff) | |
| download | kioku-65c0adfd769b9ef11b897c96a3634c61120055b8.tar.gz kioku-65c0adfd769b9ef11b897c96a3634c61120055b8.tar.zst kioku-65c0adfd769b9ef11b897c96a3634c61120055b8.zip | |
feat(client): redesign frontend with TailwindCSS v4
Replace inline styles with TailwindCSS, implementing a cohesive Japanese-inspired
design system with custom colors (cream, teal primary), typography (Fraunces,
DM Sans), and animations. Update all pages and components with consistent styling,
improve accessibility by adding aria-hidden to decorative SVGs, and configure
Biome for Tailwind CSS syntax support.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Diffstat (limited to 'vite.config.ts')
| -rw-r--r-- | vite.config.ts | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/vite.config.ts b/vite.config.ts index b35f941..aa731e7 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,9 +1,11 @@ +import tailwindcss from "@tailwindcss/vite"; import react from "@vitejs/plugin-react"; import { defineConfig } from "vite"; import { VitePWA } from "vite-plugin-pwa"; export default defineConfig({ plugins: [ + tailwindcss(), react(), VitePWA({ registerType: "autoUpdate", @@ -12,8 +14,8 @@ export default defineConfig({ name: "Kioku", short_name: "Kioku", description: "A spaced repetition learning app", - theme_color: "#4CAF50", - background_color: "#ffffff", + theme_color: "#1a535c", + background_color: "#faf9f6", display: "standalone", scope: "/", start_url: "/", |