JetTheme
JetTheme is a flexible theme provider for Jetpack Compose.
- Change the theme and recompose the UI dynamically.
- Save theme preference to local storage.
- Build your own design system.
Download
dependencies {
// Use this if you want material design support (recommended)
implementation "dev.lcdsmao.jettheme:jettheme-material:$latestVersion"
// Use this if you want to build custom design system
implementation "dev.lcdsmao.jettheme:jettheme:$latestVersion"
}
Quick Start
Provide Themes
Define your material themes themes using buildMaterialThemePack.
val AppTheme = buildMaterialThemePack {
defaultMaterialTheme(
colors = lightColors(...),
typography = Typography(...),
shapes = Shapes(...),
)
materialTheme(
id = darkId,
colors = darkColors(...),
)
materialTheme(
id = "other_theme",
colors = otherColors(...),
)
}
For child components can correctly access defined AppTheme via MaterialTheme, wrap your child components in a ProvideAppMaterialTheme.
@Composable
fun App() {
ProvideAppMaterialTheme(AppTheme) {
// children
}
}
Change Themes
You can retrieve current component tree's ThemeController from ThemeControllerAmbient.
val themeController = ThemeControllerAmbient.current
To change current theme you can use the theme id strings.
themeController.setThemeId(ThemeIds.Default)
themeController.setThemeId("other_theme_id")
Access Current Theme Values
You can access current theme values via MaterialTheme object (from androidx.compose.material):
Surface(color = MaterialTheme.colors.primary) {
// children
}
Check out JetTheme's full documentation here.
Contributing
Feel free to open a issue or submit a pull request for any bugs/improvements.
54 Jan 5, 2023
4 Jul 27, 2022
135 Jan 1, 2023
22 Aug 14, 2022
415 Jan 4, 2023
24 Dec 12, 2022
1 Oct 28, 2022
5 Dec 29, 2022
39 Dec 8, 2022
5 Apr 5, 2022
186 Jan 1, 2023
382 Jan 5, 2023
3 Dec 31, 2022
1 Aug 11, 2022
180 Jan 2, 2023