Chakra UI v3 Theme Centralization vs Component Recipe Overrides
0 reputation · 03 Aug 2020, 13:33 UTC
Chakra UI v3 Theme Centralization vs Component Recipe Overrides
Determine the preferred approach for defining theme values in Chakra UI v3 when both semantic tokens and component recipe overrides are present.
The system resolves semantic tokens through layered token references, while recipes merge with built-in defaults based on a defined order; no explicit rule states which layer wins when they target the same CSS property across color modes.
Should semantic tokens be the single source of truth for all style values, with recipes limited to structural adjustments? Can recipes safely override token-derived values without causing inconsistencies when the color mode changes? How does the merge order affect the final computed style when a token and a recipe specify the same property?
chakraui