From c97ee2ed765874d872ca68071304a75440df2f1c Mon Sep 17 00:00:00 2001 From: Karina Fukuda <71196795+karinafukuda@users.noreply.github.com> Date: Mon, 1 Dec 2025 14:48:39 -0300 Subject: [PATCH] Fix: Apply theme color to Card containers Problem: The Card component in DogItem was not applying theme colors, resulting in list items displaying different colors than the Google Developers codelab reference images. Solution: Added color configuration to the Card component by: 1. Importing CardDefaults from Material3 2. Setting the colors parameter with CardDefaults.cardColors() 3. Applying MaterialTheme.colorScheme.secondaryContainer as the container background color --- app/src/main/java/com/example/woof/MainActivity.kt | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/app/src/main/java/com/example/woof/MainActivity.kt b/app/src/main/java/com/example/woof/MainActivity.kt index d5615d1..a02c2fa 100644 --- a/app/src/main/java/com/example/woof/MainActivity.kt +++ b/app/src/main/java/com/example/woof/MainActivity.kt @@ -38,6 +38,7 @@ import androidx.compose.material.icons.Icons import androidx.compose.material.icons.filled.ExpandLess import androidx.compose.material.icons.filled.ExpandMore import androidx.compose.material3.Card +import androidx.compose.material3.CardDefaults import androidx.compose.material3.CenterAlignedTopAppBar import androidx.compose.material3.Icon import androidx.compose.material3.IconButton @@ -112,7 +113,10 @@ fun DogItem( ) { var expanded by remember { mutableStateOf(false) } Card( - modifier = modifier + modifier = modifier, + colors = CardDefaults.cardColors( + containerColor = MaterialTheme.colorScheme.secondaryContainer + ) ) { Column( modifier = Modifier