Jetpack Compose深浅主题切换时背景色不生效问题求助

核心问题：动态颜色特性覆盖了自定义配色方案 #

默认情况下，Jetpack Compose生成的主题会启用Material You动态颜色（Android 12及以上系统），此时你自定义的DarkColorScheme会被系统动态生成的颜色方案覆盖，导致设置的绿色背景不生效。

解决方案步骤 #

1. 关闭动态颜色（最直接）
   打开theme.kt中的主题函数，将dynamicColor的默认值改为false，确保自定义配色方案优先生效：

   @Composable
   fun TruequeGualeguaychuTheme(
       darkTheme: Boolean = isSystemInDarkTheme(),
       dynamicColor: Boolean = false, // 禁用动态颜色
       content: @Composable () -> Unit
   ) {
       val colorScheme = when {
           dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
               val context = LocalContext.current
               if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
           }
           darkTheme -> DarkColorScheme
           else -> LightColorScheme
       }
       MaterialTheme(
           colorScheme = colorScheme,
           typography = Typography,
           shapes = Shapes,
           content = content
       )
   }
   

2. 修复文本可见性问题
   你当前设置了onBackground = Color(0xFF0BB000)，这会让文本颜色和背景色完全一致，导致文字无法显示。建议修改为对比色，比如白色：

   private val DarkColorScheme = darkColorScheme(
       primary = Purple80,
       secondary = PurpleGrey80,
       tertiary = Pink80,
       surface = Color(0xFF0BB000),
       background = Color(0xFF0BB000),
       onBackground = Color.White // 修改为对比色
   )
   

3. 验证深色模式是否激活

   • 可以手动在系统设置中切换到深色模式，或者在主题调用时强制开启深色模式测试：

     TruequeGualeguaychuTheme(darkTheme = true) {
         // ... 你的UI代码
     }
     

额外说明 #

如果需要保留Material You动态颜色特性，同时在特定场景使用自定义配色，可以调整主题函数中的颜色判断逻辑，针对动态颜色场景合并自定义配色，但对于入门阶段，直接禁用动态颜色更便于调试自定义主题。

内容的提问来源于stack exchange，提问作者nahuel