* Fix wrong CompoundColors mapping Fixes https://github.com/vector-im/compound/issues/262 * Update screenshots --------- Co-authored-by: ElementBot <benoitm+elementbot@element.io>
Theme Module
This module contains the theme tokens for the application, including those auto-generated from Compound and its mappings.
Usage
The module contains public tokens and color schemes that are later used in MaterialTheme and added to ElementTheme for use in the application.
All tokens can be accessed through the ElementTheme object, which contains the following properties:
ElementTheme.materialColors: contains all Material color tokens. In Figma, they're prefixed withM3/. It's an alias toMaterialTheme.colorScheme.ElementTheme.colors: contains all Compound semantic color tokens. In Figma, they're prefixed with eitherLight/orDark/.ElementTheme.typography: contains the CompoundTypographyTokensvalues. In Figma, they're prefixed withAndroid/font/.
Adding new tokens
All new tokens should come from Compound and added to the compound.generated package. To map the literal tokens to the semantic ones, you'll have to update both compoundColorsLight and compoundColorsDark in CompoundColors.kt.