如何获取Jetpack Compose Material 3色调颜色及浅色变体？

针对动态主题下颜色偏暗的问题，你可以通过以下几种方式获取ColorScheme中颜色的浅色变体：

• 直接调用Color的lighten()方法调整亮度
  对目标颜色调用lighten()方法，传入0-1之间的浮点数控制提亮程度，数值越大颜色越浅：

  // 示例：将primary颜色提亮20%
  val lightPrimary = MaterialTheme.colorScheme.primary.lighten(0.2f)
  

  你可以根据实际视觉效果调整参数值，比如在0.1f到0.3f之间测试适配。

• 使用Material 3内置的颜色变体
  Material 3的ColorScheme本身提供了预设的浅色关联颜色，比如：

  • primaryContainer：通常是primary颜色的浅色适配版本，适合用作背景类元素
  • secondaryContainer：secondary颜色的浅色变体
    如果默认变体不符合需求，也可以在自定义ColorScheme时覆盖这些值：

  val dynamicScheme = dynamicColorScheme(context = context)
  val customScheme = dynamicScheme.copy(
      primaryContainer = dynamicScheme.primary.lighten(0.3f)
  )
  
  MaterialTheme(colorScheme = customScheme) {
      // 你的应用UI内容
  }
  

• 结合主题模式动态适配
  如果需要根据系统的浅色/深色模式自动调整提亮程度，可以配合isSystemInDarkTheme()判断：

  val colorScheme = (if (isSystemInDarkTheme()) {
      dynamicDarkColorScheme(context)
  } else {
      dynamicLightColorScheme(context)
  }).copy(
      // 深色模式下提亮10%，浅色模式下提亮20%
      primary = MaterialTheme.colorScheme.primary.lighten(if (isSystemInDarkTheme()) 0.1f else 0.2f)
  )
  

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