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…
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…
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…
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…
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…
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 =…
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.
0
votes
0 answers

Rounded CircularProggresionIndicator

im trying to make my circular proggresion rounded as it should be…
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)
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: