Theming

Every liqkit_ui component reads its visual tokens from a LiqThemeData instance provided by an enclosing LiqTheme widget.

Built-in themes

LiqTheme(data: LiqThemeData.light, child: ...)
LiqTheme(data: LiqThemeData.dark,  child: ...)

These ship with the canonical iOS 26 token values pulled from Figma variable-defs. The token tables live in package:liqkit_ui_tokens and are regenerated by a Dart-only pipeline (melos run gen:tokens).

Switching by brightness

LiqTheme(
  data: MediaQuery.platformBrightnessOf(context) == Brightness.dark
    ? LiqThemeData.dark
    : LiqThemeData.light,
  child: ...,
)

Customising

Use LiqThemeData.light.copyWith(...) to override one or more fields. Per the canonical design (docs/superpowers/specs/...), all component-style data lives directly on LiqThemeData — there are no per-component theme extensions to register.

final myTheme = LiqThemeData.light.copyWith(
  // Example: override the default action tint.
  primaryColor: const Color(0xFFFF2D55),
);