✨ Add mutedText color to ThemeExt (#3728)

Author: guiyanakuang

app/src/commonMain/kotlin/com/crosspaste/ui/theme/SemanticColorGroup.kt

@@ -0,0 +1,61 @@
+package com.crosspaste.ui.theme
+
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.toArgb
+import com.materialkolor.ktx.harmonize
+import com.materialkolor.ktx.toneColor
+import com.materialkolor.palettes.TonalPalette
+
+enum class SemanticColorPolicy {
+    Dynamic,
+    FixedHue,
+}
+
+data class SemanticColorGroup(
+    val color: Color,
+    val onColor: Color,
+    val container: Color,
+    val onContainer: Color,
+) {
+    companion object {
+        fun create(
+            sourceColor: Color,
+            primary: Color,
+            isDark: Boolean,
+            policy: SemanticColorPolicy,
+            isWarning: Boolean = false,
+        ): SemanticColorGroup {
+            val seed =
+                when (policy) {
+                    SemanticColorPolicy.Dynamic -> sourceColor.harmonize(primary)
+                    SemanticColorPolicy.FixedHue -> sourceColor
+                }
+            val palette = TonalPalette.fromInt(seed.toArgb())
+
+            return if (isDark) {
+                SemanticColorGroup(
+                    color = palette.toneColor(80),
+                    onColor = palette.toneColor(20),
+                    container = palette.toneColor(30),
+                    onContainer = palette.toneColor(90),
+                )
+            } else {
+                if (isWarning) {
+                    SemanticColorGroup(
+                        color = palette.toneColor(80),
+                        onColor = palette.toneColor(10),
+                        container = palette.toneColor(90),
+                        onContainer = palette.toneColor(10),
+                    )
+                } else {
+                    SemanticColorGroup(
+                        color = palette.toneColor(40),
+                        onColor = palette.toneColor(100),
+                        container = palette.toneColor(90),
+                        onContainer = palette.toneColor(10),
+                    )
+                }
+            }
+        }
+    }
+}

app/src/commonMain/kotlin/com/crosspaste/ui/theme/ThemeExt.kt

@@ -1,65 +1,7 @@
 package com.crosspaste.ui.theme
 
 import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.toArgb
 import com.crosspaste.paste.PasteTypeExt
-import com.materialkolor.ktx.harmonize
-import com.materialkolor.ktx.toneColor
-import com.materialkolor.palettes.TonalPalette
-
-enum class SemanticColorPolicy {
-    Dynamic,
-    FixedHue,
-}
-
-data class SemanticColorGroup(
-    val color: Color,
-    val onColor: Color,
-    val container: Color,
-    val onContainer: Color,
-) {
-    companion object {
-        fun create(
-            sourceColor: Color,
-            primary: Color,
-            isDark: Boolean,
-            policy: SemanticColorPolicy,
-            isWarning: Boolean = false,
-        ): SemanticColorGroup {
-            val seed =
-                when (policy) {
-                    SemanticColorPolicy.Dynamic -> sourceColor.harmonize(primary)
-                    SemanticColorPolicy.FixedHue -> sourceColor
-                }
-            val palette = TonalPalette.fromInt(seed.toArgb())
-
-            return if (isDark) {
-                SemanticColorGroup(
-                    color = palette.toneColor(80),
-                    onColor = palette.toneColor(20),
-                    container = palette.toneColor(30),
-                    onContainer = palette.toneColor(90),
-                )
-            } else {
-                if (isWarning) {
-                    SemanticColorGroup(
-                        color = palette.toneColor(80),
-                        onColor = palette.toneColor(10),
-                        container = palette.toneColor(90),
-                        onContainer = palette.toneColor(10),
-                    )
-                } else {
-                    SemanticColorGroup(
-                        color = palette.toneColor(40),
-                        onColor = palette.toneColor(100),
-                        container = palette.toneColor(90),
-                        onContainer = palette.toneColor(10),
-                    )
-                }
-            }
-        }
-    }
-}
 
 data class ThemeExt(
     val success: SemanticColorGroup,
@@ -74,6 +16,7 @@ data class ThemeExt(
     val colorPasteTypeExt: PasteTypeExt,
     val htmlPasteTypeExt: PasteTypeExt,
     val rtfPasteTypeExt: PasteTypeExt,
+    val mutedText: Color,
 ) {
     companion object {
         private val COLOR_SUCCESS = Color(0xFF2E7D32)
@@ -112,6 +55,8 @@ data class ThemeExt(
                     if (isDark) PasteTypeExt.DARK_HTML_PASTE_TYPE_EXT else PasteTypeExt.LIGHT_HTML_PASTE_TYPE_EXT,
                 rtfPasteTypeExt =
                     if (isDark) PasteTypeExt.DARK_RTF_PASTE_TYPE_EXT else PasteTypeExt.LIGHT_RTF_PASTE_TYPE_EXT,
+                mutedText =
+                    if (isDark) Color(0xFF9CA3AF) else Color(0xFF6B7280),
             )
         }
     }