Getting started
Install the package, learn the tokens, and move your app over, dark mode and states included.
- Installing ColorTokensKitAdd one package and one file of tokens, and every view gets the palette and dark mode.
- Understanding semantic tokensLearn the 20 tokens by the job each one does, and get dark mode and passing contrast with them.
- Using your first tokensColor text, buttons, cards and lists with tokens, then theme a movie card in one line.
- Replacing your app colorsMove backgrounds, text, outlines, states, gradients and charts to tokens, one screen at a time.
- Managing dark modeGet dark mode without extra code: tokens switch stops for you, and your own colors can too.
- Building for interaction statesGive buttons and rows hover, pressed, selected and disabled colors that stay readable in both modes.
- Components and examplesCopy the common mobile components, from buttons to paywalls, each built from tokens for both modes.