feat(renderer): setup React, Vite, Tailwind CSS and Zustand state management

2026-08-02 18:10:18 +05:30 · 2026-06-03 23:23:59 +05:30
parent 88e9a5290d
commit 7a396f64a6
11 changed files with 2152 additions and 40 deletions
@@ -0,0 +1,47 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ['class'],
+  content: [
+    './src/renderer/**/*.{js,ts,jsx,tsx}',
+    './src/renderer/index.html',
+  ],
+  theme: {
+    extend: {
+      colors: {
+        brand: {
+          DEFAULT: '#e5461f',
+          dark: '#c93a18',
+          light: '#ff6b47',
+        },
+        success: '#1a7a56',
+        warning: '#eab308',
+        danger: '#ef4444',
+        info: '#0ea5e9',
+        warm: {
+          50: '#fafbfc',
+          100: '#f5f5f5',
+          200: '#e3e3e3',
+          300: '#d1d1d1',
+          400: '#b0b0b0',
+          500: '#9a9696',
+          600: '#7a7878',
+          700: '#5a5858',
+          800: '#4e4e4e',
+          900: '#464646',
+          950: '#0d0b09',
+        },
+      },
+      fontFamily: {
+        sans: ['"Plus Jakarta Sans"', 'system-ui', 'sans-serif'],
+        display: ['"Barlow Condensed"', 'system-ui', 'sans-serif'],
+        mono: ['"JetBrains Mono"', '"Fira Code"', '"SF Mono"', 'Consolas', 'monospace'],
+      },
+      borderRadius: {
+        lg: '0.75rem',
+        md: '0.5rem',
+        sm: '0.25rem',
+      },
+    },
+  },
+  plugins: [require('tailwindcss-animate')],
+};