Default Theme

The theme object is where you define your application's color palette, font stacks, breakpoints, border radius values, and more.

Theming with Kitchn is based on our Design Principles. We recommend you read through them before you start theming your application.

Colors

Kitchn provides a sensible default theme inspired by Tonight Pass (opens in a new tab) and Hiven (opens in a new tab), but you can customize it to fit your design.

Layout colors are used for backgrounds, borders, etc.

Text colors are used for text and icons.

Accent colors are static colors that are used to highlight important information.

Kitchn uses Figtree (opens in a new tab) as the primary font. You can change this to any font you want.