Skip to content

Implement Theme System and Base UI Components #5

@TKanX

Description

@TKanX

Description:

Set up dark/light theme support with Caltech color scheme and install shadcn/ui component library for consistent UI elements across the site.

Tasks:

  • Install next-themes for theme management (npm install next-themes)
  • Configure CSS variables in src/app/globals.css with Caltech colors
  • Initialize shadcn/ui (npx shadcn@latest init)
  • Install base shadcn/ui components (Button, Card, Input, Select, Separator)
  • Create ThemeProvider in src/app/providers.tsx
  • Create ThemeToggle component in src/components/layout/theme-toggle.tsx
  • Verify theme switching works correctly in browser

Metadata

Metadata

Assignees

Labels

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions