library: Opt window dimming of the MiuixPopup

Author: YuKongA

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/extra/SuperDialog.kt

@@ -112,7 +112,6 @@ fun SuperDialog(
                 }
                 .align(contentAlignment)
                 .graphicsLayer(
-                    shadowElevation = 12f,
                     shape = SquircleShape(bottomCornerRadius),
                     clip = false
                 )

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

@@ -9,8 +9,8 @@ import androidx.compose.ui.graphics.Color
 /**
  * The default color scheme for the Miuix components.
  *
- * @param primary The primary color.Cases:Switch, Button, Slider
- * @param onPrimary The color of the text on primary color.Cases:Switch, Button, Slider
+ * @param primary The primary color. Cases: Switch, Button, Slider.
+ * @param onPrimary The color of the text on primary color. Cases: Switch, Button, Slider.
  * @param primaryVariant The variant color of the primary color.Cases:Card
  * @param onPrimaryVariant The color of the text on primary variant color.
  * @param disabledPrimary The disabled primary color of the switch.
@@ -54,6 +54,7 @@ import androidx.compose.ui.graphics.Color
  * @param onSurfaceContainerHigh The color of the text on surface container high color.
  * @param surfaceContainerHighest The container color of the surface color.
  * @param onSurfaceContainerHighest The color of the text on surface container highest color.
+ * @param windowDimming The color of the window dimming. Cases: Dialog, Dropdown.
  */
 @Stable
 class MiuixColor(
@@ -102,6 +103,7 @@ class MiuixColor(
     onSurfaceContainerHigh: Color,
     surfaceContainerHighest: Color,
     onSurfaceContainerHighest: Color,
+    windowDimming: Color
 ) {
     val primary by mutableStateOf(primary, structuralEqualityPolicy())
     val onPrimary by mutableStateOf(onPrimary, structuralEqualityPolicy())
@@ -148,6 +150,7 @@ class MiuixColor(
     val onSurfaceContainerHigh by mutableStateOf(onSurfaceContainerHigh, structuralEqualityPolicy())
     val surfaceContainerHighest by mutableStateOf(surfaceContainerHighest, structuralEqualityPolicy())
     val onSurfaceContainerHighest by mutableStateOf(onSurfaceContainerHighest, structuralEqualityPolicy())
+    val windowDimming by mutableStateOf(windowDimming, structuralEqualityPolicy())
 }
 
 fun lightColorScheme() = MiuixColor(
@@ -195,7 +198,8 @@ fun lightColorScheme() = MiuixColor(
     surfaceContainerHigh = Color(0xFFEDEDED),
     onSurfaceContainerHigh = Color(0xFFA5A5A5),
     surfaceContainerHighest = Color(0xFFE8E8E8),
-    onSurfaceContainerHighest = Color.Black
+    onSurfaceContainerHighest = Color.Black,
+    windowDimming = Color.Black.copy(alpha = 0.3f)
 )
 
 fun darkColorScheme() = MiuixColor(
@@ -243,5 +247,6 @@ fun darkColorScheme() = MiuixColor(
     surfaceContainerHigh = Color(0xFF2D2D2D),
     onSurfaceContainerHigh = Color(0xFF6C6C6C),
     surfaceContainerHighest = Color(0xFF2D2D2D),
-    onSurfaceContainerHighest = Color(0xFFE9E9E9)
+    onSurfaceContainerHighest = Color(0xFFE9E9E9),
+    windowDimming = Color.Black.copy(alpha = 0.6f)
 )

miuix/src/commonMain/kotlin/top/yukonga/miuix/kmp/utils/MiuixPopupUtil.kt

@@ -14,10 +14,10 @@ import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.zIndex
 import top.yukonga.miuix.kmp.basic.Box
 import top.yukonga.miuix.kmp.basic.Scaffold
+import top.yukonga.miuix.kmp.theme.MiuixTheme
 
 /**
  * A util class for show popup and dialog.
@@ -82,7 +82,7 @@ class MiuixPopupUtil {
                 Box(
                     modifier = Modifier
                         .fillMaxSize()
-                        .background(Color.Black.copy(alpha = 0.3f))
+                        .background(MiuixTheme.colorScheme.windowDimming)
                 )
             }
             AnimatedVisibility(
@@ -115,7 +115,7 @@ class MiuixPopupUtil {
                     Box(
                         modifier = Modifier
                             .fillMaxSize()
-                            .background(Color.Black.copy(alpha = 0.3f))
+                            .background(MiuixTheme.colorScheme.windowDimming)
                     )
                 }
             }