managarten/apps/quote/packages/web-ui/tailwind.config.ts
Till-JS ea3285dcbb feat(quote): integrate Quote app into monorepo
- Add complete Quote app with mobile (Expo), web (SvelteKit), landing (Astro), and backend (NestJS)
- Create NestJS backend with Drizzle ORM for PostgreSQL
- Add API endpoints for favorites and user lists
- Add database schema for favorites and user_lists tables
- Update root package.json with quote dev scripts
- Add Quote environment variables to generate-env.mjs
- Add missing toast.ts store for web app
- Configure hybrid content strategy (static + API)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-27 14:44:33 +01:00

62 lines
2 KiB
TypeScript

import type { Config } from 'tailwindcss';
export default {
content: [], // Will be extended by consuming apps
darkMode: ['class', '[data-theme="dark"]'],
theme: {
extend: {
colors: {
primary: {
DEFAULT: 'rgb(var(--color-primary) / <alpha-value>)',
dark: 'rgb(var(--color-primary-dark) / <alpha-value>)',
},
secondary: 'rgb(var(--color-secondary) / <alpha-value>)',
background: 'rgb(var(--color-background) / <alpha-value>)',
surface: {
DEFAULT: 'rgb(var(--color-surface) / <alpha-value>)',
elevated: 'rgb(var(--color-surface-elevated) / <alpha-value>)',
},
text: {
primary: 'rgb(var(--color-text-primary) / <alpha-value>)',
secondary: 'rgb(var(--color-text-secondary) / <alpha-value>)',
tertiary: 'rgb(var(--color-text-tertiary) / <alpha-value>)',
},
border: {
DEFAULT: 'rgb(var(--color-border) / <alpha-value>)',
hover: 'rgb(var(--color-border-hover) / <alpha-value>)',
},
success: 'rgb(var(--color-success) / <alpha-value>)',
warning: 'rgb(var(--color-warning) / <alpha-value>)',
error: 'rgb(var(--color-error) / <alpha-value>)',
info: 'rgb(var(--color-info) / <alpha-value>)',
},
spacing: {
xs: 'var(--spacing-xs)',
sm: 'var(--spacing-sm)',
md: 'var(--spacing-md)',
lg: 'var(--spacing-lg)',
xl: 'var(--spacing-xl)',
'2xl': 'var(--spacing-2xl)',
},
borderRadius: {
sm: 'var(--radius-sm)',
md: 'var(--radius-md)',
lg: 'var(--radius-lg)',
xl: 'var(--radius-xl)',
full: 'var(--radius-full)',
},
boxShadow: {
sm: 'var(--shadow-sm)',
md: 'var(--shadow-md)',
lg: 'var(--shadow-lg)',
xl: 'var(--shadow-xl)',
},
transitionDuration: {
fast: '150ms',
base: '200ms',
slow: '300ms',
},
},
},
plugins: [],
} satisfies Config;