rose

The rose theme preset. Neutral greys with a rose primary.

import howdy/ui/themes/rose

page.new("Orders")
|> page.themes(rose.themes())

The themes are named light and dark, like the built-in ones, so ui.theme_toggle and a theme cookie work unchanged. Copy this module with gleam run -m howdy/ui add rose to adjust it. Every text colour meets WCAG AA contrast against the surfaces it sits on, and the focus ring 3:1 against the page.

Values

dark

</>

pub fn dark() -> theme.Theme

light

</>

pub fn light() -> theme.Theme

themes

</>

pub fn themes() -> theme.Themes

Light by default, dark when the system prefers it.