mittwerk
/
element-x-android
mirror of https://github.com/element-hq/element-x-android.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Android Matrix messenger application using the Matrix Rust Sdk and Jetpack Compose
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2526 Commits
117 Branches
37 Tags
2.5 GiB
 
 
 
 
Tree: 03a80292e5
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '03a80292e5'
${ noResults }
element-x-android/libraries/theme
Benoit Marty 1bfb4a0ebe
Use temporary color for default avatar background 		1 year ago
..
src/main Use temporary color for default avatar background 1 year ago
README.md Link Compound's `TypographyTokens` to `ElementTheme`. (#700) 1 year ago
build.gradle.kts [Compound] Integrate compound tokens (#586) 1 year ago

README.md

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.legacyColors: contains legacy colors and custom colors not present in either Material or Compound. Usage of these colors should be avoided, and they're usually prefixed in Figma with the Zzz/ prefix or have no name at all.
  • ElementTheme.materialColors: contains all Material color tokens. In Figma, they're prefixed with M3/. It's an alias to MaterialTheme.colorScheme.
  • ElementTheme.colors: contains all Compound semantic color tokens. In Figma, they're prefixed with either Light/ or Dark/.
  • ElementTheme.materialTypography: contains the Material Typography values. In Figma, they're prefixed with M3/. It's an alias to MaterialTheme.typography.
  • ElementTheme.typography: contains the Compound TypographyTokens values. In Figma, they're prefixed with Android/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.

As we're still migrating to using Compound tokens, it's possible that you might need to add some tokens manually. In that case, you should add them to LegacyColors.kt and map them later in ElementColors.kt so they can be used in light and dark themes. However, keep in mind this is just a temporary step, as those tokens should either be added later to Compound or replaced by Compound tokens in the future.