Color
Light and Dark are color modes. Base values feed brand roles and component tokens through aliases; that relationship is documented here without claiming automatic production-code synchronization.
Created & adapted by Insan NurjamanAnt Design foundationCurated public preview
Values and roles
AccelBlue/6 · Light#0B6CFF
AccelBlue/6 · Dark#1F79FF
Selected source relationships| Base value | Brand role | Component role |
|---|
Colors/Base/AccelBlue/6 | Colors/Brand/Primary/colorPrimary | Components/Button/Global/colorPrimary |
|---|
Selected source examples, not a complete token catalog. Changing this documentation’s theme does not rewrite the source library.
From roles to decisions
Use a semantic name to explain purpose. A palette reference supplies the value; a component uses that role for a specific region or state. Review contrast and valid combinations in the implementation rather than assuming that a token name guarantees them.
Curated design documentation by Insan Nurjaman. Native examples are illustrative, not a production package or a standards certification.
Explore the story 