turash/bugulma/frontend/lib/theme.ts
Damir Mukimov 6347f42e20
Consolidate repositories: Remove nested frontend .git and merge into main repository
- Remove nested git repository from bugulma/frontend/.git
- Add all frontend files to main repository tracking
- Convert from separate frontend/backend repos to unified monorepo
- Preserve all frontend code and development history as tracked files
- Eliminate nested repository complexity for simpler development workflow

This creates a proper monorepo structure with frontend and backend
coexisting in the same repository for easier development and deployment.
2025-11-25 06:02:57 +01:00

37 lines
1.1 KiB
TypeScript

/**
* Standardized theme colors and variants for consistent component styling
*/
export const themeColors = {
background: {
default: 'bg-background',
muted: 'bg-muted',
card: 'bg-card',
overlay: 'bg-overlay',
},
text: {
default: 'text-foreground',
muted: 'text-muted-foreground',
primary: 'text-primary',
destructive: 'text-destructive',
},
border: {
default: 'border-border',
muted: 'border-border/50',
primary: 'border-primary',
},
} as const;
export const componentVariants = {
card: {
default: `${themeColors.background.card} ${themeColors.text.default} shadow-md`,
interactive: `cursor-pointer hover:shadow-lg hover:-translate-y-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring`,
},
button: {
primary: 'bg-primary text-primary-foreground hover:bg-primary/90',
secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
outline: 'border border-input hover:bg-accent hover:text-accent-foreground',
ghost: 'hover:bg-accent hover:text-accent-foreground',
},
} as const;