module

Hwaro::Services::Scaffolds::DesignTokens

Constants

BG_DARK = "#141110"
BG_LIGHT = "#faf8f4"
PRIMARY_DARK = "#ec7a66"
PRIMARY_LIGHT = "#b35454"

Exposed for specs and tooling that need the brand anchors.

Class methods

highlight_css

The ember-warm syntax-highlight theme, colored entirely through the --code-* tokens so it follows the resolved scheme in every highlight mode (client CDN, client self-hosted, and server-side Tartrazine output — all emit the same hljs classes). .hljs itself stays transparent so code sits on the --bg-code well set by pre.

Source
root_block(layout : String = "") : String

The full shared :root prelude: color tokens (light-dark pairs), the fluid type scale, the 8px spacing scale, shape/depth/motion tokens, and the font stacks — plus a static-light fallback for browsers that predate light-dark() (Baseline 2024). layout lines are appended inside :root so scaffolds add their own geometry without re-declaring the vocabulary.

Source
theme_toggle_css

The theme-switcher button, colored entirely through tokens so it follows the resolved scheme like everything else. The three icons live in the markup (see Base#theme_toggle_html); data-mode picks the visible one.

Source