Questions tagged [material-design-3]
16 questions
8
votes
2 answers
Unable to change text emphasis using LocalContentAlpha in Material Design 3
Currently, I am migrating one of my apps to Material Design 3 which is entirely written in Kotlin using Jetpack Compose.
While using Material Design 2, I was able to change the emphasis of the text using the code…

Mehul Kanzariya
- 888
- 3
- 27
- 58
4
votes
0 answers
How to use opacity's theme tokens in Material Design 3
During theme's migration process I stuck with opacity's token in Material Design 3. I didn't find any in androidx.compose.material3.
I'm looking for something like construction below I was used with Material Design 2
modifier = Modifier.alpha(if…

Sergei Bubenshchikov
- 5,275
- 3
- 33
- 60
4
votes
2 answers
How do I get the bottom navigation bar height for Material Design 3?
I'm using a Material Design 3 bottom navigation bar.

Ryan Payne
- 5,249
- 4
- 28
- 69
4
votes
1 answer
Material design 3 how to disable elevation overlay?
Android material 3 has introduced elevation overlays(tonal color overlays). Which causes background color change for MaterialCard views if android:elevation is provided or increased and impacts the original background color.
How to style material 3…

Khamidjon Khamidov
- 6,783
- 6
- 31
- 62
3
votes
2 answers
Which backgroundcolor does the Material Design 3 Navigation bar have in Google Apps?
According to the navigation bar documentation in Material Design 3, the navigation bar has the background color md.sys.color.surface.
I tried this in one app, but the Google Apps (Play Store, Photos, ...) seem to use a different color. Does anyone…

PlutoHDDev
- 540
- 7
- 25
1
vote
0 answers
How to add background/highlight to call attention to the selected field in time picker input in Android ..?
I have used time picker from material design 3 :-
https://m3.material.io/components/time-pickers/specs#e1dd4084-e5ff-45e3-8932-42ea605549b4
When I toggle the time picker from dial to input mode the selected field is not getting highlighted, here in…

Shubham Sawant
- 11
- 1
1
vote
1 answer
Material Design 3 MaterialSwitch used in include layout does not change visual state
The Material Design 3 MaterialSwitch used in include layout does not change visual state when tap or slide to the right.
Condsider what happens, when I tap or slide the enabled Material Switch:
MaterialSwitch unchecked state
MaterialSwitch checked…

Bhoboco
- 13
- 3
1
vote
1 answer
How to use Material 3 Surface tones in Flutter?
In my application, I am using Material 3 for theming. I created a theme at Figma with Material Theme Builder and add generated code to my app. But there is something that I can not figure out how to achieve.
For example, material theme builder…

bahadir arslan
- 4,535
- 7
- 44
- 82
1
vote
0 answers
Android Studio design view invisible when using certain Material 3 components
Recently I started using Material 3 Design components in my app.
For some reason though, the design view goes invisible when using certain Material 3 components in my xml code.
As soon as I delete them from my xml code, the design view works…

Blaupunkt
- 117
- 7
1
vote
1 answer
How to increase the track height of a slider in material design 3
@Composable
fun SliderWithCustomTrackAndThumb() {
var sliderPosition by remember { mutableStateOf(0f) }
val interactionSource = MutableInteractionSource()
val colors = SliderDefaults.colors(thumbColor = Color.Red, activeTrackColor =…

d-feverx
- 1,424
- 3
- 16
- 31
1
vote
1 answer
How to migrate from Material design 2 to 3 (MDC 1.4.0 to MDC 1.5.0)
I've been trying to do everything according to Migrating to Material Design 3, but nothing worked.
Android Studio can't see Theme.Material3.
My current project uses Theme.MaterialComponents.

Hexley21
- 566
- 7
- 16
0
votes
0 answers
Rounded CircularProggresionIndicator
im trying to make my circular proggresion rounded as it should be…

Jozef Forgáč
- 1
- 2
0
votes
2 answers
flutter wont update widgets to material design 3
My flutter app wont use materal desing 3 after adding useMaterial3:true in theme
I added the flag according to the the blog and material design website(flutter)

Kgotso Phiri
- 1
- 1
0
votes
1 answer
How to change the icon color of PopupMenu (Material Design 3 )in Android?
I am trying to implement a PopupMenu in my app following this example.
It works, but I can't change the icon color. How would I achieve that?
Meanwhile I could change the background color: