zinc

The zinc theme preset. Neutral greys with a near-black primary: quiet, and at home anywhere.

import howdy/ui/themes/zinc

page.new("Orders")
|> page.themes(zinc.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 zinc 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.