From 65c0adfd769b9ef11b897c96a3634c61120055b8 Mon Sep 17 00:00:00 2001 From: nsfisis Date: Mon, 8 Dec 2025 00:18:03 +0900 Subject: feat(client): redesign frontend with TailwindCSS v4 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- vite.config.ts | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'vite.config.ts') 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: "/", -- cgit v1.2.3-70-g09d2