Module

Halogen.Widgets.Style

Package: purescript-halogen-widgets
Repository: afcondon/purescript-halogen-widgets

Shared styling helpers and a restrained light-Swiss palette, so every widget in the kit reads as one family.

Each colour token is a CSS custom property with a baked-in fallback — var(--hw-ink, #2b2b2b). So widgets are self-contained (they render with the light defaults even when no stylesheet is loaded) and themeable (drop in css/halogen-widgets.css, or just define the --hw-* variables yourself, to recolour — e.g. dark mode — without touching any PureScript). Tokens are plain Strings meant to be concatenated into inline style strings; class names are emitted too.

#sty Source

sty :: forall r i. String -> IProp r i

An inline style attribute from a raw CSS string.

#cls Source

cls :: forall r i. String -> IProp (class :: String | r) i

A single class name.

#clss Source

clss :: forall r i. Array String -> IProp (class :: String | r) i

Several class names.

#ink Source

ink :: String

#inkSoft Source

inkSoft :: String

#line Source

line :: String

#surface Source

surface :: String

#surfaceAlt Source

surfaceAlt :: String

#accent Source

accent :: String

#danger Source

danger :: String

#warn Source

warn :: String

#ok Source

ok :: String

#trackOff Source

trackOff :: String

The "off" track of a switch / unfilled control rail.

#controlBorder Source

controlBorder :: String

The border of a small control (buttons, steppers).

#knob Source

knob :: String

The moving knob / thumb of a switch.

#shadow Source

shadow :: String

A drop-shadow colour (use as the colour stop of a box-shadow).

#backdrop Source

backdrop :: String

The dimming layer behind a modal.

#uiFont Source

uiFont :: String

#monoFont Source

monoFont :: String

Modules: Halogen.Widgets.Accordion.Internal; Halogen.Widgets.Compare; Halogen.Widgets.DoubleKnob; Halogen.Widgets.Field; Halogen.Widgets.HAccordion; Halogen.Widgets.Knob; Halogen.Widgets.Modal; Halogen.Widgets.Motion; Halogen.Widgets.Panel; Halogen.Widgets.SegmentedControl; Halogen.Widgets.Select; Halogen.Widgets.Slider; Halogen.Widgets.Stepper; Halogen.Widgets.Style; Halogen.Widgets.Toast; Halogen.Widgets.Toggle; Halogen.Widgets.VAccordion