.skin

Themes

Explore the available themes for .skin design system. Each theme includes full light and dark mode support.

Available Themes

Default
Active
Standard Shadcn Slate theme with neutral colors. Uses OKLCH color space for better color consistency.
Primary Color
oklch(0.208 0.042 265.755)
Border Radius
0.625rem
Best For

General purpose applications

View Details
Minimal
High contrast design with black primary and red accent. Tight border radius for sharp, professional corners.
Primary Color
hsl(0 0% 9%)
Border Radius
0.3rem
Best For

Professional, stark designs

View Details
Sleek
Bright blue primary with high border radius. Clean, modern aesthetic perfect for SaaS applications.
Primary Color
hsl(206 100% 60%)
Border Radius
0.75rem
Best For

SaaS applications, modern web apps

View Details

Available Themes

Compare the three available themes. Switch between them using the theme selector in the header.

Default
Active
Standard Shadcn Slate theme with neutral colors
Primary Color
oklch(0.208 0.042 265.755)
Border Radius
0.625rem
Minimal
Black primary, red accent, tight radius
Primary Color
hsl(0 0% 9%)
Border Radius
0.3rem
Sleek
Bright blue primary, high radius, modern SaaS look
Primary Color
hsl(206 100% 60%)
Border Radius
0.75rem

Theme Characteristics

Default Theme

  • Uses OKLCH color space for better color consistency
  • Neutral gray-based palette
  • Medium border radius (0.625rem)
  • Best for: General purpose applications

Minimal Theme

  • High contrast with black primary
  • Red accent color (#ef233c)
  • Tight border radius (0.3rem) for sharp corners
  • Best for: Professional, stark designs

Sleek Theme

  • Bright blue primary color
  • High border radius (0.75rem) for modern look
  • Clean, modern aesthetic
  • Best for: SaaS applications, modern web apps
Customize Your Theme
Learn how to customize themes and create your own design tokens.
Theme DocumentationView Design Tokens