Skip to content

Material 3 (Material You) UI: material 3 #13064

@kaid04111-cell

Description

@kaid04111-cell

Checklist

  • I made sure that there are no existing issues - open or closed - which I could contribute my information to.
  • I have read the FAQ and my problem isn't listed.
  • I'm aware that this is a request for NewPipe itself and that requests for adding a new service need to be made at NewPipeExtractor.
  • I have taken the time to fill in all the required details. I understand that the feature request will be dismissed otherwise.
  • This issue contains only one feature request.
  • I have read and understood the contribution guidelines.
  • I have read and understood the AI policy. The content of this request is not generated by AI.

Feature description

The app will look like there will no be material design based on my wallpaper and not sharp edges it will look like that it will have rounded corners

Why do you want this feature?

Even though I like the material design the new version of that is Great because other users and me still like the red if not using the material design we can make it dynamic

Additional information

`@Composable
fun MyNewPipeTheme(
darkTheme: Boolean = isSystemInDarkTheme(),
dynamicColor: Boolean = true, // This enables Material You
content: @composable () -> Unit
) {
val context = LocalContext.current
val colorScheme = when {
// This block grabs colors from the Android Wallpaper
dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
if (darkTheme) dynamicDarkColorScheme(context)
else dynamicLightColorScheme(context)
}
darkTheme -> darkColorScheme() // Fallback dark theme
else -> lightColorScheme() // Fallback light theme
}

MaterialTheme(
    colorScheme = colorScheme,
    typography = Typography,
    content = content
)

}
that Is gonna check if the phone supports android 12 and up and here is the other codes @composable
fun VideoCard(title: String) {
// Material 3 Card (Elevated style)
Card(
colors = CardDefaults.elevatedCardColors(
containerColor = MaterialTheme.colorScheme.surfaceVariant
),
shape = RoundedCornerShape(16.dp), // Modern M3 rounded corners
modifier = Modifier.padding(8.dp)
) {
Column(Modifier.padding(16.dp)) {
Text(
text = title,
style = MaterialTheme.typography.titleLarge,
color = MaterialTheme.colorScheme.onSurface
)

        // A Material 3 "Tonal" button (Pill-shaped)
        FilledTonalButton(onClick = { /* Play Video */ }) {
            Icon(Icons.Default.PlayArrow, contentDescription = null)
            Text("Play Now")
        }
    }
}

}
` this is Just an example of the code you may implement in a different way like integrating into your app

Metadata

Metadata

Assignees

No one assigned

    Labels

    duplicateIssue or discussion is a duplicate of an existing issue or discussiontemplate ignoredThe user didn't follow the template/instructions (or removed them)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions