From 23672630775b36b5a3b4d8330324a7ec6d8e51b2 Mon Sep 17 00:00:00 2001
From: FongMi <b8892778@gmail.com>
Date: Tue, 12 May 2026 02:47:14 +0800
Subject: [PATCH] Optimize color system

---
 .../mobile/res/drawable-v31/shape_item.xml    | 30 +++++++++++++++
 .../mobile/res/drawable-v31/shape_live.xml    | 30 +++++++++++++++
 app/src/mobile/res/drawable/shape_item.xml    | 35 +++++-------------
 app/src/mobile/res/drawable/shape_live.xml    | 37 ++++++-------------
 4 files changed, 81 insertions(+), 51 deletions(-)
 create mode 100644 app/src/mobile/res/drawable-v31/shape_item.xml
 create mode 100644 app/src/mobile/res/drawable-v31/shape_live.xml

diff --git a/app/src/mobile/res/drawable-v31/shape_item.xml b/app/src/mobile/res/drawable-v31/shape_item.xml
new file mode 100644
index 000000000..254793fee
--- /dev/null
+++ b/app/src/mobile/res/drawable-v31/shape_item.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ripple xmlns:android="http://schemas.android.com/apk/res/android"
+    android:color="?attr/colorControlHighlight">
+    <item android:id="@android:id/background">
+        <selector>
+            <item android:state_activated="true">
+                <shape android:shape="rectangle">
+                    <solid android:color="?attr/colorSecondaryContainer" />
+                    <corners android:radius="4dp" />
+                    <padding
+                        android:bottom="8dp"
+                        android:left="12dp"
+                        android:right="12dp"
+                        android:top="8dp" />
+                </shape>
+            </item>
+            <item>
+                <shape android:shape="rectangle">
+                    <solid android:color="@color/black_20" />
+                    <corners android:radius="4dp" />
+                    <padding
+                        android:bottom="8dp"
+                        android:left="12dp"
+                        android:right="12dp"
+                        android:top="8dp" />
+                </shape>
+            </item>
+        </selector>
+    </item>
+</ripple>
\ No newline at end of file
diff --git a/app/src/mobile/res/drawable-v31/shape_live.xml b/app/src/mobile/res/drawable-v31/shape_live.xml
new file mode 100644
index 000000000..9b64a4495
--- /dev/null
+++ b/app/src/mobile/res/drawable-v31/shape_live.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<ripple xmlns:android="http://schemas.android.com/apk/res/android"
+    android:color="?attr/colorControlHighlight">
+    <item android:id="@android:id/background">
+        <selector>
+            <item android:state_selected="true">
+                <shape android:shape="rectangle">
+                    <solid android:color="?attr/colorSecondaryContainer" />
+                    <corners android:radius="4dp" />
+                    <padding
+                        android:bottom="8dp"
+                        android:left="12dp"
+                        android:right="12dp"
+                        android:top="8dp" />
+                </shape>
+            </item>
+            <item>
+                <shape android:shape="rectangle">
+                    <solid android:color="@android:color/transparent" />
+                    <corners android:radius="4dp" />
+                    <padding
+                        android:bottom="8dp"
+                        android:left="12dp"
+                        android:right="12dp"
+                        android:top="8dp" />
+                </shape>
+            </item>
+        </selector>
+    </item>
+</ripple>
\ No newline at end of file
diff --git a/app/src/mobile/res/drawable/shape_item.xml b/app/src/mobile/res/drawable/shape_item.xml
index 254793fee..3134208f6 100644
--- a/app/src/mobile/res/drawable/shape_item.xml
+++ b/app/src/mobile/res/drawable/shape_item.xml
@@ -1,30 +1,15 @@
 <?xml version="1.0" encoding="utf-8"?>
 <ripple xmlns:android="http://schemas.android.com/apk/res/android"
     android:color="?attr/colorControlHighlight">
-    <item android:id="@android:id/background">
-        <selector>
-            <item android:state_activated="true">
-                <shape android:shape="rectangle">
-                    <solid android:color="?attr/colorSecondaryContainer" />
-                    <corners android:radius="4dp" />
-                    <padding
-                        android:bottom="8dp"
-                        android:left="12dp"
-                        android:right="12dp"
-                        android:top="8dp" />
-                </shape>
-            </item>
-            <item>
-                <shape android:shape="rectangle">
-                    <solid android:color="@color/black_20" />
-                    <corners android:radius="4dp" />
-                    <padding
-                        android:bottom="8dp"
-                        android:left="12dp"
-                        android:right="12dp"
-                        android:top="8dp" />
-                </shape>
-            </item>
-        </selector>
+    <item>
+        <shape android:shape="rectangle">
+            <solid android:color="@color/black_20" />
+            <corners android:radius="4dp" />
+            <padding
+                android:bottom="8dp"
+                android:left="12dp"
+                android:right="12dp"
+                android:top="8dp" />
+        </shape>
     </item>
 </ripple>
\ No newline at end of file
diff --git a/app/src/mobile/res/drawable/shape_live.xml b/app/src/mobile/res/drawable/shape_live.xml
index 9b64a4495..a63c59674 100644
--- a/app/src/mobile/res/drawable/shape_live.xml
+++ b/app/src/mobile/res/drawable/shape_live.xml
@@ -1,30 +1,15 @@
 <?xml version="1.0" encoding="utf-8"?>
 <ripple xmlns:android="http://schemas.android.com/apk/res/android"
-    android:color="?attr/colorControlHighlight">
-    <item android:id="@android:id/background">
-        <selector>
-            <item android:state_selected="true">
-                <shape android:shape="rectangle">
-                    <solid android:color="?attr/colorSecondaryContainer" />
-                    <corners android:radius="4dp" />
-                    <padding
-                        android:bottom="8dp"
-                        android:left="12dp"
-                        android:right="12dp"
-                        android:top="8dp" />
-                </shape>
-            </item>
-            <item>
-                <shape android:shape="rectangle">
-                    <solid android:color="@android:color/transparent" />
-                    <corners android:radius="4dp" />
-                    <padding
-                        android:bottom="8dp"
-                        android:left="12dp"
-                        android:right="12dp"
-                        android:top="8dp" />
-                </shape>
-            </item>
-        </selector>
+    android:color="#80FFF176">
+    <item android:id="@android:id/mask">
+        <shape android:shape="rectangle">
+            <solid android:color="#f5f5f5" />
+            <corners android:radius="4dp" />
+            <padding
+                android:bottom="8dp"
+                android:left="12dp"
+                android:right="12dp"
+                android:top="8dp" />
+        </shape>
     </item>
 </ripple>
\ No newline at end of file