library: Add monet colors support

example/src/commonMain/kotlin/FourthPage.kt

@@ -75,7 +75,7 @@ fun FourthPage(
     }
     val floatingToolbarOrientationOptions = remember { listOf("Horizontal", "Vertical") }
     val fabPositionOptions = remember { listOf("Start", "Center", "End", "EndOverlay") }
-    val colorModeOptions = remember { listOf("System", "Light", "Dark") }
+    val colorModeOptions = remember { listOf("System", "Light", "Dark", "DynamicSystem", "DynamicLight", "DynamicDark") }
 
     LazyColumn(
         modifier = Modifier

example/src/commonMain/kotlin/ThirdPage.kt

@@ -31,6 +31,8 @@ import top.yukonga.miuix.kmp.basic.Text
 import top.yukonga.miuix.kmp.theme.Colors
 import top.yukonga.miuix.kmp.theme.darkColorScheme
 import top.yukonga.miuix.kmp.theme.lightColorScheme
+import top.yukonga.miuix.kmp.theme.material3StaticColors
+import top.yukonga.miuix.kmp.theme.platformDynamicColors
 import top.yukonga.miuix.kmp.utils.overScrollVertical
 import top.yukonga.miuix.kmp.utils.scrollEndHaptic
 
@@ -62,16 +64,40 @@ fun ThirdPage(
                 ColorsPreview(lightColorScheme())
             }
         }
+        item(key = "dynamic_light") {
+            SmallTitle("Dynamic Light Colors")
+            val dynLight = platformDynamicColors(dark = false)
+            Card(
+                modifier = Modifier.padding(horizontal = 12.dp).padding(bottom = 12.dp),
+                colors = CardDefaults.defaultColors(color = (dynLight ?: lightColorScheme()).surface),
+                cornerRadius = 16.dp,
+                insideMargin = PaddingValues(horizontal = 16.dp)
+            ) {
+                if (dynLight != null) ColorsPreview(dynLight) else ColorsPreview((material3StaticColors(dark = false)))
+            }
+        }
         item(key = "dark") {
             SmallTitle("Dark Theme Colors")
             Card(
-                modifier = Modifier.padding(horizontal = 12.dp),
+                modifier = Modifier.padding(horizontal = 12.dp).padding(bottom = 12.dp),
                 colors = CardDefaults.defaultColors(color = darkColorScheme().surface),
                 cornerRadius = 16.dp,
                 insideMargin = PaddingValues(horizontal = 16.dp)
             ) {
                 ColorsPreview(darkColorScheme())
             }
+        }
+        item(key = "dynamic_dark") {
+            SmallTitle("Dynamic Dark Colors")
+            val dynDark = platformDynamicColors(dark = true)
+            Card(
+                modifier = Modifier.padding(horizontal = 12.dp),
+                colors = CardDefaults.defaultColors(color = (dynDark ?: darkColorScheme()).surface),
+                cornerRadius = 16.dp,
+                insideMargin = PaddingValues(horizontal = 16.dp)
+            ) {
+                if (dynDark != null) ColorsPreview(dynDark) else ColorsPreview((material3StaticColors(dark = true)))
+            }
             Spacer(modifier = Modifier.height(12.dp + padding.calculateBottomPadding()))
         }
     }
@@ -84,6 +110,10 @@ fun ColorsPreview(colors: Colors) {
         "onPrimary" to colors.onPrimary,
         "primaryVariant" to colors.primaryVariant,
         "onPrimaryVariant" to colors.onPrimaryVariant,
+        "error" to colors.error,
+        "onError" to colors.onError,
+        "errorContainer" to colors.errorContainer,
+        "onErrorContainer" to colors.onErrorContainer,
         "disabledPrimary" to colors.disabledPrimary,
         "disabledOnPrimary" to colors.disabledOnPrimary,
         "disabledPrimaryButton" to colors.disabledPrimaryButton,
@@ -118,6 +148,8 @@ fun ColorsPreview(colors: Colors) {
         "disabledOnSurface" to colors.disabledOnSurface,
         "outline" to colors.outline,
         "dividerLine" to colors.dividerLine,
+        "sliderKeyPoint" to colors.sliderKeyPoint,
+        "sliderKeyPointForeground" to colors.sliderKeyPointForeground,
         "surfaceContainer" to colors.surfaceContainer,
         "onSurfaceContainer" to colors.onSurfaceContainer,
         "onSurfaceContainerVariant" to colors.onSurfaceContainerVariant,
@@ -185,4 +217,3 @@ private fun ColorBlock(name: String, surfaceColor: Color, textColor: Color, modi
         }
     }
 }
