Support dark mode with views

app-catalog/app/build.gradle

@@ -68,6 +68,7 @@ dependencies {
     def composeBom = platform(libs.compose.bom)
     implementation composeBom
     androidTestImplementation composeBom
+    implementation libs.mdc
 
     // CASA UI dependency for the app-module
     implementation(project(":framework:ui"))

app-catalog/app/src/main/res/values/themes.xml

@@ -15,5 +15,5 @@
   ~ limitations under the License.
 -->
 <resources>
-    <style name="Theme.Casa" parent="android:Theme.Material.Light.NoActionBar" />
+    <style name="Theme.Casa" parent="Theme.Material3.DayNight.NoActionBar" />
 </resources>

framework/ui/api/current.api

@@ -1,7 +1,7 @@
 // Signature format: 4.0
 package com.google.android.catalog.framework.ui {
 
-  public class CatalogActivity extends androidx.fragment.app.FragmentActivity {
+  public class CatalogActivity extends androidx.appcompat.app.AppCompatActivity {
     ctor public CatalogActivity();
     method public final java.util.Set<com.google.android.catalog.framework.base.CatalogSample> getCatalogSamples();
     method public com.google.android.catalog.framework.ui.CatalogSettings getSettings();

framework/ui/build.gradle

@@ -94,6 +94,7 @@ dependencies {
 
     implementation libs.androidx.core
     implementation libs.androidx.fragment
+    implementation libs.mdc
     implementation libs.androidx.navigation.compose
     implementation libs.compose.ui.ui
     implementation libs.compose.material.material3

framework/ui/src/main/java/com/google/android/catalog/framework/ui/CatalogActivity.kt

@@ -18,14 +18,14 @@ package com.google.android.catalog.framework.ui
 
 import android.os.Bundle
 import androidx.activity.compose.setContent
+import androidx.appcompat.app.AppCompatActivity
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Surface
 import androidx.compose.material3.windowsizeclass.ExperimentalMaterial3WindowSizeClassApi
 import androidx.compose.material3.windowsizeclass.calculateWindowSizeClass
 import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.ui.Modifier
-import androidx.fragment.app.FragmentActivity
 import com.google.android.catalog.framework.base.CatalogSample
 import com.google.android.catalog.framework.ui.components.LocalWindowSize
 import com.google.android.catalog.framework.ui.theme.CatalogTheme
@@ -44,7 +44,7 @@ import javax.inject.Inject
  * class MainActivity : CatalogActivity()
  * ```
  */
-open class CatalogActivity : FragmentActivity() {
+open class CatalogActivity : AppCompatActivity() {
 
     companion object {
         /**

gradle/libs.versions.toml

@@ -45,6 +45,8 @@ androidx-navigation-compose = "androidx.navigation:navigation-compose:2.5.3"
 
 androidx-test-runner = "androidx.test:runner:1.5.2"
 
+mdc = "com.google.android.material:material:1.8.0"
+
 compose-bom = { module = "androidx.compose:compose-bom", version.ref = "compose-bom" }
 compose-ui-ui = { module = "androidx.compose.ui:ui" }
 compose-ui-util = { module = "androidx.compose.ui:ui-util" }