Theme builder

Brand Candor with your colours, type, radius and density, tune how each component moves and which sounds your app names, and see it all on live components in light, dark and high contrast. Every colour is checked with the 150 contrast checks Candor’s own colours pass, plus the ones each component colour adds.

Download one candor-brand.css to import after candor.css and the same theme as design tokens, with an addendum for your DESIGN.md, a brief for a coding agent and a pull request summary.

Everything happens in your browser. Nothing you choose is uploaded or sent anywhere: your work is kept in this browser only, so a reload or a closed tab loses nothing.