Core UI Tokens

This package provides the definitions for Twitch core-ui design tokens and outputs platform-specific files for using them. The tokens are built by Amazon's style-dictionary.

Exports

CSS

css/themes.css
css/variables.css

css/theme-root-light.css
css/theme-root-dark.css

SCSS

scss/themes.scss
variables.scss

Android

android/colors.xml

iOS

ios/CoreUITheme.swift
ios/TWCoreUITHeme.h
ios/UIColor+CoreUI.swift

Editing Tokens

Token definitions are located in src/properties. Any json file in this folder will be parsed by styled-dictionary. To edit a token:

1. edit the value in the relevant json file.
2. run yarn build.

Support

For questions and support, reach out to the Core UI team on slack at #core-ui-support.