-

example/src/commonMain/kotlin/ui/Theme.kt

@@ -3,23 +3,24 @@
 
 package ui
 
-import androidx.compose.foundation.isSystemInDarkTheme
 import androidx.compose.runtime.Composable
+import top.yukonga.miuix.kmp.theme.ColorSchemeMode
 import top.yukonga.miuix.kmp.theme.MiuixTheme
-import top.yukonga.miuix.kmp.theme.darkColorScheme
-import top.yukonga.miuix.kmp.theme.lightColorScheme
+import top.yukonga.miuix.kmp.theme.ThemeController
 
 @Composable
 fun AppTheme(
     colorMode: Int = 0,
     content: @Composable () -> Unit
 ) {
-    val darkTheme = isSystemInDarkTheme()
     return MiuixTheme(
-        colors = when (colorMode) {
-            1 -> lightColorScheme()
-            2 -> darkColorScheme()
-            else -> if (darkTheme) darkColorScheme() else lightColorScheme()
+        controller = when (colorMode) {
+            1 -> ThemeController(ColorSchemeMode.Light)
+            2 -> ThemeController(ColorSchemeMode.Dark)
+            3 -> ThemeController(ColorSchemeMode.DynamicSystem)
+            4 -> ThemeController(ColorSchemeMode.DynamicLight)
+            5 -> ThemeController(ColorSchemeMode.DynamicDark)
+            else -> ThemeController(ColorSchemeMode.System)
         },
         content = content
     )

iosApp/iosApp/Info.plist

@@ -17,7 +17,7 @@
 	<key>CFBundleShortVersionString</key>
 	<string>1.0.6</string>
 	<key>CFBundleVersion</key>
-	<string>610</string>
+	<string>611</string>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
 	<key>CADisableMinimumFrameDurationOnPhone</key>

miuix/build.gradle.kts

@@ -63,6 +63,7 @@ kotlin {
             implementation(compose.runtime)
             implementation(compose.foundation)
             implementation(compose.ui)
+            implementation(compose.material3)
 
             implementation(libs.jetbrains.compose.ui.backhandler)
             implementation(libs.jetbrains.compose.window.size)

miuix/src/androidMain/kotlin/top/yukonga/miuix/kmp/theme/DynamicColors.android.kt

@@ -0,0 +1,23 @@
+// Copyright 2025, compose-miuix-ui contributors
+// SPDX-License-Identifier: Apache-2.0
+package top.yukonga.miuix.kmp.theme
+
+import android.os.Build
+import androidx.compose.material3.ColorScheme
+import androidx.compose.material3.dynamicDarkColorScheme
+import androidx.compose.material3.dynamicLightColorScheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.graphics.Color
+
+@Composable
+actual fun platformDynamicColors(dark: Boolean): Colors? {
+    val context = LocalContext.current
+    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.S) return null
+    val cs: ColorScheme = try {
+        if (dark) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
+    } catch (_: Throwable) {
+        return null
+    }
+    return mapMd3ToMiuixColorsCommon(cs, dark)
+}

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/basic/Slider.kt

@@ -1109,8 +1109,8 @@ object SliderDefaults {
         foregroundColor: Color = MiuixTheme.colorScheme.primary,
         disabledForegroundColor: Color = MiuixTheme.colorScheme.disabledPrimarySlider,
         backgroundColor: Color = MiuixTheme.colorScheme.secondaryVariant,
-        keyPointColor: Color = Color(0x4DA3B3CD),
-        keyPointForegroundColor: Color = Color(0xFF6EB5FF),
+        keyPointColor: Color = MiuixTheme.colorScheme.sliderKeyPoint,
+        keyPointForegroundColor: Color = MiuixTheme.colorScheme.sliderKeyPointForeground,
     ): SliderColors = SliderColors(
         foregroundColor = foregroundColor,
         disabledForegroundColor = disabledForegroundColor,
@@ -1140,4 +1140,4 @@ class SliderColors(
 
     @Stable
     internal fun keyPointForegroundColor(): Color = keyPointForegroundColor
-}
+}

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/theme/Colors.kt

@@ -69,6 +69,10 @@ class Colors(
     onPrimary: Color,
     primaryVariant: Color,
     onPrimaryVariant: Color,
+    error: Color,
+    onError: Color,
+    errorContainer: Color,
+    onErrorContainer: Color,
     disabledPrimary: Color,
     disabledOnPrimary: Color,
     disabledPrimaryButton: Color,
@@ -111,6 +115,8 @@ class Colors(
     surfaceContainerHighest: Color,
     onSurfaceContainerHighest: Color,
     windowDimming: Color,
+    sliderKeyPoint: Color,
+    sliderKeyPointForeground: Color,
 ) {
     var primary by mutableStateOf(primary, structuralEqualityPolicy())
         internal set
@@ -120,6 +126,14 @@ class Colors(
         internal set
     var onPrimaryVariant by mutableStateOf(onPrimaryVariant, structuralEqualityPolicy())
         internal set
+    var error by mutableStateOf(error, structuralEqualityPolicy())
+        internal set
+    var onError by mutableStateOf(onError, structuralEqualityPolicy())
+        internal set
+    var errorContainer by mutableStateOf(errorContainer, structuralEqualityPolicy())
+        internal set
+    var onErrorContainer by mutableStateOf(onErrorContainer, structuralEqualityPolicy())
+        internal set
     var disabledPrimary by mutableStateOf(disabledPrimary, structuralEqualityPolicy())
         internal set
     var disabledOnPrimary by mutableStateOf(disabledOnPrimary, structuralEqualityPolicy())
@@ -204,12 +218,20 @@ class Colors(
         internal set
     var windowDimming by mutableStateOf(windowDimming, structuralEqualityPolicy())
         internal set
+    var sliderKeyPoint by mutableStateOf(sliderKeyPoint, structuralEqualityPolicy())
+        internal set
+    var sliderKeyPointForeground by mutableStateOf(sliderKeyPointForeground, structuralEqualityPolicy())
+        internal set
 
     fun copy(
         primary: Color = this.primary,
         onPrimary: Color = this.onPrimary,
         primaryVariant: Color = this.primaryVariant,
         onPrimaryVariant: Color = this.onPrimaryVariant,
+        error: Color = this.error,
+        onError: Color = this.onError,
+        errorContainer: Color = this.errorContainer,
+        onErrorContainer: Color = this.onErrorContainer,
         disabledPrimary: Color = this.disabledPrimary,
         disabledOnPrimary: Color = this.disabledOnPrimary,
         disabledPrimaryButton: Color = this.disabledPrimaryButton,
@@ -252,12 +274,18 @@ class Colors(
         surfaceContainerHighest: Color = this.surfaceContainerHighest,
         onSurfaceContainerHighest: Color = this.onSurfaceContainerHighest,
         windowDimming: Color = this.windowDimming,
+        sliderKeyPoint: Color = this.sliderKeyPoint,
+        sliderKeyPointForeground: Color = this.sliderKeyPointForeground,
     ): Colors =
         Colors(
             primary,
             onPrimary,
             primaryVariant,
             onPrimaryVariant,
+            error,
+            onError,
+            errorContainer,
+            onErrorContainer,
             disabledPrimary,
             disabledOnPrimary,
             disabledPrimaryButton,
@@ -300,6 +328,8 @@ class Colors(
             surfaceContainerHighest,
             onSurfaceContainerHighest,
             windowDimming,
+            sliderKeyPoint,
+            sliderKeyPointForeground,
         )
 }
 
@@ -308,6 +338,10 @@ fun lightColorScheme(
     onPrimary: Color = Color.White,
     primaryVariant: Color = Color(0xFF3482FF),
     onPrimaryVariant: Color = Color(0xFFAECDFF),
+    error: Color = Color(0xFFBA1A1A),
+    onError: Color = Color(0xFFFFFFFF),
+    errorContainer: Color = Color(0xFFFFDAD6),
+    onErrorContainer: Color = Color(0xFF410002),
     disabledPrimary: Color = Color(0xFFC2D9FF),
     disabledOnPrimary: Color = Color(0xFFF3F8FF),
     disabledPrimaryButton: Color = Color(0xFFC2D9FF),
@@ -350,12 +384,18 @@ fun lightColorScheme(
     surfaceContainerHighest: Color = Color(0xFFE8E8E8),
     onSurfaceContainerHighest: Color = Color.Black,
     windowDimming: Color = Color.Black.copy(alpha = 0.3F),
+    sliderKeyPoint: Color = Color(0x4DA3B3CD),
+    sliderKeyPointForeground: Color = Color(0xFF6EB5FF),
 ): Colors =
     Colors(
         primary,
         onPrimary,
         primaryVariant,
         onPrimaryVariant,
+        error,
+        onError,
+        errorContainer,
+        onErrorContainer,
         disabledPrimary,
         disabledOnPrimary,
         disabledPrimaryButton,
@@ -398,13 +438,19 @@ fun lightColorScheme(
         surfaceContainerHighest,
         onSurfaceContainerHighest,
         windowDimming,
+        sliderKeyPoint,
+        sliderKeyPointForeground,
     )
 
 fun darkColorScheme(
     primary: Color = Color(0xFF277AF7),
     onPrimary: Color = Color.White,
     primaryVariant: Color = Color(0xFF0073DD),
     onPrimaryVariant: Color = Color(0xFF99C7F1),
+    error: Color = Color(0xFFFFB4AB),
+    onError: Color = Color(0xFF690005),
+    errorContainer: Color = Color(0xFF93000A),
+    onErrorContainer: Color = Color(0xFFFFDAD6),
     disabledPrimary: Color = Color(0xFF253E64),
     disabledOnPrimary: Color = Color(0xFF677993),
     disabledPrimaryButton: Color = Color(0xFF253E64),
@@ -447,12 +493,18 @@ fun darkColorScheme(
     surfaceContainerHighest: Color = Color(0xFF2D2D2D),
     onSurfaceContainerHighest: Color = Color(0xFFE9E9E9),
     windowDimming: Color = Color.Black.copy(alpha = 0.6F),
+    sliderKeyPoint: Color = Color(0x4D7A8AA6),
+    sliderKeyPointForeground: Color = Color(0xFF5DAAFF),
 ): Colors =
     Colors(
         primary,
         onPrimary,
         primaryVariant,
         onPrimaryVariant,
+        error,
+        onError,
+        errorContainer,
+        onErrorContainer,
         disabledPrimary,
         disabledOnPrimary,
         disabledPrimaryButton,
@@ -495,6 +547,8 @@ fun darkColorScheme(
         surfaceContainerHighest,
         onSurfaceContainerHighest,
         windowDimming,
+        sliderKeyPoint,
+        sliderKeyPointForeground,
     )
 
 @Stable
@@ -503,6 +557,10 @@ internal fun Colors.updateColorsFrom(other: Colors) {
     onPrimary = other.onPrimary
     primaryVariant = other.primaryVariant
     onPrimaryVariant = other.onPrimaryVariant
+    error = other.error
+    onError = other.onError
+    errorContainer = other.errorContainer
+    onErrorContainer = other.onErrorContainer
     disabledPrimary = other.disabledPrimary
     disabledOnPrimary = other.disabledOnPrimary
     disabledPrimaryButton = other.disabledPrimaryButton
@@ -545,6 +603,8 @@ internal fun Colors.updateColorsFrom(other: Colors) {
     surfaceContainerHighest = other.surfaceContainerHighest
     onSurfaceContainerHighest = other.onSurfaceContainerHighest
     windowDimming = other.windowDimming
+    sliderKeyPoint = other.sliderKeyPoint
+    sliderKeyPointForeground = other.sliderKeyPointForeground
 }
 
 internal val LocalColors = staticCompositionLocalOf { lightColorScheme() }

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/theme/DynamicColors.kt

@@ -0,0 +1,8 @@
+// Copyright 2025, compose-miuix-ui contributors
+// SPDX-License-Identifier: Apache-2.0
+package top.yukonga.miuix.kmp.theme
+
+import androidx.compose.runtime.Composable
+
+@Composable
+expect fun platformDynamicColors(dark: Boolean): Colors?