Saha UI is built on a solid foundation of CSS variables and Tailwind CSS. Customize every aspect of your design system with ease.
Our color system is semantic, meaning colors are defined by their purpose rather than their appearance.
Background
--background
Foreground
--foreground
Primary
--primary
Secondary
--secondary
Accent
--accent
Destructive
--destructive
Muted
--muted
Card
--card
Popover
--popover
Border
--border
Input
--input
Ring
--ring
Saha UI comes with built-in dark mode support powered by next-themes.
Wrap your application with the ThemeProvider to enable theme switching.
Use the ThemeToggle component to allow users to switch between themes.