Orange-OpenSource
Update the Guideline - color page with the tokens
Color Tokens
Requirement
As a user of the demo app I want to view the Color Tokens So That I can understand the 2 layers:
- Color Palette
- System Tokens
General description
In the Guideline the Color page should be updated to use the variant list as used in the components and the items of the list should be:
- Color palette - reference tokens
- System tokens
For each page a list of the available colors tokens should be displayed. The list should show 2 colors per line.
The color page should be presenting the colors of the current theme selected.
The color palette will list all available colors in the themes.
The System tokens will describe color usage in relation to colors of the color palette.
UI specifications
Tech specifications
The content of the design tokens will be shared in a separate content description page (To Be linked)
The data format holding the design token should use a json file compatible with the w3c design token format.
{ "ods": { "color": { "$type": "color", "orange 100": { "$value": "#ff7900"}, "orange 200": { "$value": "#f16e00"} }, } }
Format needs to be finalized and should be used to be able to define the color palette (as described in this example) and also the system tokens.
Each Theme should be composed of the 2 files (To be confirmed if all information is in 1 or 2 files).
The naming format of those files need to be clarified.
Note: This issue in linked to the following iOS issue: https://github.com/Orange-OpenSource/ods-ios/issues/273
