René's URL Explorer Experiment


Title: Theming in Compose with Material 3  |  Android Developers

Open Graph Title: Theming in Compose with Material 3  |  Android Developers

Description: The purpose of this codelab is to demonstrate theming in Jetpack Compose with new Material Design 3 and Material You implementation.

Open Graph Description: The purpose of this codelab is to demonstrate theming in Jetpack Compose with new Material Design 3 and Material You implementation.

Opengraph URL: https://developer.android.com/codelabs/jetpack-compose-theming

direct link

Domain: codelabs.developers.google.com

google-signin-client-id721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com
google-signin-scopeprofile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award https://www.googleapis.com/auth/devprofiles.full_control.firstparty
og:site_nameAndroid Developers
og:typewebsite
theme-color#34a853
NoneIE=Edge
og:localeen

Links:

Skip to main content https://codelabs.developers.google.com/codelabs/jetpack-compose-theming#main-content
https://codelabs.developers.google.com/
Android Studio https://developer.android.com/studio
https://codelabs.developers.google.com/
Android Studio https://codelabs.developers.google.com/studio
baselinehttps://m3.material.io/styles/color/the-color-system/tokens
latest version of Android Studiohttps://developer.android.com/studio
Kotlin languagehttps://developer.android.com/jetpack/compose/kotlin
Basic understanding of Jetpack Composehttps://developer.android.com/codelabs/jetpack-compose-basics#0
Rowhttps://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/Row.composable#Row(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function1)
Columnhttps://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/Column.composable#Column(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,kotlin.Function1)
Modifierhttps://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier
codelab-android-composehttps://github.com/android/codelab-android-compose
Starting pointhttps://github.com/android/codelab-android-compose/archive/refs/heads/main.zip
Solutionhttps://github.com/android/codelab-android-compose/archive/refs/heads/end.zip
Material Designhttps://material.io/design/introduction
componentshttps://material.io/components
Material Theminghttps://material.io/design/material-theming/
color schemehttps://m3.material.io/styles/color/overview
typographyhttps://m3.material.io/styles/typography/overview
shapeshttps://m3.material.io/styles/shape/overview
tonal palettehttps://m3.material.io/styles/color/the-color-system/key-colors-tones#a828e350-1551-45e5-8430-eb643e6a7713
Color scheme and color roleshttps://m3.material.io/styles/color/the-color-system/key-colors-tones
ColorSchemehttps://developer.android.com/reference/kotlin/androidx/compose/material3/ColorScheme
Material Theme Builderhttps://m3.material.io/theme-builder#/custom
MaterialThemehttps://developer.android.com/reference/kotlin/androidx/compose/material/MaterialTheme.composable#MaterialTheme(androidx.compose.material.Colors,androidx.compose.material.Typography,androidx.compose.material.Shapes,kotlin.Function0)
tone valueshttps://m3.material.io/styles/color/the-color-system/accessibility#32e9c97e-3bae-404f-a308-c48df7e2969d
color roles and accessibilityhttps://developer.android.com/jetpack/compose/designsystems/material3#accessibility
Surfacehttps://developer.android.com/reference/kotlin/androidx/compose/material3#surface
multiple FAB variationshttps://m3.material.io/components/floating-action-button/overview
Filled cardhttps://m3.material.io/components/cards/overview
Dynamic colorhttps://m3.material.io/styles/color/dynamic-color/overview
type scalehttps://m3.material.io/styles/typography/overview
Typographyhttps://developer.android.com/reference/kotlin/androidx/compose/material3/Typography
TextStylehttps://developer.android.com/reference/kotlin/androidx/compose/ui/text/TextStyle
font-relatedhttps://developer.android.com/reference/kotlin/androidx/compose/ui/text/font/package-summary
styles and their default valueshttps://developer.android.com/jetpack/compose/designsystems/material3#typography
Shapeshttps://developer.android.com/reference/kotlin/androidx/compose/material3/Shapes
type scalehttps://m3.material.io/styles/typography/
documentationhttps://m3.material.io/styles/shape/shape-scale-tokens#b09934f1-1b0f-4ce4-ade6-4a1f138add6c
Modifier.cliphttps://developer.android.com/reference/kotlin/androidx/compose/ui/draw/clip.modifier#(androidx.compose.ui.Modifier).clip(androidx.compose.ui.graphics.Shape)
Modifier.backgroundhttps://developer.android.com/jetpack/compose/modifiers-list#Drawing
Modifier.borderhttps://developer.android.com/jetpack/compose/modifiers-list#Border
Compose pathwayhttps://developer.android.com/courses/pathways/compose
Compose Basicshttps://codelabs.developers.google.com/codelabs/jetpack-compose-basics/#0
Compose Layoutshttps://codelabs.developers.google.com/codelabs/jetpack-compose-layouts
State in Composehttps://codelabs.developers.google.com/codelabs/jetpack-compose-state
Compose for Existing Appshttps://codelabs.developers.google.com/codelabs/jetpack-compose-migration
Compose Theming guidehttps://developer.android.com/jetpack/compose/themes
Material Theminghttps://m3.material.io/develop/android/jetpack-compose
Sample appshttps://github.com/android/compose-samples/
Reply samplehttps://github.com/android/compose-samples/tree/main/Reply
JetChathttps://github.com/android/compose-samples/tree/main/Jetchat
Material Componentshttps://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary#components
Material Themehttps://developer.android.com/reference/kotlin/androidx/compose/material3/package-summary
Color schemehttps://developer.android.com/reference/kotlin/androidx/compose/material3/
Shapeshttps://m3.material.io/styles/shape/overview
Typographyhttps://m3.material.io/styles/typography/overview
Creative Commons Attribution 4.0 Licensehttps://creativecommons.org/licenses/by/4.0/
Apache 2.0 Licensehttps://www.apache.org/licenses/LICENSE-2.0
Google Developers Site Policieshttps://developers.google.com/site-policies
X https://x.com/AndroidDev
YouTube https://www.youtube.com/user/androiddevelopers
LinkedIn https://www.linkedin.com/showcase/androiddev
Android https://www.android.com
Android for Enterprise https://www.android.com/enterprise/
Security https://www.android.com/security-center/
Source https://source.android.com
News https://codelabs.developers.google.com/news
Blog https://android-developers.googleblog.com/
Podcasts https://codelabs.developers.google.com/podcasts
Gaming https://codelabs.developers.google.com/games
Machine Learning https://codelabs.developers.google.com/ml
Health & Fitness https://codelabs.developers.google.com/health-and-fitness
Camera & Media https://codelabs.developers.google.com/media
Privacy https://codelabs.developers.google.com/privacy
5G https://codelabs.developers.google.com/training/connectivity/5g
Large screens https://codelabs.developers.google.com/large-screens
Wear OS https://codelabs.developers.google.com/wear
ChromeOS devices https://codelabs.developers.google.com/chrome-os
Android for cars https://codelabs.developers.google.com/cars
Android TV https://codelabs.developers.google.com/tv
Android 17 https://codelabs.developers.google.com/about/versions/17
Android 16 https://codelabs.developers.google.com/about/versions/16
Android 15 https://codelabs.developers.google.com/about/versions/15
Android 14 https://codelabs.developers.google.com/about/versions/14
Android 13 https://codelabs.developers.google.com/about/versions/13
Android 12 https://codelabs.developers.google.com/about/versions/12
Android 11 https://codelabs.developers.google.com/about/versions/11
Android Studio guide https://codelabs.developers.google.com/studio/intro
Developers guides https://codelabs.developers.google.com/guide
API reference https://codelabs.developers.google.com/reference
Download Studio https://codelabs.developers.google.com/studio
Android NDK https://codelabs.developers.google.com/ndk
Report platform bug https://issuetracker.google.com/issues/new?component=190923&template=841312
Report documentation bug https://issuetracker.google.com/issues/new?component=192697
Google Play support https://support.google.com/googleplay/android-developer
Join research studies https://g.co/userresearch/androiddeveloperfooter
https://developers.google.com/
Android https://developer.android.com
Chrome https://developer.chrome.com/home
Firebase https://firebase.google.com
Google Cloud Platform https://cloud.google.com
All products https://developers.google.com/products/
Privacy https://policies.google.com/privacy
License https://codelabs.developers.google.com/license
Brand guidelines https://codelabs.developers.google.com/distribute/marketing-tools/brand-guidelines
Manage cookies https://codelabs.developers.google.com/codelabs/jetpack-compose-theming
Subscribe https://codelabs.developers.google.com/updates

Viewport: width=device-width, initial-scale=1

URLs of crawlers that visited me.