6.6.2 - Alpha5 - 本地化 Color Picker 库; 主题色设置页面新旧布局分离 (初步)

app/build.gradle.kts

@@ -215,7 +215,7 @@ dependencies /* Unclassified */ {
     // implementation("com.android.tools.build:apksig:8.7.3")
 
     // ApkSigner
-    implementation(project(":modules:apksigner"))
+    implementation(project(":modules:apk-signer"))
 
     // Spongy Castle
     implementation("com.madgag.spongycastle:prov:1.58.0.0")
@@ -361,10 +361,12 @@ dependencies /* Auto.js Extensions */ {
     //  # implementation(project(":libs:Auto.js-ApkBuilder-1.0.3"))
 
     // Extracted from com.github.hyb1996:MutableTheme:1.0.0
-    // @Legacy com.jrummyapps:colorpicker:2.1.7
-    implementation("com.jaredrummler:colorpicker:1.1.0")
     implementation("androidx.recyclerview:recyclerview:1.4.0")
     implementation("com.github.ozodrukh:CircularReveal:2.0.1")
+    // @Legacy com.jrummyapps:colorpicker:2.1.7
+    // @Integrated by SuperMonster003 on Mar 25, 2025.
+    //  # implementation("com.jaredrummler:colorpicker:1.1.0")
+    implementation(project(":modules:color-picker"))
 }
 
 dependencies /* Archived */ {

app/src/main/java/org/autojs/autojs/core/image/ColorItems.kt

@@ -0,0 +1,758 @@
+package org.autojs.autojs.core.image
+
+import org.autojs.autojs6.R
+
+/**
+ * Created by SuperMonster003 on Mar 25, 2025.
+ */
+object ColorItems {
+
+    @JvmField
+    val MATERIAL_COLORS: List<Pair</* colorRes */ Int, /* colorNameRes */ Int>> = listOf(
+
+        /* reds */
+
+        R.color.md_red_50 to R.string.md_red_50,
+        R.color.md_red_100 to R.string.md_red_100,
+        R.color.md_red_200 to R.string.md_red_200,
+        R.color.md_red_300 to R.string.md_red_300,
+        R.color.md_red_400 to R.string.md_red_400,
+        R.color.md_red_500 to R.string.md_red_500,
+        R.color.md_red_600 to R.string.md_red_600,
+        R.color.md_red_700 to R.string.md_red_700,
+        R.color.md_red_800 to R.string.md_red_800,
+        R.color.md_red_900 to R.string.md_red_900,
+        R.color.md_red_a100 to R.string.md_red_a100,
+        R.color.md_red_a200 to R.string.md_red_a200,
+        R.color.md_red_a400 to R.string.md_red_a400,
+        R.color.md_red_a700 to R.string.md_red_a700,
+
+        /* pinks */
+
+        R.color.md_pink_50 to R.string.md_pink_50,
+        R.color.md_pink_100 to R.string.md_pink_100,
+        R.color.md_pink_200 to R.string.md_pink_200,
+        R.color.md_pink_300 to R.string.md_pink_300,
+        R.color.md_pink_400 to R.string.md_pink_400,
+        R.color.md_pink_500 to R.string.md_pink_500,
+        R.color.md_pink_600 to R.string.md_pink_600,
+        R.color.md_pink_700 to R.string.md_pink_700,
+        R.color.md_pink_800 to R.string.md_pink_800,
+        R.color.md_pink_900 to R.string.md_pink_900,
+        R.color.md_pink_a100 to R.string.md_pink_a100,
+        R.color.md_pink_a200 to R.string.md_pink_a200,
+        R.color.md_pink_a400 to R.string.md_pink_a400,
+        R.color.md_pink_a700 to R.string.md_pink_a700,
+
+        /* purples */
+
+        R.color.md_purple_50 to R.string.md_purple_50,
+        R.color.md_purple_100 to R.string.md_purple_100,
+        R.color.md_purple_200 to R.string.md_purple_200,
+        R.color.md_purple_300 to R.string.md_purple_300,
+        R.color.md_purple_400 to R.string.md_purple_400,
+        R.color.md_purple_500 to R.string.md_purple_500,
+        R.color.md_purple_600 to R.string.md_purple_600,
+        R.color.md_purple_700 to R.string.md_purple_700,
+        R.color.md_purple_800 to R.string.md_purple_800,
+        R.color.md_purple_900 to R.string.md_purple_900,
+        R.color.md_purple_a100 to R.string.md_purple_a100,
+        R.color.md_purple_a200 to R.string.md_purple_a200,
+        R.color.md_purple_a400 to R.string.md_purple_a400,
+        R.color.md_purple_a700 to R.string.md_purple_a700,
+
+        /* deep purples */
+
+        R.color.md_deep_purple_50 to R.string.md_deep_purple_50,
+        R.color.md_deep_purple_100 to R.string.md_deep_purple_100,
+        R.color.md_deep_purple_200 to R.string.md_deep_purple_200,
+        R.color.md_deep_purple_300 to R.string.md_deep_purple_300,
+        R.color.md_deep_purple_400 to R.string.md_deep_purple_400,
+        R.color.md_deep_purple_500 to R.string.md_deep_purple_500,
+        R.color.md_deep_purple_600 to R.string.md_deep_purple_600,
+        R.color.md_deep_purple_700 to R.string.md_deep_purple_700,
+        R.color.md_deep_purple_800 to R.string.md_deep_purple_800,
+        R.color.md_deep_purple_900 to R.string.md_deep_purple_900,
+        R.color.md_deep_purple_a100 to R.string.md_deep_purple_a100,
+        R.color.md_deep_purple_a200 to R.string.md_deep_purple_a200,
+        R.color.md_deep_purple_a400 to R.string.md_deep_purple_a400,
+        R.color.md_deep_purple_a700 to R.string.md_deep_purple_a700,
+
+        /* indigo */
+
+        R.color.md_indigo_50 to R.string.md_indigo_50,
+        R.color.md_indigo_100 to R.string.md_indigo_100,
+        R.color.md_indigo_200 to R.string.md_indigo_200,
+        R.color.md_indigo_300 to R.string.md_indigo_300,
+        R.color.md_indigo_400 to R.string.md_indigo_400,
+        R.color.md_indigo_500 to R.string.md_indigo_500,
+        R.color.md_indigo_600 to R.string.md_indigo_600,
+        R.color.md_indigo_700 to R.string.md_indigo_700,
+        R.color.md_indigo_800 to R.string.md_indigo_800,
+        R.color.md_indigo_900 to R.string.md_indigo_900,
+        R.color.md_indigo_a100 to R.string.md_indigo_a100,
+        R.color.md_indigo_a200 to R.string.md_indigo_a200,
+        R.color.md_indigo_a400 to R.string.md_indigo_a400,
+        R.color.md_indigo_a700 to R.string.md_indigo_a700,
+
+        /* blue */
+
+        R.color.md_blue_50 to R.string.md_blue_50,
+        R.color.md_blue_100 to R.string.md_blue_100,
+        R.color.md_blue_200 to R.string.md_blue_200,
+        R.color.md_blue_300 to R.string.md_blue_300,
+        R.color.md_blue_400 to R.string.md_blue_400,
+        R.color.md_blue_500 to R.string.md_blue_500,
+        R.color.md_blue_600 to R.string.md_blue_600,
+        R.color.md_blue_700 to R.string.md_blue_700,
+        R.color.md_blue_800 to R.string.md_blue_800,
+        R.color.md_blue_900 to R.string.md_blue_900,
+        R.color.md_blue_a100 to R.string.md_blue_a100,
+        R.color.md_blue_a200 to R.string.md_blue_a200,
+        R.color.md_blue_a400 to R.string.md_blue_a400,
+        R.color.md_blue_a700 to R.string.md_blue_a700,
+
+        /* light blue */
+
+        R.color.md_light_blue_50 to R.string.md_light_blue_50,
+        R.color.md_light_blue_100 to R.string.md_light_blue_100,
+        R.color.md_light_blue_200 to R.string.md_light_blue_200,
+        R.color.md_light_blue_300 to R.string.md_light_blue_300,
+        R.color.md_light_blue_400 to R.string.md_light_blue_400,
+        R.color.md_light_blue_500 to R.string.md_light_blue_500,
+        R.color.md_light_blue_600 to R.string.md_light_blue_600,
+        R.color.md_light_blue_700 to R.string.md_light_blue_700,
+        R.color.md_light_blue_800 to R.string.md_light_blue_800,
+        R.color.md_light_blue_900 to R.string.md_light_blue_900,
+        R.color.md_light_blue_a100 to R.string.md_light_blue_a100,
+        R.color.md_light_blue_a200 to R.string.md_light_blue_a200,
+        R.color.md_light_blue_a400 to R.string.md_light_blue_a400,
+        R.color.md_light_blue_a700 to R.string.md_light_blue_a700,
+
+        /* cyan */
+
+        R.color.md_cyan_50 to R.string.md_cyan_50,
+        R.color.md_cyan_100 to R.string.md_cyan_100,
+        R.color.md_cyan_200 to R.string.md_cyan_200,
+        R.color.md_cyan_300 to R.string.md_cyan_300,
+        R.color.md_cyan_400 to R.string.md_cyan_400,
+        R.color.md_cyan_500 to R.string.md_cyan_500,
+        R.color.md_cyan_600 to R.string.md_cyan_600,
+        R.color.md_cyan_700 to R.string.md_cyan_700,
+        R.color.md_cyan_800 to R.string.md_cyan_800,
+        R.color.md_cyan_900 to R.string.md_cyan_900,
+        R.color.md_cyan_a100 to R.string.md_cyan_a100,
+        R.color.md_cyan_a200 to R.string.md_cyan_a200,
+        R.color.md_cyan_a400 to R.string.md_cyan_a400,
+        R.color.md_cyan_a700 to R.string.md_cyan_a700,
+
+        /* teal */
+
+        R.color.md_teal_50 to R.string.md_teal_50,
+        R.color.md_teal_100 to R.string.md_teal_100,
+        R.color.md_teal_200 to R.string.md_teal_200,
+        R.color.md_teal_300 to R.string.md_teal_300,
+        R.color.md_teal_400 to R.string.md_teal_400,
+        R.color.md_teal_500 to R.string.md_teal_500,
+        R.color.md_teal_600 to R.string.md_teal_600,
+        R.color.md_teal_700 to R.string.md_teal_700,
+        R.color.md_teal_800 to R.string.md_teal_800,
+        R.color.md_teal_900 to R.string.md_teal_900,
+        R.color.md_teal_a100 to R.string.md_teal_a100,
+        R.color.md_teal_a200 to R.string.md_teal_a200,
+        R.color.md_teal_a400 to R.string.md_teal_a400,
+        R.color.md_teal_a700 to R.string.md_teal_a700,
+
+        /* green */
+
+        R.color.md_green_50 to R.string.md_green_50,
+        R.color.md_green_100 to R.string.md_green_100,
+        R.color.md_green_200 to R.string.md_green_200,
+        R.color.md_green_300 to R.string.md_green_300,
+        R.color.md_green_400 to R.string.md_green_400,
+        R.color.md_green_500 to R.string.md_green_500,
+        R.color.md_green_600 to R.string.md_green_600,
+        R.color.md_green_700 to R.string.md_green_700,
+        R.color.md_green_800 to R.string.md_green_800,
+        R.color.md_green_900 to R.string.md_green_900,
+        R.color.md_green_a100 to R.string.md_green_a100,
+        R.color.md_green_a200 to R.string.md_green_a200,
+        R.color.md_green_a400 to R.string.md_green_a400,
+        R.color.md_green_a700 to R.string.md_green_a700,
+
+        /* light green */
+
+        R.color.md_light_green_50 to R.string.md_light_green_50,
+        R.color.md_light_green_100 to R.string.md_light_green_100,
+        R.color.md_light_green_200 to R.string.md_light_green_200,
+        R.color.md_light_green_300 to R.string.md_light_green_300,
+        R.color.md_light_green_400 to R.string.md_light_green_400,
+        R.color.md_light_green_500 to R.string.md_light_green_500,
+        R.color.md_light_green_600 to R.string.md_light_green_600,
+        R.color.md_light_green_700 to R.string.md_light_green_700,
+        R.color.md_light_green_800 to R.string.md_light_green_800,
+        R.color.md_light_green_900 to R.string.md_light_green_900,
+        R.color.md_light_green_a100 to R.string.md_light_green_a100,
+        R.color.md_light_green_a200 to R.string.md_light_green_a200,
+        R.color.md_light_green_a400 to R.string.md_light_green_a400,
+        R.color.md_light_green_a700 to R.string.md_light_green_a700,
+
+        /* lime */
+
+        R.color.md_lime_50 to R.string.md_lime_50,
+        R.color.md_lime_100 to R.string.md_lime_100,
+        R.color.md_lime_200 to R.string.md_lime_200,
+        R.color.md_lime_300 to R.string.md_lime_300,
+        R.color.md_lime_400 to R.string.md_lime_400,
+        R.color.md_lime_500 to R.string.md_lime_500,
+        R.color.md_lime_600 to R.string.md_lime_600,
+        R.color.md_lime_700 to R.string.md_lime_700,
+        R.color.md_lime_800 to R.string.md_lime_800,
+        R.color.md_lime_900 to R.string.md_lime_900,
+        R.color.md_lime_a100 to R.string.md_lime_a100,
+        R.color.md_lime_a200 to R.string.md_lime_a200,
+        R.color.md_lime_a400 to R.string.md_lime_a400,
+        R.color.md_lime_a700 to R.string.md_lime_a700,
+
+        /* yellow */
+
+        R.color.md_yellow_50 to R.string.md_yellow_50,
+        R.color.md_yellow_100 to R.string.md_yellow_100,
+        R.color.md_yellow_200 to R.string.md_yellow_200,
+        R.color.md_yellow_300 to R.string.md_yellow_300,
+        R.color.md_yellow_400 to R.string.md_yellow_400,
+        R.color.md_yellow_500 to R.string.md_yellow_500,
+        R.color.md_yellow_600 to R.string.md_yellow_600,
+        R.color.md_yellow_700 to R.string.md_yellow_700,
+        R.color.md_yellow_800 to R.string.md_yellow_800,
+        R.color.md_yellow_900 to R.string.md_yellow_900,
+        R.color.md_yellow_a100 to R.string.md_yellow_a100,
+        R.color.md_yellow_a200 to R.string.md_yellow_a200,
+        R.color.md_yellow_a400 to R.string.md_yellow_a400,
+        R.color.md_yellow_a700 to R.string.md_yellow_a700,
+
+        /* amber */
+
+        R.color.md_amber_50 to R.string.md_amber_50,
+        R.color.md_amber_100 to R.string.md_amber_100,
+        R.color.md_amber_200 to R.string.md_amber_200,
+        R.color.md_amber_300 to R.string.md_amber_300,
+        R.color.md_amber_400 to R.string.md_amber_400,
+        R.color.md_amber_500 to R.string.md_amber_500,
+        R.color.md_amber_600 to R.string.md_amber_600,
+        R.color.md_amber_700 to R.string.md_amber_700,
+        R.color.md_amber_800 to R.string.md_amber_800,
+        R.color.md_amber_900 to R.string.md_amber_900,
+        R.color.md_amber_a100 to R.string.md_amber_a100,
+        R.color.md_amber_a200 to R.string.md_amber_a200,
+        R.color.md_amber_a400 to R.string.md_amber_a400,
+        R.color.md_amber_a700 to R.string.md_amber_a700,
+
+        /* orange */
+
+        R.color.md_orange_50 to R.string.md_orange_50,
+        R.color.md_orange_100 to R.string.md_orange_100,
+        R.color.md_orange_200 to R.string.md_orange_200,
+        R.color.md_orange_300 to R.string.md_orange_300,
+        R.color.md_orange_400 to R.string.md_orange_400,
+        R.color.md_orange_500 to R.string.md_orange_500,
+        R.color.md_orange_600 to R.string.md_orange_600,
+        R.color.md_orange_700 to R.string.md_orange_700,
+        R.color.md_orange_800 to R.string.md_orange_800,
+        R.color.md_orange_900 to R.string.md_orange_900,
+        R.color.md_orange_a100 to R.string.md_orange_a100,
+        R.color.md_orange_a200 to R.string.md_orange_a200,
+        R.color.md_orange_a400 to R.string.md_orange_a400,
+        R.color.md_orange_a700 to R.string.md_orange_a700,
+
+        /* deep orange */
+
+        R.color.md_deep_orange_50 to R.string.md_deep_orange_50,
+        R.color.md_deep_orange_100 to R.string.md_deep_orange_100,
+        R.color.md_deep_orange_200 to R.string.md_deep_orange_200,
+        R.color.md_deep_orange_300 to R.string.md_deep_orange_300,
+        R.color.md_deep_orange_400 to R.string.md_deep_orange_400,
+        R.color.md_deep_orange_500 to R.string.md_deep_orange_500,
+        R.color.md_deep_orange_600 to R.string.md_deep_orange_600,
+        R.color.md_deep_orange_700 to R.string.md_deep_orange_700,
+        R.color.md_deep_orange_800 to R.string.md_deep_orange_800,
+        R.color.md_deep_orange_900 to R.string.md_deep_orange_900,
+        R.color.md_deep_orange_a100 to R.string.md_deep_orange_a100,
+        R.color.md_deep_orange_a200 to R.string.md_deep_orange_a200,
+        R.color.md_deep_orange_a400 to R.string.md_deep_orange_a400,
+        R.color.md_deep_orange_a700 to R.string.md_deep_orange_a700,
+
+        /* brown */
+
+        R.color.md_brown_50 to R.string.md_brown_50,
+        R.color.md_brown_100 to R.string.md_brown_100,
+        R.color.md_brown_200 to R.string.md_brown_200,
+        R.color.md_brown_300 to R.string.md_brown_300,
+        R.color.md_brown_400 to R.string.md_brown_400,
+        R.color.md_brown_500 to R.string.md_brown_500,
+        R.color.md_brown_600 to R.string.md_brown_600,
+        R.color.md_brown_700 to R.string.md_brown_700,
+        R.color.md_brown_800 to R.string.md_brown_800,
+        R.color.md_brown_900 to R.string.md_brown_900,
+
+        /* grey */
+
+        R.color.md_grey_50 to R.string.md_grey_50,
+        R.color.md_grey_100 to R.string.md_grey_100,
+        R.color.md_grey_200 to R.string.md_grey_200,
+        R.color.md_grey_300 to R.string.md_grey_300,
+        R.color.md_grey_400 to R.string.md_grey_400,
+        R.color.md_grey_500 to R.string.md_grey_500,
+        R.color.md_grey_600 to R.string.md_grey_600,
+        R.color.md_grey_700 to R.string.md_grey_700,
+        R.color.md_grey_800 to R.string.md_grey_800,
+        R.color.md_grey_900 to R.string.md_grey_900,
+        R.color.md_black_1000 to R.string.md_black_1000,
+        R.color.md_white_1000 to R.string.md_white_1000,
+
+        /* blue grey */
+
+        R.color.md_blue_grey_50 to R.string.md_blue_grey_50,
+        R.color.md_blue_grey_100 to R.string.md_blue_grey_100,
+        R.color.md_blue_grey_200 to R.string.md_blue_grey_200,
+        R.color.md_blue_grey_300 to R.string.md_blue_grey_300,
+        R.color.md_blue_grey_400 to R.string.md_blue_grey_400,
+        R.color.md_blue_grey_500 to R.string.md_blue_grey_500,
+        R.color.md_blue_grey_600 to R.string.md_blue_grey_600,
+        R.color.md_blue_grey_700 to R.string.md_blue_grey_700,
+        R.color.md_blue_grey_800 to R.string.md_blue_grey_800,
+        R.color.md_blue_grey_900 to R.string.md_blue_grey_900,
+    )
+
+    @JvmField
+    val ANDROID_COLORS: List<Pair</* colorRes */ Int, /* colorNameRes */ Int>> = listOf(
+        R.color.android_black to R.string.android_black,
+        R.color.android_blue to R.string.android_blue,
+        R.color.android_cyan to R.string.android_cyan,
+        R.color.android_aqua to R.string.android_aqua,
+        R.color.android_dark_gray to R.string.android_dark_gray,
+        R.color.android_dark_grey to R.string.android_dark_grey,
+        R.color.android_gray to R.string.android_gray,
+        R.color.android_grey to R.string.android_grey,
+        R.color.android_green to R.string.android_green,
+        R.color.android_lime to R.string.android_lime,
+        R.color.android_light_gray to R.string.android_light_gray,
+        R.color.android_light_grey to R.string.android_light_grey,
+        R.color.android_magenta to R.string.android_magenta,
+        R.color.android_fuchsia to R.string.android_fuchsia,
+        R.color.android_maroon to R.string.android_maroon,
+        R.color.android_navy to R.string.android_navy,
+        R.color.android_olive to R.string.android_olive,
+        R.color.android_purple to R.string.android_purple,
+        R.color.android_red to R.string.android_red,
+        R.color.android_silver to R.string.android_silver,
+        R.color.android_teal to R.string.android_teal,
+        R.color.android_white to R.string.android_white,
+        R.color.android_yellow to R.string.android_yellow,
+    )
+
+    @JvmField
+    val CSS_COLORS: List<Pair</* colorRes */ Int, /* colorNameRes */ Int>> = listOf(
+        R.color.css_alice_blue to R.string.css_alice_blue,
+        R.color.css_antique_white to R.string.css_antique_white,
+        R.color.css_aquamarine to R.string.css_aquamarine,
+        R.color.css_azure to R.string.css_azure,
+        R.color.css_beige to R.string.css_beige,
+        R.color.css_bisque to R.string.css_bisque,
+        R.color.css_black to R.string.css_black,
+        R.color.css_blanched_almond to R.string.css_blanched_almond,
+        R.color.css_blue to R.string.css_blue,
+        R.color.css_blue_violet to R.string.css_blue_violet,
+        R.color.css_brown to R.string.css_brown,
+        R.color.css_burly_wood to R.string.css_burly_wood,
+        R.color.css_cadet_blue to R.string.css_cadet_blue,
+        R.color.css_chartreuse to R.string.css_chartreuse,
+        R.color.css_chocolate to R.string.css_chocolate,
+        R.color.css_coral to R.string.css_coral,
+        R.color.css_cornflower_blue to R.string.css_cornflower_blue,
+        R.color.css_corn_silk to R.string.css_corn_silk,
+        R.color.css_crimson to R.string.css_crimson,
+        R.color.css_cyan to R.string.css_cyan,
+        R.color.css_aqua to R.string.css_aqua,
+        R.color.css_dark_blue to R.string.css_dark_blue,
+        R.color.css_dark_cyan to R.string.css_dark_cyan,
+        R.color.css_dark_goldenrod to R.string.css_dark_goldenrod,
+        R.color.css_dark_gray to R.string.css_dark_gray,
+        R.color.css_dark_grey to R.string.css_dark_grey,
+        R.color.css_dark_green to R.string.css_dark_green,
+        R.color.css_dark_khaki to R.string.css_dark_khaki,
+        R.color.css_dark_magenta to R.string.css_dark_magenta,
+        R.color.css_dark_olive_green to R.string.css_dark_olive_green,
+        R.color.css_dark_orange to R.string.css_dark_orange,
+        R.color.css_dark_orchid to R.string.css_dark_orchid,
+        R.color.css_dark_red to R.string.css_dark_red,
+        R.color.css_dark_salmon to R.string.css_dark_salmon,
+        R.color.css_dark_sea_green to R.string.css_dark_sea_green,
+        R.color.css_dark_slate_blue to R.string.css_dark_slate_blue,
+        R.color.css_dark_slate_gray to R.string.css_dark_slate_gray,
+        R.color.css_dark_slate_grey to R.string.css_dark_slate_grey,
+        R.color.css_dark_turquoise to R.string.css_dark_turquoise,
+        R.color.css_dark_violet to R.string.css_dark_violet,
+        R.color.css_deep_pink to R.string.css_deep_pink,
+        R.color.css_deep_sky_blue to R.string.css_deep_sky_blue,
+        R.color.css_dim_gray to R.string.css_dim_gray,
+        R.color.css_dim_grey to R.string.css_dim_grey,
+        R.color.css_dodger_blue to R.string.css_dodger_blue,
+        R.color.css_fire_brick to R.string.css_fire_brick,
+        R.color.css_floral_white to R.string.css_floral_white,
+        R.color.css_forest_green to R.string.css_forest_green,
+        R.color.css_gainsboro to R.string.css_gainsboro,
+        R.color.css_ghost_white to R.string.css_ghost_white,
+        R.color.css_gold to R.string.css_gold,
+        R.color.css_goldenrod to R.string.css_goldenrod,
+        R.color.css_gray to R.string.css_gray,
+        R.color.css_grey to R.string.css_grey,
+        R.color.css_green to R.string.css_green,
+        R.color.css_green_yellow to R.string.css_green_yellow,
+        R.color.css_honeydew to R.string.css_honeydew,
+        R.color.css_hot_pink to R.string.css_hot_pink,
+        R.color.css_indian_red to R.string.css_indian_red,
+        R.color.css_indigo to R.string.css_indigo,
+        R.color.css_ivory to R.string.css_ivory,
+        R.color.css_khaki to R.string.css_khaki,
+        R.color.css_lavender to R.string.css_lavender,
+        R.color.css_lavender_blush to R.string.css_lavender_blush,
+        R.color.css_lawn_green to R.string.css_lawn_green,
+        R.color.css_lemon_chiffon to R.string.css_lemon_chiffon,
+        R.color.css_light_blue to R.string.css_light_blue,
+        R.color.css_light_coral to R.string.css_light_coral,
+        R.color.css_light_cyan to R.string.css_light_cyan,
+        R.color.css_light_goldenrod_yellow to R.string.css_light_goldenrod_yellow,
+        R.color.css_light_gray to R.string.css_light_gray,
+        R.color.css_light_grey to R.string.css_light_grey,
+        R.color.css_light_green to R.string.css_light_green,
+        R.color.css_light_pink to R.string.css_light_pink,
+        R.color.css_light_salmon to R.string.css_light_salmon,
+        R.color.css_light_sea_green to R.string.css_light_sea_green,
+        R.color.css_light_sky_blue to R.string.css_light_sky_blue,
+        R.color.css_light_slate_gray to R.string.css_light_slate_gray,
+        R.color.css_light_slate_grey to R.string.css_light_slate_grey,
+        R.color.css_light_steel_blue to R.string.css_light_steel_blue,
+        R.color.css_light_yellow to R.string.css_light_yellow,
+        R.color.css_lime to R.string.css_lime,
+        R.color.css_lime_green to R.string.css_lime_green,
+        R.color.css_linen to R.string.css_linen,
+        R.color.css_magenta to R.string.css_magenta,
+        R.color.css_fuchsia to R.string.css_fuchsia,
+        R.color.css_maroon to R.string.css_maroon,
+        R.color.css_medium_aquamarine to R.string.css_medium_aquamarine,
+        R.color.css_medium_blue to R.string.css_medium_blue,
+        R.color.css_medium_lavender_magenta to R.string.css_medium_lavender_magenta,
+        R.color.css_medium_orchid to R.string.css_medium_orchid,
+        R.color.css_medium_purple to R.string.css_medium_purple,
+        R.color.css_medium_sea_green to R.string.css_medium_sea_green,
+        R.color.css_medium_slate_blue to R.string.css_medium_slate_blue,
+        R.color.css_medium_spring_green to R.string.css_medium_spring_green,
+        R.color.css_medium_turquoise to R.string.css_medium_turquoise,
+        R.color.css_medium_violet_red to R.string.css_medium_violet_red,
+        R.color.css_midnight_blue to R.string.css_midnight_blue,
+        R.color.css_mint_cream to R.string.css_mint_cream,
+        R.color.css_misty_rose to R.string.css_misty_rose,
+        R.color.css_moccasin to R.string.css_moccasin,
+        R.color.css_navajo_white to R.string.css_navajo_white,
+        R.color.css_navy to R.string.css_navy,
+        R.color.css_old_lace to R.string.css_old_lace,
+        R.color.css_olive to R.string.css_olive,
+        R.color.css_olive_drab to R.string.css_olive_drab,
+        R.color.css_orange to R.string.css_orange,
+        R.color.css_orange_red to R.string.css_orange_red,
+        R.color.css_orchid to R.string.css_orchid,
+        R.color.css_pale_goldenrod to R.string.css_pale_goldenrod,
+        R.color.css_pale_green to R.string.css_pale_green,
+        R.color.css_pale_turquoise to R.string.css_pale_turquoise,
+        R.color.css_pale_violet_red to R.string.css_pale_violet_red,
+        R.color.css_papaya_whip to R.string.css_papaya_whip,
+        R.color.css_patriarch to R.string.css_patriarch,
+        R.color.css_peach_puff to R.string.css_peach_puff,
+        R.color.css_peru to R.string.css_peru,
+        R.color.css_pink to R.string.css_pink,
+        R.color.css_powder_blue to R.string.css_powder_blue,
+        R.color.css_rebecca_purple to R.string.css_rebecca_purple,
+        R.color.css_red to R.string.css_red,
+        R.color.css_rosy_brown to R.string.css_rosy_brown,
+        R.color.css_royal_blue to R.string.css_royal_blue,
+        R.color.css_saddle_brown to R.string.css_saddle_brown,
+        R.color.css_salmon to R.string.css_salmon,
+        R.color.css_sand_brown to R.string.css_sand_brown,
+        R.color.css_seashell to R.string.css_seashell,
+        R.color.css_sea_green to R.string.css_sea_green,
+        R.color.css_sienna to R.string.css_sienna,
+        R.color.css_silver to R.string.css_silver,
+        R.color.css_sky_blue to R.string.css_sky_blue,
+        R.color.css_slate_blue to R.string.css_slate_blue,
+        R.color.css_slate_gray to R.string.css_slate_gray,
+        R.color.css_slate_grey to R.string.css_slate_grey,
+        R.color.css_snow to R.string.css_snow,
+        R.color.css_spring_green to R.string.css_spring_green,
+        R.color.css_steel_blue to R.string.css_steel_blue,
+        R.color.css_tan to R.string.css_tan,
+        R.color.css_teal to R.string.css_teal,
+        R.color.css_thistle to R.string.css_thistle,
+        R.color.css_tomato to R.string.css_tomato,
+        R.color.css_turquoise to R.string.css_turquoise,
+        R.color.css_violet to R.string.css_violet,
+        R.color.css_wheat to R.string.css_wheat,
+        R.color.css_white to R.string.css_white,
+        R.color.css_white_smoke to R.string.css_white_smoke,
+        R.color.css_yellow to R.string.css_yellow,
+        R.color.css_yellow_green to R.string.css_yellow_green,
+    )
+
+    @JvmField
+    val WEB_COLORS: List<Pair</* colorRes */ Int, /* colorNameRes */ Int>> = listOf(
+        R.color.web_alice_blue to R.string.web_alice_blue,
+        R.color.web_alizarin_crimson to R.string.web_alizarin_crimson,
+        R.color.web_amber to R.string.web_amber,
+        R.color.web_amethyst to R.string.web_amethyst,
+        R.color.web_antique_white to R.string.web_antique_white,
+        R.color.web_apple_green to R.string.web_apple_green,
+        R.color.web_apricot to R.string.web_apricot,
+        R.color.web_aqua to R.string.web_aqua,
+        R.color.web_aquamarine to R.string.web_aquamarine,
+        R.color.web_aqua_blue to R.string.web_aqua_blue,
+        R.color.web_azure to R.string.web_azure,
+        R.color.web_baby_blue to R.string.web_baby_blue,
+        R.color.web_baby_pink to R.string.web_baby_pink,
+        R.color.web_beige to R.string.web_beige,
+        R.color.web_bisque to R.string.web_bisque,
+        R.color.web_black to R.string.web_black,
+        R.color.web_blanched_almond to R.string.web_blanched_almond,
+        R.color.web_blue to R.string.web_blue,
+        R.color.web_blue_violet to R.string.web_blue_violet,
+        R.color.web_bright_green to R.string.web_bright_green,
+        R.color.web_bronze to R.string.web_bronze,
+        R.color.web_brown to R.string.web_brown,
+        R.color.web_burgundy to R.string.web_burgundy,
+        R.color.web_burly_wood to R.string.web_burly_wood,
+        R.color.web_burnt_orange to R.string.web_burnt_orange,
+        R.color.web_cadet_blue to R.string.web_cadet_blue,
+        R.color.web_camel to R.string.web_camel,
+        R.color.web_camellia to R.string.web_camellia,
+        R.color.web_canary_yellow to R.string.web_canary_yellow,
+        R.color.web_cardinal_red to R.string.web_cardinal_red,
+        R.color.web_carmine to R.string.web_carmine,
+        R.color.web_celadon to R.string.web_celadon,
+        R.color.web_cerise to R.string.web_cerise,
+        R.color.web_cerulean_blue to R.string.web_cerulean_blue,
+        R.color.web_champagne_yellow to R.string.web_champagne_yellow,
+        R.color.web_chartreuse to R.string.web_chartreuse,
+        R.color.web_chocolate to R.string.web_chocolate,
+        R.color.web_chrome_yellow to R.string.web_chrome_yellow,
+        R.color.web_clematis to R.string.web_clematis,
+        R.color.web_cobalt_blue to R.string.web_cobalt_blue,
+        R.color.web_cobalt_green to R.string.web_cobalt_green,
+        R.color.web_coconut_brown to R.string.web_coconut_brown,
+        R.color.web_coffee to R.string.web_coffee,
+        R.color.web_coral to R.string.web_coral,
+        R.color.web_coral_pink to R.string.web_coral_pink,
+        R.color.web_cornflower_blue to R.string.web_cornflower_blue,
+        R.color.web_corn_silk to R.string.web_corn_silk,
+        R.color.web_cream to R.string.web_cream,
+        R.color.web_crimson to R.string.web_crimson,
+        R.color.web_cyan to R.string.web_cyan,
+        R.color.web_cyan_blue to R.string.web_cyan_blue,
+        R.color.web_dark_blue to R.string.web_dark_blue,
+        R.color.web_dark_cyan to R.string.web_dark_cyan,
+        R.color.web_dark_goldenrod to R.string.web_dark_goldenrod,
+        R.color.web_dark_gray to R.string.web_dark_gray,
+        R.color.web_dark_green to R.string.web_dark_green,
+        R.color.web_dark_khaki to R.string.web_dark_khaki,
+        R.color.web_dark_magenta to R.string.web_dark_magenta,
+        R.color.web_dark_mineral_blue to R.string.web_dark_mineral_blue,
+        R.color.web_dark_olive_green to R.string.web_dark_olive_green,
+        R.color.web_dark_orange to R.string.web_dark_orange,
+        R.color.web_dark_orchid to R.string.web_dark_orchid,
+        R.color.web_dark_powder_blue to R.string.web_dark_powder_blue,
+        R.color.web_dark_red to R.string.web_dark_red,
+        R.color.web_dark_salmon to R.string.web_dark_salmon,
+        R.color.web_dark_sea_green to R.string.web_dark_sea_green,
+        R.color.web_dark_slate_blue to R.string.web_dark_slate_blue,
+        R.color.web_dark_slate_gray to R.string.web_dark_slate_gray,
+        R.color.web_dark_turquoise to R.string.web_dark_turquoise,
+        R.color.web_dark_violet to R.string.web_dark_violet,
+        R.color.web_deep_pink to R.string.web_deep_pink,
+        R.color.web_deep_sky_blue to R.string.web_deep_sky_blue,
+        R.color.web_dim_gray to R.string.web_dim_gray,
+        R.color.web_dodger_blue to R.string.web_dodger_blue,
+        R.color.web_emerald to R.string.web_emerald,
+        R.color.web_fire_brick to R.string.web_fire_brick,
+        R.color.web_flamingo to R.string.web_flamingo,
+        R.color.web_floral_white to R.string.web_floral_white,
+        R.color.web_foliage_green to R.string.web_foliage_green,
+        R.color.web_forest_green to R.string.web_forest_green,
+        R.color.web_fresh_leaves to R.string.web_fresh_leaves,
+        R.color.web_fuchsia to R.string.web_fuchsia,
+        R.color.web_gainsboro to R.string.web_gainsboro,
+        R.color.web_ghost_white to R.string.web_ghost_white,
+        R.color.web_golden to R.string.web_golden,
+        R.color.web_goldenrod to R.string.web_goldenrod,
+        R.color.web_grass_green to R.string.web_grass_green,
+        R.color.web_gray to R.string.web_gray,
+        R.color.web_grayish_purple to R.string.web_grayish_purple,
+        R.color.web_green to R.string.web_green,
+        R.color.web_green_yellow to R.string.web_green_yellow,
+        R.color.web_heliotrope to R.string.web_heliotrope,
+        R.color.web_honeydew to R.string.web_honeydew,
+        R.color.web_honey_orange to R.string.web_honey_orange,
+        R.color.web_horizon_blue to R.string.web_horizon_blue,
+        R.color.web_hot_pink to R.string.web_hot_pink,
+        R.color.web_indian_red to R.string.web_indian_red,
+        R.color.web_indigo to R.string.web_indigo,
+        R.color.web_international_klein_blue to R.string.web_international_klein_blue,
+        R.color.web_iron_gray to R.string.web_iron_gray,
+        R.color.web_ivory to R.string.web_ivory,
+        R.color.web_ivy_green to R.string.web_ivy_green,
+        R.color.web_jasmine to R.string.web_jasmine,
+        R.color.web_khaki to R.string.web_khaki,
+        R.color.web_lapis_lazuli to R.string.web_lapis_lazuli,
+        R.color.web_lavender to R.string.web_lavender,
+        R.color.web_lavender_blue to R.string.web_lavender_blue,
+        R.color.web_lavender_blush to R.string.web_lavender_blush,
+        R.color.web_lavender_magenta to R.string.web_lavender_magenta,
+        R.color.web_lavender_mist to R.string.web_lavender_mist,
+        R.color.web_lawn_green to R.string.web_lawn_green,
+        R.color.web_lemon_chiffon to R.string.web_lemon_chiffon,
+        R.color.web_light_blue to R.string.web_light_blue,
+        R.color.web_light_coral to R.string.web_light_coral,
+        R.color.web_light_cyan to R.string.web_light_cyan,
+        R.color.web_light_goldenrod_yellow to R.string.web_light_goldenrod_yellow,
+        R.color.web_light_gray to R.string.web_light_gray,
+        R.color.web_light_green to R.string.web_light_green,
+        R.color.web_light_khaki to R.string.web_light_khaki,
+        R.color.web_light_pink to R.string.web_light_pink,
+        R.color.web_light_salmon to R.string.web_light_salmon,
+        R.color.web_light_sea_green to R.string.web_light_sea_green,
+        R.color.web_light_sky_blue to R.string.web_light_sky_blue,
+        R.color.web_light_slate_gray to R.string.web_light_slate_gray,
+        R.color.web_light_steel_blue to R.string.web_light_steel_blue,
+        R.color.web_light_violet to R.string.web_light_violet,
+        R.color.web_light_yellow to R.string.web_light_yellow,
+        R.color.web_lilac to R.string.web_lilac,
+        R.color.web_lime to R.string.web_lime,
+        R.color.web_lime_green to R.string.web_lime_green,
+        R.color.web_linen to R.string.web_linen,
+        R.color.web_magenta to R.string.web_magenta,
+        R.color.web_magenta_rose to R.string.web_magenta_rose,
+        R.color.web_malachite to R.string.web_malachite,
+        R.color.web_mallow to R.string.web_mallow,
+        R.color.web_marigold to R.string.web_marigold,
+        R.color.web_marine_blue to R.string.web_marine_blue,
+        R.color.web_maroon to R.string.web_maroon,
+        R.color.web_mauve to R.string.web_mauve,
+        R.color.web_medium_aquamarine to R.string.web_medium_aquamarine,
+        R.color.web_medium_blue to R.string.web_medium_blue,
+        R.color.web_medium_lavender_magenta to R.string.web_medium_lavender_magenta,
+        R.color.web_medium_orchid to R.string.web_medium_orchid,
+        R.color.web_medium_purple to R.string.web_medium_purple,
+        R.color.web_medium_sea_green to R.string.web_medium_sea_green,
+        R.color.web_medium_slate_blue to R.string.web_medium_slate_blue,
+        R.color.web_medium_spring_green to R.string.web_medium_spring_green,
+        R.color.web_medium_turquoise to R.string.web_medium_turquoise,
+        R.color.web_medium_violet_red to R.string.web_medium_violet_red,
+        R.color.web_midnight_blue to R.string.web_midnight_blue,
+        R.color.web_mimosa to R.string.web_mimosa,
+        R.color.web_mineral_blue to R.string.web_mineral_blue,
+        R.color.web_mineral_violet to R.string.web_mineral_violet,
+        R.color.web_mint to R.string.web_mint,
+        R.color.web_mint_cream to R.string.web_mint_cream,
+        R.color.web_misty_rose to R.string.web_misty_rose,
+        R.color.web_moccasin to R.string.web_moccasin,
+        R.color.web_moon_yellow to R.string.web_moon_yellow,
+        R.color.web_moss_green to R.string.web_moss_green,
+        R.color.web_mustard to R.string.web_mustard,
+        R.color.web_navajo_white to R.string.web_navajo_white,
+        R.color.web_navy to R.string.web_navy,
+        R.color.web_ocher to R.string.web_ocher,
+        R.color.web_old_lace to R.string.web_old_lace,
+        R.color.web_old_rose to R.string.web_old_rose,
+        R.color.web_olive to R.string.web_olive,
+        R.color.web_olive_drab to R.string.web_olive_drab,
+        R.color.web_opera_mauve to R.string.web_opera_mauve,
+        R.color.web_orange to R.string.web_orange,
+        R.color.web_orange_red to R.string.web_orange_red,
+        R.color.web_orchid to R.string.web_orchid,
+        R.color.web_pail_lilac to R.string.web_pail_lilac,
+        R.color.web_pale_blue to R.string.web_pale_blue,
+        R.color.web_pale_denim to R.string.web_pale_denim,
+        R.color.web_pale_goldenrod to R.string.web_pale_goldenrod,
+        R.color.web_pale_green to R.string.web_pale_green,
+        R.color.web_pale_ochre to R.string.web_pale_ochre,
+        R.color.web_pale_turquoise to R.string.web_pale_turquoise,
+        R.color.web_pale_violet_red to R.string.web_pale_violet_red,
+        R.color.web_pansy to R.string.web_pansy,
+        R.color.web_papaya_whip to R.string.web_papaya_whip,
+        R.color.web_patriarch to R.string.web_patriarch,
+        R.color.web_peach to R.string.web_peach,
+        R.color.web_peach_pearl to R.string.web_peach_pearl,
+        R.color.web_peach_puff to R.string.web_peach_puff,
+        R.color.web_peacock_blue to R.string.web_peacock_blue,
+        R.color.web_peacock_green to R.string.web_peacock_green,
+        R.color.web_pearl_pink to R.string.web_pearl_pink,
+        R.color.web_persimmon to R.string.web_persimmon,
+        R.color.web_peru to R.string.web_peru,
+        R.color.web_pink to R.string.web_pink,
+        R.color.web_plum to R.string.web_plum,
+        R.color.web_powder_blue to R.string.web_powder_blue,
+        R.color.web_prussian_blue to R.string.web_prussian_blue,
+        R.color.web_purple to R.string.web_purple,
+        R.color.web_red to R.string.web_red,
+        R.color.web_rose to R.string.web_rose,
+        R.color.web_rose_pink to R.string.web_rose_pink,
+        R.color.web_rosy_brown to R.string.web_rosy_brown,
+        R.color.web_royal_blue to R.string.web_royal_blue,
+        R.color.web_ruby to R.string.web_ruby,
+        R.color.web_saddle_brown to R.string.web_saddle_brown,
+        R.color.web_salmon to R.string.web_salmon,
+        R.color.web_salmon_pink to R.string.web_salmon_pink,
+        R.color.web_salvia_blue to R.string.web_salvia_blue,
+        R.color.web_sand_beige to R.string.web_sand_beige,
+        R.color.web_sand_brown to R.string.web_sand_brown,
+        R.color.web_sapphire to R.string.web_sapphire,
+        R.color.web_saxe_blue to R.string.web_saxe_blue,
+        R.color.web_scarlet to R.string.web_scarlet,
+        R.color.web_seashell to R.string.web_seashell,
+        R.color.web_sea_green to R.string.web_sea_green,
+        R.color.web_sepia to R.string.web_sepia,
+        R.color.web_shell_pink to R.string.web_shell_pink,
+        R.color.web_sienna to R.string.web_sienna,
+        R.color.web_silver to R.string.web_silver,
+        R.color.web_sky_blue to R.string.web_sky_blue,
+        R.color.web_slate_blue to R.string.web_slate_blue,
+        R.color.web_slate_gray to R.string.web_slate_gray,
+        R.color.web_snow to R.string.web_snow,
+        R.color.web_spinel_red to R.string.web_spinel_red,
+        R.color.web_spring_green to R.string.web_spring_green,
+        R.color.web_steel_blue to R.string.web_steel_blue,
+        R.color.web_strong_blue to R.string.web_strong_blue,
+        R.color.web_strong_red to R.string.web_strong_red,
+        R.color.web_sun_orange to R.string.web_sun_orange,
+        R.color.web_tan to R.string.web_tan,
+        R.color.web_tangerine to R.string.web_tangerine,
+        R.color.web_tangerine_yellow to R.string.web_tangerine_yellow,
+        R.color.web_teal to R.string.web_teal,
+        R.color.web_thistle to R.string.web_thistle,
+        R.color.web_tomato to R.string.web_tomato,
+        R.color.web_tropical_orange to R.string.web_tropical_orange,
+        R.color.web_turquoise to R.string.web_turquoise,
+        R.color.web_turquoise_blue to R.string.web_turquoise_blue,
+        R.color.web_turquoise_green to R.string.web_turquoise_green,
+        R.color.web_ultramarine to R.string.web_ultramarine,
+        R.color.web_vermilion to R.string.web_vermilion,
+        R.color.web_very_light_malachite_green to R.string.web_very_light_malachite_green,
+        R.color.web_violet to R.string.web_violet,
+        R.color.web_viridian to R.string.web_viridian,
+        R.color.web_wedgwood_blue to R.string.web_wedgwood_blue,
+        R.color.web_wheat to R.string.web_wheat,
+        R.color.web_white to R.string.web_white,
+        R.color.web_white_smoke to R.string.web_white_smoke,
+        R.color.web_wisteria to R.string.web_wisteria,
+        R.color.web_yellow to R.string.web_yellow,
+        R.color.web_yellow_green to R.string.web_yellow_green,
+    )
+
+}

app/src/main/java/org/autojs/autojs/theme/ThemeColorHelper.java

@@ -20,6 +20,7 @@ import androidx.core.graphics.drawable.DrawableCompat;
 
 import org.autojs.autojs.theme.internal.ScrollingViewEdgeGlowColorHelper;
 import org.autojs.autojs.util.ColorUtils;
+import org.autojs.autojs.util.ViewUtils;
 import org.autojs.autojs6.R;
 
 /**
@@ -116,7 +117,7 @@ public class ThemeColorHelper {
     public static void setStatusBarColor(Activity activity, int color) {
         Window window = activity.getWindow();
         window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
-        window.setStatusBarColor(color);
+        ViewUtils.setStatusBarBackgroundColor(activity, color);
     }
 
     public static void setBackgroundColor(View view, int color) {

app/src/main/java/org/autojs/autojs/theme/app/ColorSelectActivity.kt

@@ -3,6 +3,12 @@ package org.autojs.autojs.theme.app
 import android.os.Bundle
 import android.view.Menu
 import android.view.MenuItem
+import android.view.View
+import org.autojs.autojs.core.pref.Pref
+import org.autojs.autojs.theme.ThemeChangeNotifier
+import org.autojs.autojs.theme.ThemeColorManager
+import org.autojs.autojs.util.StringUtils.key
+import org.autojs.autojs.util.ViewUtils
 import org.autojs.autojs6.R
 import org.autojs.autojs6.databinding.MtActivityColorSelectBinding
 
@@ -13,6 +19,16 @@ class ColorSelectActivity : ColorSelectBaseActivity() {
 
     private lateinit var binding: MtActivityColorSelectBinding
 
+    private lateinit var mColorSettingRecyclerView: ColorSettingRecyclerView
+
+    private val mOnItemClickListener = object : OnItemClickListener {
+        override fun onItemClick(v: View?, position: Int) {
+            mColorSettingRecyclerView.selectedThemeColor?.let {
+                setColorWithAnimation(it.colorPrimary)
+            }
+        }
+    }
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         MtActivityColorSelectBinding.inflate(layoutInflater).also {
@@ -24,6 +40,23 @@ class ColorSelectActivity : ColorSelectBaseActivity() {
         }
     }
 
+    private fun setUpColorSettingRecyclerView(colorSettingRecyclerView: ColorSettingRecyclerView) {
+        mColorSettingRecyclerView = colorSettingRecyclerView.apply {
+            setSelectedColor(currentColor)
+            setOnItemClickListener(mOnItemClickListener)
+            ViewUtils.excludePaddingClippableViewFromNavigationBar(this)
+        }
+    }
+
+    override fun finish() {
+        mColorSettingRecyclerView.selectedThemeColor?.let {
+            ThemeColorManager.setThemeColor(it.colorPrimary)
+            Pref.putString(key(R.string.key_theme_color), getCurrentColorSummary(this))
+            ThemeChangeNotifier.notifyThemeChanged()
+        }
+        super.finish()
+    }
+
     override fun onCreateOptionsMenu(menu: Menu): Boolean {
         menuInflater.inflate(R.menu.menu_color_select, menu)
         return super.onCreateOptionsMenu(menu)
@@ -31,18 +64,26 @@ class ColorSelectActivity : ColorSelectBaseActivity() {
 
     override fun onOptionsItemSelected(item: MenuItem): Boolean {
         when (item.itemId) {
+            R.id.action_color_palette -> {
+                ViewUtils.showToast(this, R.string.text_under_development_title)
+            }
+            R.id.action_search_color -> {
+                ViewUtils.showToast(this, R.string.text_under_development_title)
+            }
+            R.id.action_new_color_library -> {
+                ViewUtils.showToast(this, R.string.text_under_development_title)
+            }
+            R.id.action_locate_current_color -> {
+                ViewUtils.showToast(this, R.string.text_under_development_title)
+            }
             R.id.action_toggle_color_select_layout -> {
                 isLegacyLayout = true
                 startActivity(this)
             }
-            R.id.action_locate_current_color -> {
-
-            }
-            R.id.action_search_color -> {
-
-            }
         }
         return true
     }
 
+    override fun getSubtitle() = getCurrentColorSummary(this)
+
 }

app/src/main/java/org/autojs/autojs/theme/app/ColorSelectBaseActivity.kt

@@ -9,13 +9,12 @@ import android.view.ViewAnimationUtils
 import androidx.appcompat.widget.Toolbar
 import com.google.android.material.appbar.AppBarLayout
 import io.codetail.widget.RevealFrameLayout
+import org.autojs.autojs.core.image.ColorItems
 import org.autojs.autojs.core.pref.Pref
-import org.autojs.autojs.theme.ThemeChangeNotifier
 import org.autojs.autojs.theme.ThemeColor
 import org.autojs.autojs.theme.ThemeColorManager
 import org.autojs.autojs.ui.BaseActivity
 import org.autojs.autojs.util.ColorUtils
-import org.autojs.autojs.util.StringUtils.key
 import org.autojs.autojs.util.ViewUtils
 import org.autojs.autojs.util.ViewUtils.setMenuIconsColorByColorLuminance
 import org.autojs.autojs.util.ViewUtils.setNavigationIconColorByColorLuminance
@@ -36,59 +35,36 @@ abstract class ColorSelectBaseActivity : BaseActivity() {
     private lateinit var mToolbar: Toolbar
     private lateinit var mAppBarLayout: AppBarLayout
     private lateinit var mAppBarContainer: RevealFrameLayout
-    private lateinit var mColorSettingRecyclerView: ColorSettingRecyclerView
 
     private lateinit var mTitle: String
 
-    private val mOnItemClickListener = object : OnItemClickListener {
-        override fun onItemClick(v: View?, position: Int) {
-            mColorSettingRecyclerView.selectedThemeColor?.let {
-                setColorWithAnimation(mAppBarLayout, it.colorPrimary)
-            }
-        }
-    }
-
-    private var currentColor by Delegates.notNull<Int>()
+    protected var currentColor by Delegates.notNull<Int>()
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        mTitle = this.intent.getStringExtra("title") ?: this.getString(R.string.mt_color_picker_title)
-        currentColor = this.intent.getIntExtra("currentColor", ThemeColorManager.colorPrimary)
+        mTitle = intent.getStringExtra("title") ?: getString(R.string.text_theme_color)
+        currentColor = intent.getIntExtra("currentColor", ThemeColorManager.colorPrimary)
     }
 
     protected fun setUpToolbar(toolbar: Toolbar) {
         toolbar.apply {
             title = mTitle
+            subtitle = this@ColorSelectBaseActivity.getSubtitle()
             setSupportActionBar(this)
             setNavigationOnClickListener { finish() }
             setTitleTextAppearance(this@ColorSelectBaseActivity, R.style.TextAppearanceMainTitle)
+            setSubtitleTextAppearance(this@ColorSelectBaseActivity, R.style.TextAppearanceMainSubtitle)
             mToolbar = this
         }
         supportActionBar?.setDisplayHomeAsUpEnabled(true)
     }
 
-    protected fun setUpColorSettingRecyclerView(colorSettingRecyclerView: ColorSettingRecyclerView) {
-        mColorSettingRecyclerView = colorSettingRecyclerView.apply {
-            setCustomColor()
-            setSelectedColor(currentColor)
-            setOnItemClickListener(mOnItemClickListener)
-            ViewUtils.excludePaddingClippableViewFromNavigationBar(this)
-        }
-    }
-
-    override fun finish() {
-        mColorSettingRecyclerView.selectedThemeColor?.let {
-            ThemeColorManager.setThemeColor(it.colorPrimary)
-            Pref.putString(key(R.string.key_theme_color), getColorString(this))
-            ThemeChangeNotifier.notifyThemeChanged()
-        }
-        super.finish()
-    }
-
     protected fun finishWithoutSaving() {
         super.finish()
     }
 
+    protected open fun getSubtitle(): String? = null
+
     override fun initThemeColors() {
         super.initThemeColors()
         mToolbar.setTitlesTextColorByColorLuminance(this, currentColor)
@@ -105,20 +81,22 @@ abstract class ColorSelectBaseActivity : BaseActivity() {
         mToolbar.setMenuIconsColorByColorLuminance(this, currentColor)
     }
 
-    private fun setColorWithAnimation(view: View, colorTo: Int) {
+    protected fun setColorWithAnimation(colorTo: Int) {
+        val view = mAppBarLayout
         mAppBarContainer.setBackgroundColor(currentColor)
         view.setBackgroundColor(colorTo)
         currentColor = colorTo
 
         initThemeColors()
         updateToolbarIconsColor()
+        mToolbar.subtitle = getSubtitle()
 
         ViewAnimationUtils.createCircularReveal(
             /* view = */ view,
             /* centerX = */ view.left,
             /* centerY = */ view.bottom,
             /* startRadius = */ 0f,
-            /* endRadius = */ hypot(view.width.toDouble(), view.height.toDouble()).toFloat()
+            /* endRadius = */ hypot(view.width.toDouble(), view.height.toDouble()).toFloat(),
         ).apply {
             duration = 500L
             start()
@@ -155,14 +133,26 @@ abstract class ColorSelectBaseActivity : BaseActivity() {
             get() = Pref.getBoolean(R.string.key_color_select_activity_legacy_layout, false)
             set(value) = Pref.putBoolean(R.string.key_color_select_activity_legacy_layout, value)
 
+        val colorItems by lazy {
+            mutableListOf<Pair</* colorRes */ Int, /* nameRes */ Int>>().apply {
+                add(customColorPosition, 0 to R.string.mt_custom)
+                add(defaultColorPosition, R.color.theme_color_default to R.string.theme_color_default)
+                addAll(ColorItems.MATERIAL_COLORS)
+            }
+        }
+
         @JvmStatic
         fun startActivity(context: Context) {
             val cls = when (isLegacyLayout) {
                 true -> ColorSelectLegacyActivity::class.java
                 else -> ColorSelectActivity::class.java
             }
+            val titleRes = when (isLegacyLayout) {
+                true -> R.string.mt_color_picker_title
+                else -> R.string.text_theme_color
+            }
             val intent = Intent(context, cls).apply {
-                putExtra("title", context.getString(R.string.mt_color_picker_title))
+                putExtra("title", context.getString(titleRes))
             }
             if (context is ColorSelectBaseActivity) {
                 intent.putExtra("currentColor", context.currentColor)
@@ -171,19 +161,18 @@ abstract class ColorSelectBaseActivity : BaseActivity() {
             context.startActivity(intent)
         }
 
-        fun getColorString(context: Context): String {
+        @JvmStatic
+        fun getCurrentColorSummary(context: Context): String {
             val index = Pref.getInt(KEY_SELECTED_COLOR_INDEX, defaultColorPosition)
-            val colorItem = getColorItems(context)[index]
-            return "${colorItem.name} [${ColorUtils.toString(colorItem.themeColor.colorPrimary).uppercase()}]"
-        }
-
-        internal fun getColorItems(context: Context): List<ColorItem> = ArrayList<Pair</* nameRes */ Int, /* colorInt */ Int>>()
-            .apply {
-                add(customColorPosition, Pair(Pref.getInt(KEY_CUSTOM_COLOR, context.getColor(R.color.md_blue_grey_800)), R.string.mt_custom))
-                add(defaultColorPosition, Pair(context.getColor(R.color.theme_color_default), R.string.theme_color_default))
-                addAll(ColorUtils.MATERIAL_COLOR_ITEMS.map { pair -> Pair(context.getColor(pair.first), pair.second) })
+            val colorItem = colorItems[index]
+            val (colorRes, nameRes) = colorItem
+            val name = context.getString(nameRes)
+            val colorInt = when (index) {
+                customColorPosition -> Pref.getInt(KEY_CUSTOM_COLOR, context.getColor(R.color.md_blue_grey_800))
+                else -> context.getColor(colorRes)
             }
-            .map { (colorInt, nameRes) -> ColorItem(context.getString(nameRes), colorInt) }
+            return "$name [${ColorUtils.toString(colorInt).uppercase()}]"
+        }
 
     }
 

app/src/main/java/org/autojs/autojs/theme/app/ColorSelectLegacyActivity.kt

@@ -3,6 +3,12 @@ package org.autojs.autojs.theme.app
 import android.os.Bundle
 import android.view.Menu
 import android.view.MenuItem
+import android.view.View
+import org.autojs.autojs.core.pref.Pref
+import org.autojs.autojs.theme.ThemeChangeNotifier
+import org.autojs.autojs.theme.ThemeColorManager
+import org.autojs.autojs.util.StringUtils.key
+import org.autojs.autojs.util.ViewUtils
 import org.autojs.autojs6.R
 import org.autojs.autojs6.databinding.MtActivityColorSelectLegacyBinding
 
@@ -13,6 +19,16 @@ class ColorSelectLegacyActivity : ColorSelectBaseActivity() {
 
     private lateinit var binding: MtActivityColorSelectLegacyBinding
 
+    private lateinit var mColorSettingRecyclerView: ColorSettingRecyclerViewLegacy
+
+    private val mOnItemClickListener = object : OnItemClickListener {
+        override fun onItemClick(v: View?, position: Int) {
+            mColorSettingRecyclerView.selectedThemeColor?.let {
+                setColorWithAnimation(it.colorPrimary)
+            }
+        }
+    }
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         MtActivityColorSelectLegacyBinding.inflate(layoutInflater).also {
@@ -24,6 +40,23 @@ class ColorSelectLegacyActivity : ColorSelectBaseActivity() {
         }
     }
 
+    private fun setUpColorSettingRecyclerView(colorSettingRecyclerView: ColorSettingRecyclerViewLegacy) {
+        mColorSettingRecyclerView = colorSettingRecyclerView.apply {
+            setSelectedColor(currentColor)
+            setOnItemClickListener(mOnItemClickListener)
+            ViewUtils.excludePaddingClippableViewFromNavigationBar(this)
+        }
+    }
+
+    override fun finish() {
+        mColorSettingRecyclerView.selectedThemeColor?.let {
+            ThemeColorManager.setThemeColor(it.colorPrimary)
+            Pref.putString(key(R.string.key_theme_color), getCurrentColorSummary(this))
+            ThemeChangeNotifier.notifyThemeChanged()
+        }
+        super.finish()
+    }
+
     override fun onCreateOptionsMenu(menu: Menu): Boolean {
         menuInflater.inflate(R.menu.menu_color_select_legacy, menu)
         return super.onCreateOptionsMenu(menu)

app/src/main/java/org/autojs/autojs/theme/app/ColorSettingRecyclerView.kt

@@ -9,17 +9,15 @@ import android.view.View
 import android.view.ViewGroup
 import android.widget.ImageView
 import android.widget.TextView
-import androidx.annotation.ColorInt
-import androidx.fragment.app.FragmentActivity
 import androidx.recyclerview.widget.DividerItemDecoration
 import androidx.recyclerview.widget.LinearLayoutManager
 import androidx.recyclerview.widget.RecyclerView
 import androidx.recyclerview.widget.ThemeColorRecyclerView
 import com.jaredrummler.android.colorpicker.ColorPickerDialog
-import com.jaredrummler.android.colorpicker.ColorPickerDialogListener
 import org.autojs.autojs.core.pref.Pref
 import org.autojs.autojs.theme.ThemeColor
 import org.autojs.autojs.theme.ThemeColorHelper
+import org.autojs.autojs.theme.app.ColorSelectBaseActivity.Companion.customColorPosition
 import org.autojs.autojs.util.ColorUtils
 import org.autojs.autojs6.R
 
@@ -36,19 +34,23 @@ class ColorSettingRecyclerView : ThemeColorRecyclerView {
     private var mSelectedPosition = ColorSelectBaseActivity.SELECT_NONE
 
     val selectedThemeColor: ThemeColor?
-        get() = ColorSelectBaseActivity.getColorItems(context)[mSelectedPosition].themeColor.takeUnless { mSelectedPosition < 0 }
+        get() = when {
+            mSelectedPosition < 0 -> null
+            mSelectedPosition == customColorPosition -> customColor
+            else -> context.getColor(ColorSelectBaseActivity.colorItems[mSelectedPosition].first)
+        }?.let { ThemeColor(it) }
 
     private val customColor: Int
         get() = Pref.getInt(ColorSelectBaseActivity.KEY_CUSTOM_COLOR, context.getColor(R.color.md_blue_grey_800))
 
     private val mActualOnItemClickListener = OnClickListener { v ->
         getChildViewHolder(v)?.let { holder ->
-            val pos = holder.bindingAdapterPosition
-            if (pos == ColorSelectBaseActivity.customColorPosition) {
-                showColorPicker(v)
-            } else {
-                setSelectedPosition(pos)
-                mOnItemClickListener?.onItemClick(v, pos)
+            when (val pos = holder.bindingAdapterPosition) {
+                customColorPosition -> showColorPicker(v)
+                else -> {
+                    setSelectedPosition(pos)
+                    mOnItemClickListener?.onItemClick(v, pos)
+                }
             }
         }
     }
@@ -73,8 +75,12 @@ class ColorSettingRecyclerView : ThemeColorRecyclerView {
     }
 
     fun setSelectedColor(colorPrimary: Int) {
-        for ((i, colorItem) in ColorSelectBaseActivity.getColorItems(context).withIndex()) {
-            if (colorItem.themeColor.colorPrimary == colorPrimary) {
+        for ((i, colorItem) in ColorSelectBaseActivity.colorItems.withIndex()) {
+            val color = when (i) {
+                customColorPosition -> customColor
+                else -> context.getColor(colorItem.first)
+            }
+            if (color == colorPrimary) {
                 setSelectedPosition(i)
                 return
             }
@@ -82,14 +88,6 @@ class ColorSettingRecyclerView : ThemeColorRecyclerView {
         mSelectedPosition = ColorSelectBaseActivity.SELECT_NONE
     }
 
-    private fun setCustomColor(color: Int) {
-        ColorSelectBaseActivity.getColorItems(context)[ColorSelectBaseActivity.customColorPosition].themeColor.colorPrimary = color
-    }
-
-    fun setCustomColor() {
-        setCustomColor(customColor)
-    }
-
     private fun showColorPicker(v: View) {
         ColorPickerDialog.newBuilder()
             .setAllowCustom(true)
@@ -99,20 +97,13 @@ class ColorSettingRecyclerView : ThemeColorRecyclerView {
             .setDialogTitle(R.string.mt_color_picker_title)
             .setColor(customColor)
             .create()
-            .apply {
-                setColorPickerDialogListener(object : ColorPickerDialogListener {
-                    override fun onColorSelected(dialogId: Int, @ColorInt color: Int) {
-                        val c = color or -0x1000000
-                        Pref.putInt(ColorSelectBaseActivity.KEY_CUSTOM_COLOR, c)
-                        setCustomColor(c)
-                        setSelectedPosition(ColorSelectBaseActivity.customColorPosition)
-                        mOnItemClickListener?.onItemClick(v, ColorSelectBaseActivity.customColorPosition)
-                    }
-
-                    override fun onDialogDismissed(dialogId: Int) {}
-                })
+            .setColorPickerDialogListener { _: Int, color: Int ->
+                val customColor = color or -0x1000000
+                Pref.putInt(ColorSelectBaseActivity.KEY_CUSTOM_COLOR, customColor)
+                setSelectedPosition(customColorPosition)
+                mOnItemClickListener?.onItemClick(v, customColorPosition)
             }
-            .show((context as FragmentActivity).supportFragmentManager, "Tag")
+            .show((context as ColorSelectBaseActivity).supportFragmentManager, "ColorPickerTag")
     }
 
     fun setOnItemClickListener(onItemClickListener: ColorSelectBaseActivity.OnItemClickListener?) {
@@ -126,16 +117,21 @@ class ColorSettingRecyclerView : ThemeColorRecyclerView {
         }
 
         override fun onBindViewHolder(holder: ViewHolder, position: Int) {
-            val item = ColorSelectBaseActivity.getColorItems(context)[position]
+            val colorItem = ColorSelectBaseActivity.colorItems[position]
+            val (colorRes, nameRes) = colorItem
+            val color = when (position) {
+                customColorPosition -> customColor
+                else -> context.getColor(colorRes)
+            }
             holder.apply {
-                setColor(item.themeColor.colorPrimary)
-                nameView.text = item.name
+                setColor(color)
+                nameView.text = context.getString(nameRes)
                 nameView.setTextColor(context.getColor(R.color.color_selector_item_text))
                 setChecked(mSelectedPosition == position)
             }
         }
 
-        override fun getItemCount() = ColorSelectBaseActivity.getColorItems(context).size
+        override fun getItemCount() = ColorSelectBaseActivity.colorItems.size
 
     }
 

app/src/main/java/org/autojs/autojs/theme/app/ColorSettingRecyclerViewLegacy.kt

@@ -0,0 +1,174 @@
+package org.autojs.autojs.theme.app
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.content.res.ColorStateList
+import android.util.AttributeSet
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.annotation.ColorInt
+import androidx.fragment.app.FragmentActivity
+import androidx.recyclerview.widget.DividerItemDecoration
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import androidx.recyclerview.widget.ThemeColorRecyclerView
+import com.jaredrummler.android.colorpicker.ColorPickerDialog
+import com.jaredrummler.android.colorpicker.ColorPickerDialogListener
+import org.autojs.autojs.core.pref.Pref
+import org.autojs.autojs.theme.ThemeColor
+import org.autojs.autojs.theme.ThemeColorHelper
+import org.autojs.autojs.theme.app.ColorSelectBaseActivity.Companion.customColorPosition
+import org.autojs.autojs.util.ColorUtils
+import org.autojs.autojs6.R
+
+class ColorSettingRecyclerViewLegacy : ThemeColorRecyclerView {
+
+    constructor(context: Context) : super(context)
+
+    constructor(context: Context, attrs: AttributeSet?) : super(context, attrs)
+
+    constructor(context: Context, attrs: AttributeSet?, defStyle: Int) : super(context, attrs, defStyle)
+
+    private var mOnItemClickListener: ColorSelectBaseActivity.OnItemClickListener? = null
+
+    private var mSelectedPosition = ColorSelectBaseActivity.SELECT_NONE
+
+    val selectedThemeColor: ThemeColor?
+        get() = when {
+            mSelectedPosition < 0 -> null
+            mSelectedPosition == customColorPosition -> customColor
+            else -> context.getColor(ColorSelectBaseActivity.colorItems[mSelectedPosition].first)
+        }?.let { ThemeColor(it) }
+
+    private val customColor: Int
+        get() = Pref.getInt(ColorSelectBaseActivity.KEY_CUSTOM_COLOR, context.getColor(R.color.md_blue_grey_800))
+
+    private val mActualOnItemClickListener = OnClickListener { v ->
+        getChildViewHolder(v)?.let { holder ->
+            when (val pos = holder.bindingAdapterPosition) {
+                customColorPosition -> showColorPicker(v)
+                else -> {
+                    setSelectedPosition(pos)
+                    mOnItemClickListener?.onItemClick(v, pos)
+                }
+            }
+        }
+    }
+
+    init {
+        adapter = Adapter()
+        layoutManager = LinearLayoutManager(context)
+        addItemDecoration(DividerItemDecoration(context, VERTICAL))
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    fun setSelectedPosition(currentPosition: Int) {
+        if (mSelectedPosition != ColorSelectBaseActivity.SELECT_NONE) {
+            adapter!!.notifyItemChanged(mSelectedPosition)
+            mSelectedPosition = currentPosition
+            adapter!!.notifyItemChanged(currentPosition)
+        } else {
+            mSelectedPosition = currentPosition
+            adapter!!.notifyDataSetChanged()
+        }
+        Pref.putInt(ColorSelectBaseActivity.KEY_SELECTED_COLOR_INDEX, mSelectedPosition)
+    }
+
+    fun setSelectedColor(colorPrimary: Int) {
+        for ((i, colorItem) in ColorSelectBaseActivity.colorItems.withIndex()) {
+            val color = when (i) {
+                customColorPosition -> customColor
+                else -> context.getColor(colorItem.first)
+            }
+            if (color == colorPrimary) {
+                setSelectedPosition(i)
+                return
+            }
+        }
+        mSelectedPosition = ColorSelectBaseActivity.SELECT_NONE
+    }
+
+    private fun showColorPicker(v: View) {
+        ColorPickerDialog.newBuilder()
+            .setAllowCustom(true)
+            .setAllowPresets(false)
+            .setDialogType(ColorPickerDialog.TYPE_CUSTOM)
+            .setShowAlphaSlider(false)
+            .setDialogTitle(R.string.mt_color_picker_title)
+            .setColor(customColor)
+            .create()
+            .apply {
+                setColorPickerDialogListener(object : ColorPickerDialogListener {
+                    override fun onColorSelected(dialogId: Int, @ColorInt color: Int) {
+                        val c = color or -0x1000000
+                        Pref.putInt(ColorSelectBaseActivity.KEY_CUSTOM_COLOR, c)
+                        setSelectedPosition(customColorPosition)
+                        mOnItemClickListener?.onItemClick(v, customColorPosition)
+                    }
+
+                    override fun onDialogDismissed(dialogId: Int) {}
+                })
+            }
+            .show((context as FragmentActivity).supportFragmentManager, "Tag")
+    }
+
+    fun setOnItemClickListener(onItemClickListener: ColorSelectBaseActivity.OnItemClickListener?) {
+        mOnItemClickListener = onItemClickListener
+    }
+
+    private inner class Adapter : RecyclerView.Adapter<ViewHolder>() {
+
+        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+            return ViewHolder(LayoutInflater.from(context).inflate(R.layout.mt_color_setting_recycler_view_item, parent, false))
+        }
+
+        override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+            val colorItem = ColorSelectBaseActivity.colorItems[position]
+            val (colorRes, nameRes) = colorItem
+            val color = when (position) {
+                customColorPosition -> customColor
+                else -> context.getColor(colorRes)
+            }
+            holder.apply {
+                setColor(color)
+                nameView.text = context.getString(nameRes)
+                nameView.setTextColor(context.getColor(R.color.color_selector_item_text))
+                setChecked(mSelectedPosition == position)
+            }
+        }
+
+        override fun getItemCount() = ColorSelectBaseActivity.colorItems.size
+
+    }
+
+    private inner class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
+
+        var colorView: ImageView
+        var nameView: TextView
+
+        init {
+            itemView.setOnClickListener(mActualOnItemClickListener)
+            colorView = itemView.findViewById(R.id.color)
+            nameView = itemView.findViewById(R.id.name)
+        }
+
+        fun setChecked(checked: Boolean) {
+            if (checked) {
+                colorView.setImageResource(R.drawable.mt_ic_check_white_36dp)
+                val selectedThemeColorRes = selectedThemeColor?.colorPrimary?.let {
+                    if (ColorUtils.isLuminanceLight(it)) R.color.day else R.color.night
+                } ?: R.color.night_day
+                colorView.imageTintList = ColorStateList.valueOf(context.getColor(selectedThemeColorRes))
+            } else {
+                colorView.setImageDrawable(null)
+            }
+        }
+
+        fun setColor(c: Int) = ThemeColorHelper.setBackgroundColor(colorView, c)
+
+    }
+
+}

app/src/main/java/org/autojs/autojs/theme/widget/ThemeColorToolbar.kt

@@ -2,7 +2,6 @@ package org.autojs.autojs.theme.widget
 
 import android.content.Context
 import android.util.AttributeSet
-import android.view.ViewTreeObserver.OnGlobalLayoutListener
 import androidx.appcompat.widget.Toolbar
 import org.autojs.autojs.theme.ThemeColor
 import org.autojs.autojs.theme.ThemeColorManager.add
@@ -10,6 +9,7 @@ import org.autojs.autojs.theme.ThemeColorManager.getDayOrNightColorByLuminance
 import org.autojs.autojs.theme.ThemeColorManager.isThemeColorLuminanceLight
 import org.autojs.autojs.theme.ThemeColorMutable
 import org.autojs.autojs.util.ViewUtils.applyColorFilterWith
+import org.autojs.autojs.util.ViewUtils.onceGlobalLayout
 import org.autojs.autojs6.R
 
 /**
@@ -37,7 +37,7 @@ open class ThemeColorToolbar : Toolbar, ThemeColorMutable {
     }
 
     override fun setThemeColor(color: ThemeColor) {
-        viewTreeObserver.addOnGlobalLayoutListener(OnGlobalLayoutListener { applyThemeColor(color) })
+        onceGlobalLayout { applyThemeColor(color) }
     }
 
     private fun applyThemeColor(color: ThemeColor) {

app/src/main/java/org/autojs/autojs/ui/edit/EditActivity.kt

@@ -1,5 +1,6 @@
 package org.autojs.autojs.ui.edit
 
+import android.animation.ValueAnimator
 import android.annotation.SuppressLint
 import android.app.Activity
 import android.content.Context
@@ -14,7 +15,6 @@ import android.util.TypedValue
 import android.view.ActionMode
 import android.view.Menu
 import android.view.MenuItem
-import android.view.ViewTreeObserver
 import android.widget.TextView
 import androidx.appcompat.widget.Toolbar
 import com.afollestad.materialdialogs.MaterialDialog
@@ -32,6 +32,7 @@ import org.autojs.autojs.theme.widget.ThemeColorToolbar
 import org.autojs.autojs.ui.BaseActivity
 import org.autojs.autojs.ui.main.MainActivity
 import org.autojs.autojs.util.Observers
+import org.autojs.autojs.util.ViewUtils.onceGlobalLayout
 import org.autojs.autojs.util.ViewUtils.setMenuIconsColorByThemeColorLuminance
 import org.autojs.autojs6.R
 import org.autojs.autojs6.databinding.ActivityEditBinding
@@ -71,99 +72,6 @@ open class EditActivity : BaseActivity(), DelegateHost, PermissionRequestProxyAc
         setUpToolbar()
     }
 
-    // @Created by JetBrains AI Assistant on Mar 24, 2025.
-    private fun adjustTitleTextView(textView: TextView) {
-        textView.post {
-            // 可用宽度, 排除内边距
-            val availableWidth = textView.width - textView.paddingLeft - textView.paddingRight
-            if (availableWidth <= 0) return@post
-
-            val textStr = textView.text.toString()
-            val isNonAscii = textStr.any { it.code >= 0x80 }
-            val paint: TextPaint = textView.paint
-            val originTextSizePx = textView.textSize
-            val step = resources.getDimension(R.dimen.editor_title_text_size_step)
-
-            /* ---------- 尝试一行显示 (单行) ---------- */
-
-            textView.isSingleLine = true
-            textView.maxLines = 1
-
-            var oneLineTextSizePx = originTextSizePx
-            val minOneLineSizePx = resources.getDimension(R.dimen.editor_title_min_text_size_single_line)
-
-            // 测量一行文字宽度
-            paint.textSize = oneLineTextSizePx
-            var measuredWidth = paint.measureText(textStr)
-            // 当文字宽度超出可用宽度并且字号还高于下限的时候逐步降低字号
-            while (measuredWidth > availableWidth && oneLineTextSizePx > minOneLineSizePx) {
-                oneLineTextSizePx -= step
-                paint.textSize = oneLineTextSizePx
-                measuredWidth = paint.measureText(textStr)
-            }
-
-            // 如果一行能够显示文字, 则直接应用修改
-            if (measuredWidth <= availableWidth) {
-                textView.setTextSize(TypedValue.COMPLEX_UNIT_PX, oneLineTextSizePx)
-                return@post
-            }
-
-            /* ---------- 切换为两行显示 ---------- */
-
-            textView.isSingleLine = false
-            textView.maxLines = 2
-
-            // 重置字号
-            var twoLineTextSize = when (isNonAscii) {
-                true -> resources.getDimension(R.dimen.editor_title_text_size_double_line_non_ascii)
-                else -> resources.getDimension(R.dimen.editor_title_text_size_double_line_ascii)
-            }
-
-            val minTwoLineSize = resources.getDimension(R.dimen.editor_title_min_text_size_double_line)
-            paint.textSize = twoLineTextSize
-
-            // 检查两行显示是否足够: 利用 StaticLayout 测量文字显示效果
-            fun createStaticLayout(textSize: Float): StaticLayout {
-                paint.textSize = textSize
-                return StaticLayout.Builder
-                    .obtain(textStr, 0, textStr.length, paint, availableWidth)
-                    .setAlignment(Layout.Alignment.ALIGN_NORMAL)
-                    .setLineSpacing(0f, 1f)
-                    .build()
-            }
-
-            var layout = createStaticLayout(twoLineTextSize)
-            // 当行数超出了两行且字号尚未到达最低要求, 则逐步降低字号
-            while (layout.lineCount > 2 && twoLineTextSize > minTwoLineSize) {
-                twoLineTextSize -= step
-                layout = createStaticLayout(twoLineTextSize)
-            }
-            if (layout.lineCount <= 2) {
-                textView.setTextSize(TypedValue.COMPLEX_UNIT_PX, twoLineTextSize)
-                return@post
-            }
-
-            /* ---------- 切换为三行显示 ---------- */
-
-            textView.maxLines = 3
-
-            var threeLineSize = when (isNonAscii) {
-                true -> resources.getDimension(R.dimen.editor_title_text_size_triple_line_non_ascii)
-                else -> resources.getDimension(R.dimen.editor_title_text_size_triple_line_ascii)
-            }
-
-            val minThreeLineSize = resources.getDimension(R.dimen.editor_title_min_text_size_triple_line)
-
-            paint.textSize = threeLineSize
-            layout = createStaticLayout(threeLineSize)
-            while (layout.lineCount > 3 && threeLineSize > minThreeLineSize) {
-                threeLineSize -= step
-                layout = createStaticLayout(threeLineSize)
-            }
-            textView.setTextSize(TypedValue.COMPLEX_UNIT_PX, threeLineSize)
-        }
-    }
-
     private fun onLoadFileError(message: String?) {
         MaterialDialog.Builder(this)
             .title(getString(R.string.text_cannot_read_file))
@@ -182,19 +90,112 @@ open class EditActivity : BaseActivity(), DelegateHost, PermissionRequestProxyAc
         menuInflater.inflate(R.menu.menu_editor, menu)
         mToolbar?.let { toolbar ->
             toolbar.setMenuIconsColorByThemeColorLuminance(this)
-            toolbar.viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
-                override fun onGlobalLayout() {
-                    val titleView = toolbar.findViewById(com.google.android.material.R.id.action_bar_title) ?: run {
-                        Toolbar::class.java.getDeclaredField("mTitleTextView").apply { isAccessible = true }.get(toolbar) as TextView?
-                    }
-                    titleView?.let { adjustTitleTextView(it) }
-                    toolbar.viewTreeObserver.removeOnGlobalLayoutListener(this)
+            toolbar.onceGlobalLayout {
+                val titleView = toolbar.findViewById(com.google.android.material.R.id.action_bar_title) ?: run {
+                    Toolbar::class.java.getDeclaredField("mTitleTextView").apply { isAccessible = true }.get(toolbar) as TextView?
                 }
-            })
+                titleView?.adjustTitleTextView()
+            }
         }
         return true
     }
 
+    private fun TextView.adjustTitleTextView() = this.post {
+        ValueAnimator.ofFloat(this.textSize, calculatedTextSize(this) ?: return@post).let {
+            it.duration = 120L
+            it.addUpdateListener { this.setTextSize(TypedValue.COMPLEX_UNIT_PX, it.animatedValue as Float) }
+            it.start()
+        }
+    }
+
+    // @Created by JetBrains AI Assistant on Mar 24, 2025.
+    private fun calculatedTextSize(textView: TextView): Float? {
+        // 可用宽度, 排除内边距
+        val availableWidth = textView.width - textView.paddingLeft - textView.paddingRight
+        if (availableWidth <= 0) return null
+
+        val textStr = textView.text.toString()
+        val isNonAscii = textStr.any { it.code >= 0x80 }
+        val paint: TextPaint = textView.paint
+        val step = resources.getDimension(R.dimen.editor_title_text_size_step)
+
+        /* ---------- 尝试一行显示 (单行) ---------- */
+
+        textView.isSingleLine = true
+        textView.maxLines = 1
+
+        var oneLineTextSizePx = textView.textSize
+        val minOneLineSizePx = resources.getDimension(R.dimen.editor_title_min_text_size_single_line)
+
+        // 测量一行文字宽度
+        paint.textSize = oneLineTextSizePx
+        var measuredWidth = paint.measureText(textStr)
+        // 当文字宽度超出可用宽度并且字号还高于下限的时候逐步降低字号
+        while (measuredWidth > availableWidth && oneLineTextSizePx > minOneLineSizePx) {
+            oneLineTextSizePx -= step
+            paint.textSize = oneLineTextSizePx
+            measuredWidth = paint.measureText(textStr)
+        }
+
+        // 如果一行能够显示文字, 则直接应用修改
+        if (measuredWidth <= availableWidth) {
+            return oneLineTextSizePx
+        }
+
+        /* ---------- 切换为两行显示 ---------- */
+
+        textView.isSingleLine = false
+        textView.maxLines = 2
+
+        // 重置字号
+        var twoLineTextSize = when (isNonAscii) {
+            true -> resources.getDimension(R.dimen.editor_title_text_size_double_line_non_ascii)
+            else -> resources.getDimension(R.dimen.editor_title_text_size_double_line_ascii)
+        }
+
+        val minTwoLineSize = resources.getDimension(R.dimen.editor_title_min_text_size_double_line)
+        paint.textSize = twoLineTextSize
+
+        // 检查两行显示是否足够: 利用 StaticLayout 测量文字显示效果
+        fun createStaticLayout(textSize: Float): StaticLayout {
+            paint.textSize = textSize
+            return StaticLayout.Builder
+                .obtain(textStr, 0, textStr.length, paint, availableWidth)
+                .setAlignment(Layout.Alignment.ALIGN_NORMAL)
+                .setLineSpacing(0f, 1f)
+                .build()
+        }
+
+        var layout = createStaticLayout(twoLineTextSize)
+        // 当行数超出了两行且字号尚未到达最低要求, 则逐步降低字号
+        while (layout.lineCount > 2 && twoLineTextSize > minTwoLineSize) {
+            twoLineTextSize -= step
+            layout = createStaticLayout(twoLineTextSize)
+        }
+        if (layout.lineCount <= 2) {
+            return twoLineTextSize
+        }
+
+        /* ---------- 切换为三行显示 ---------- */
+
+        textView.maxLines = 3
+
+        var threeLineSize = when (isNonAscii) {
+            true -> resources.getDimension(R.dimen.editor_title_text_size_triple_line_non_ascii)
+            else -> resources.getDimension(R.dimen.editor_title_text_size_triple_line_ascii)
+        }
+
+        val minThreeLineSize = resources.getDimension(R.dimen.editor_title_min_text_size_triple_line)
+
+        paint.textSize = threeLineSize
+        layout = createStaticLayout(threeLineSize)
+        while (layout.lineCount > 3 && threeLineSize > minThreeLineSize) {
+            threeLineSize -= step
+            layout = createStaticLayout(threeLineSize)
+        }
+        return threeLineSize
+    }
+
     override fun onOptionsItemSelected(item: MenuItem): Boolean {
         return mEditorMenu.onOptionsItemSelected(item)
     }

app/src/main/java/org/autojs/autojs/ui/main/drawer/DrawerFragment.kt

@@ -367,6 +367,7 @@ open class DrawerFragment : Fragment() {
 
         mThemeColorItem = DrawerMenuShortcutItem(R.drawable.ic_personalize, R.string.text_theme_color)
             .setAction(Runnable { ColorSelectBaseActivity.startActivity(mContext) })
+            .apply { subtitle = ColorSelectBaseActivity.getCurrentColorSummary(mContext) }
 
         mAboutAppAndDevItem = DrawerMenuShortcutItem(R.drawable.ic_about, R.string.text_about_app_and_developer)
             .setAction(Runnable { AboutActivity.startActivity(mContext) })

app/src/main/java/org/autojs/autojs/ui/main/scripts/MediaInfoDialogManager.kt

@@ -78,7 +78,6 @@ object MediaInfoDialogManager {
             launch(Dispatchers.IO) {
                 mediaInfo(filePath, AUDIO, "BitRate/String").let { binding.bitRateForAudioValue.bindWith(it) }
             }
-
             launch(Dispatchers.IO) {
                 mediaInfo(filePath, VIDEO, "BitRate/String").let { binding.bitRateForVideoValue.bindWith(it) }
             }

app/src/main/java/org/autojs/autojs/ui/settings/ThemeColorPreference.kt

@@ -19,7 +19,7 @@ class ThemeColorPreference : MaterialPreference, SharedPreferences.OnSharedPrefe
 
     init {
         Pref.registerOnSharedPreferenceChangeListener(this)
-        summaryProvider = SummaryProvider<ThemeColorPreference> { ColorSelectBaseActivity.getColorString(prefContext) }
+        summaryProvider = SummaryProvider<ThemeColorPreference> { ColorSelectBaseActivity.getCurrentColorSummary(prefContext) }
     }
 
     override fun onClick() {

app/src/main/java/org/autojs/autojs/ui/widget/AppWithStatusBarLayout.java

@@ -7,12 +7,11 @@ import android.content.res.Configuration;
 import android.graphics.Rect;
 import android.util.AttributeSet;
 import android.util.TypedValue;
-import android.view.ViewTreeObserver;
 import android.view.Window;
-
 import androidx.annotation.Nullable;
-
 import com.google.android.material.appbar.AppBarLayout;
+import kotlin.Unit;
+import org.autojs.autojs.util.ViewUtils;
 
 /**
  * Created by Stardust on Aug 22, 2017.
@@ -42,12 +41,9 @@ public class AppWithStatusBarLayout extends AppBarLayout {
     }
 
     private void setPadding() {
-        getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
-            @Override
-            public void onGlobalLayout() {
-                setPadding(getPaddingLeft(), getStatusBarHeight(), getPaddingRight(), getPaddingBottom());
-                getViewTreeObserver().removeOnGlobalLayoutListener(this);
-            }
+        ViewUtils.onceViewGlobalLayout(this, () -> {
+            setPadding(getPaddingLeft(), getStatusBarHeight(), getPaddingRight(), getPaddingBottom());
+            return Unit.INSTANCE;
         });
     }
 

app/src/main/java/org/autojs/autojs/util/ColorUtils.kt

@@ -22,323 +22,6 @@ import kotlin.text.RegexOption.IGNORE_CASE
 @Suppress("FunctionName")
 object ColorUtils {
 
-    @JvmField
-    val MATERIAL_COLOR_ITEMS: List<Pair</* colorRes */ Int, /* colorNameRes */ Int>> = listOf(
-
-        /* reds */
-
-        R.color.md_red_50 to R.string.md_red_50,
-        R.color.md_red_100 to R.string.md_red_100,
-        R.color.md_red_200 to R.string.md_red_200,
-        R.color.md_red_300 to R.string.md_red_300,
-        R.color.md_red_400 to R.string.md_red_400,
-        R.color.md_red_500 to R.string.md_red_500,
-        R.color.md_red_600 to R.string.md_red_600,
-        R.color.md_red_700 to R.string.md_red_700,
-        R.color.md_red_800 to R.string.md_red_800,
-        R.color.md_red_900 to R.string.md_red_900,
-        R.color.md_red_a100 to R.string.md_red_a100,
-        R.color.md_red_a200 to R.string.md_red_a200,
-        R.color.md_red_a400 to R.string.md_red_a400,
-        R.color.md_red_a700 to R.string.md_red_a700,
-
-        /* pinks */
-
-        R.color.md_pink_50 to R.string.md_pink_50,
-        R.color.md_pink_100 to R.string.md_pink_100,
-        R.color.md_pink_200 to R.string.md_pink_200,
-        R.color.md_pink_300 to R.string.md_pink_300,
-        R.color.md_pink_400 to R.string.md_pink_400,
-        R.color.md_pink_500 to R.string.md_pink_500,
-        R.color.md_pink_600 to R.string.md_pink_600,
-        R.color.md_pink_700 to R.string.md_pink_700,
-        R.color.md_pink_800 to R.string.md_pink_800,
-        R.color.md_pink_900 to R.string.md_pink_900,
-        R.color.md_pink_a100 to R.string.md_pink_a100,
-        R.color.md_pink_a200 to R.string.md_pink_a200,
-        R.color.md_pink_a400 to R.string.md_pink_a400,
-        R.color.md_pink_a700 to R.string.md_pink_a700,
-
-        /* purples */
-
-        R.color.md_purple_50 to R.string.md_purple_50,
-        R.color.md_purple_100 to R.string.md_purple_100,
-        R.color.md_purple_200 to R.string.md_purple_200,
-        R.color.md_purple_300 to R.string.md_purple_300,
-        R.color.md_purple_400 to R.string.md_purple_400,
-        R.color.md_purple_500 to R.string.md_purple_500,
-        R.color.md_purple_600 to R.string.md_purple_600,
-        R.color.md_purple_700 to R.string.md_purple_700,
-        R.color.md_purple_800 to R.string.md_purple_800,
-        R.color.md_purple_900 to R.string.md_purple_900,
-        R.color.md_purple_a100 to R.string.md_purple_a100,
-        R.color.md_purple_a200 to R.string.md_purple_a200,
-        R.color.md_purple_a400 to R.string.md_purple_a400,
-        R.color.md_purple_a700 to R.string.md_purple_a700,
-
-        /* deep purples */
-
-        R.color.md_deep_purple_50 to R.string.md_deep_purple_50,
-        R.color.md_deep_purple_100 to R.string.md_deep_purple_100,
-        R.color.md_deep_purple_200 to R.string.md_deep_purple_200,
-        R.color.md_deep_purple_300 to R.string.md_deep_purple_300,
-        R.color.md_deep_purple_400 to R.string.md_deep_purple_400,
-        R.color.md_deep_purple_500 to R.string.md_deep_purple_500,
-        R.color.md_deep_purple_600 to R.string.md_deep_purple_600,
-        R.color.md_deep_purple_700 to R.string.md_deep_purple_700,
-        R.color.md_deep_purple_800 to R.string.md_deep_purple_800,
-        R.color.md_deep_purple_900 to R.string.md_deep_purple_900,
-        R.color.md_deep_purple_a100 to R.string.md_deep_purple_a100,
-        R.color.md_deep_purple_a200 to R.string.md_deep_purple_a200,
-        R.color.md_deep_purple_a400 to R.string.md_deep_purple_a400,
-        R.color.md_deep_purple_a700 to R.string.md_deep_purple_a700,
-
-        /* indigo */
-
-        R.color.md_indigo_50 to R.string.md_indigo_50,
-        R.color.md_indigo_100 to R.string.md_indigo_100,
-        R.color.md_indigo_200 to R.string.md_indigo_200,
-        R.color.md_indigo_300 to R.string.md_indigo_300,
-        R.color.md_indigo_400 to R.string.md_indigo_400,
-        R.color.md_indigo_500 to R.string.md_indigo_500,
-        R.color.md_indigo_600 to R.string.md_indigo_600,
-        R.color.md_indigo_700 to R.string.md_indigo_700,
-        R.color.md_indigo_800 to R.string.md_indigo_800,
-        R.color.md_indigo_900 to R.string.md_indigo_900,
-        R.color.md_indigo_a100 to R.string.md_indigo_a100,
-        R.color.md_indigo_a200 to R.string.md_indigo_a200,
-        R.color.md_indigo_a400 to R.string.md_indigo_a400,
-        R.color.md_indigo_a700 to R.string.md_indigo_a700,
-
-        /* blue */
-
-        R.color.md_blue_50 to R.string.md_blue_50,
-        R.color.md_blue_100 to R.string.md_blue_100,
-        R.color.md_blue_200 to R.string.md_blue_200,
-        R.color.md_blue_300 to R.string.md_blue_300,
-        R.color.md_blue_400 to R.string.md_blue_400,
-        R.color.md_blue_500 to R.string.md_blue_500,
-        R.color.md_blue_600 to R.string.md_blue_600,
-        R.color.md_blue_700 to R.string.md_blue_700,
-        R.color.md_blue_800 to R.string.md_blue_800,
-        R.color.md_blue_900 to R.string.md_blue_900,
-        R.color.md_blue_a100 to R.string.md_blue_a100,
-        R.color.md_blue_a200 to R.string.md_blue_a200,
-        R.color.md_blue_a400 to R.string.md_blue_a400,
-        R.color.md_blue_a700 to R.string.md_blue_a700,
-
-        /* light blue */
-
-        R.color.md_light_blue_50 to R.string.md_light_blue_50,
-        R.color.md_light_blue_100 to R.string.md_light_blue_100,
-        R.color.md_light_blue_200 to R.string.md_light_blue_200,
-        R.color.md_light_blue_300 to R.string.md_light_blue_300,
-        R.color.md_light_blue_400 to R.string.md_light_blue_400,
-        R.color.md_light_blue_500 to R.string.md_light_blue_500,
-        R.color.md_light_blue_600 to R.string.md_light_blue_600,
-        R.color.md_light_blue_700 to R.string.md_light_blue_700,
-        R.color.md_light_blue_800 to R.string.md_light_blue_800,
-        R.color.md_light_blue_900 to R.string.md_light_blue_900,
-        R.color.md_light_blue_a100 to R.string.md_light_blue_a100,
-        R.color.md_light_blue_a200 to R.string.md_light_blue_a200,
-        R.color.md_light_blue_a400 to R.string.md_light_blue_a400,
-        R.color.md_light_blue_a700 to R.string.md_light_blue_a700,
-
-        /* cyan */
-
-        R.color.md_cyan_50 to R.string.md_cyan_50,
-        R.color.md_cyan_100 to R.string.md_cyan_100,
-        R.color.md_cyan_200 to R.string.md_cyan_200,
-        R.color.md_cyan_300 to R.string.md_cyan_300,
-        R.color.md_cyan_400 to R.string.md_cyan_400,
-        R.color.md_cyan_500 to R.string.md_cyan_500,
-        R.color.md_cyan_600 to R.string.md_cyan_600,
-        R.color.md_cyan_700 to R.string.md_cyan_700,
-        R.color.md_cyan_800 to R.string.md_cyan_800,
-        R.color.md_cyan_900 to R.string.md_cyan_900,
-        R.color.md_cyan_a100 to R.string.md_cyan_a100,
-        R.color.md_cyan_a200 to R.string.md_cyan_a200,
-        R.color.md_cyan_a400 to R.string.md_cyan_a400,
-        R.color.md_cyan_a700 to R.string.md_cyan_a700,
-
-        /* teal */
-
-        R.color.md_teal_50 to R.string.md_teal_50,
-        R.color.md_teal_100 to R.string.md_teal_100,
-        R.color.md_teal_200 to R.string.md_teal_200,
-        R.color.md_teal_300 to R.string.md_teal_300,
-        R.color.md_teal_400 to R.string.md_teal_400,
-        R.color.md_teal_500 to R.string.md_teal_500,
-        R.color.md_teal_600 to R.string.md_teal_600,
-        R.color.md_teal_700 to R.string.md_teal_700,
-        R.color.md_teal_800 to R.string.md_teal_800,
-        R.color.md_teal_900 to R.string.md_teal_900,
-        R.color.md_teal_a100 to R.string.md_teal_a100,
-        R.color.md_teal_a200 to R.string.md_teal_a200,
-        R.color.md_teal_a400 to R.string.md_teal_a400,
-        R.color.md_teal_a700 to R.string.md_teal_a700,
-
-        /* green */
-
-        R.color.md_green_50 to R.string.md_green_50,
-        R.color.md_green_100 to R.string.md_green_100,
-        R.color.md_green_200 to R.string.md_green_200,
-        R.color.md_green_300 to R.string.md_green_300,
-        R.color.md_green_400 to R.string.md_green_400,
-        R.color.md_green_500 to R.string.md_green_500,
-        R.color.md_green_600 to R.string.md_green_600,
-        R.color.md_green_700 to R.string.md_green_700,
-        R.color.md_green_800 to R.string.md_green_800,
-        R.color.md_green_900 to R.string.md_green_900,
-        R.color.md_green_a100 to R.string.md_green_a100,
-        R.color.md_green_a200 to R.string.md_green_a200,
-        R.color.md_green_a400 to R.string.md_green_a400,
-        R.color.md_green_a700 to R.string.md_green_a700,
-
-        /* light green */
-
-        R.color.md_light_green_50 to R.string.md_light_green_50,
-        R.color.md_light_green_100 to R.string.md_light_green_100,
-        R.color.md_light_green_200 to R.string.md_light_green_200,
-        R.color.md_light_green_300 to R.string.md_light_green_300,
-        R.color.md_light_green_400 to R.string.md_light_green_400,
-        R.color.md_light_green_500 to R.string.md_light_green_500,
-        R.color.md_light_green_600 to R.string.md_light_green_600,
-        R.color.md_light_green_700 to R.string.md_light_green_700,
-        R.color.md_light_green_800 to R.string.md_light_green_800,
-        R.color.md_light_green_900 to R.string.md_light_green_900,
-        R.color.md_light_green_a100 to R.string.md_light_green_a100,
-        R.color.md_light_green_a200 to R.string.md_light_green_a200,
-        R.color.md_light_green_a400 to R.string.md_light_green_a400,
-        R.color.md_light_green_a700 to R.string.md_light_green_a700,
-
-        /* lime */
-
-        R.color.md_lime_50 to R.string.md_lime_50,
-        R.color.md_lime_100 to R.string.md_lime_100,
-        R.color.md_lime_200 to R.string.md_lime_200,
-        R.color.md_lime_300 to R.string.md_lime_300,
-        R.color.md_lime_400 to R.string.md_lime_400,
-        R.color.md_lime_500 to R.string.md_lime_500,
-        R.color.md_lime_600 to R.string.md_lime_600,
-        R.color.md_lime_700 to R.string.md_lime_700,
-        R.color.md_lime_800 to R.string.md_lime_800,
-        R.color.md_lime_900 to R.string.md_lime_900,
-        R.color.md_lime_a100 to R.string.md_lime_a100,
-        R.color.md_lime_a200 to R.string.md_lime_a200,
-        R.color.md_lime_a400 to R.string.md_lime_a400,
-        R.color.md_lime_a700 to R.string.md_lime_a700,
-
-        /* yellow */
-
-        R.color.md_yellow_50 to R.string.md_yellow_50,
-        R.color.md_yellow_100 to R.string.md_yellow_100,
-        R.color.md_yellow_200 to R.string.md_yellow_200,
-        R.color.md_yellow_300 to R.string.md_yellow_300,
-        R.color.md_yellow_400 to R.string.md_yellow_400,
-        R.color.md_yellow_500 to R.string.md_yellow_500,
-        R.color.md_yellow_600 to R.string.md_yellow_600,
-        R.color.md_yellow_700 to R.string.md_yellow_700,
-        R.color.md_yellow_800 to R.string.md_yellow_800,
-        R.color.md_yellow_900 to R.string.md_yellow_900,
-        R.color.md_yellow_a100 to R.string.md_yellow_a100,
-        R.color.md_yellow_a200 to R.string.md_yellow_a200,
-        R.color.md_yellow_a400 to R.string.md_yellow_a400,
-        R.color.md_yellow_a700 to R.string.md_yellow_a700,
-
-        /* amber */
-
-        R.color.md_amber_50 to R.string.md_amber_50,
-        R.color.md_amber_100 to R.string.md_amber_100,
-        R.color.md_amber_200 to R.string.md_amber_200,
-        R.color.md_amber_300 to R.string.md_amber_300,
-        R.color.md_amber_400 to R.string.md_amber_400,
-        R.color.md_amber_500 to R.string.md_amber_500,
-        R.color.md_amber_600 to R.string.md_amber_600,
-        R.color.md_amber_700 to R.string.md_amber_700,
-        R.color.md_amber_800 to R.string.md_amber_800,
-        R.color.md_amber_900 to R.string.md_amber_900,
-        R.color.md_amber_a100 to R.string.md_amber_a100,
-        R.color.md_amber_a200 to R.string.md_amber_a200,
-        R.color.md_amber_a400 to R.string.md_amber_a400,
-        R.color.md_amber_a700 to R.string.md_amber_a700,
-
-        /* orange */
-
-        R.color.md_orange_50 to R.string.md_orange_50,
-        R.color.md_orange_100 to R.string.md_orange_100,
-        R.color.md_orange_200 to R.string.md_orange_200,
-        R.color.md_orange_300 to R.string.md_orange_300,
-        R.color.md_orange_400 to R.string.md_orange_400,
-        R.color.md_orange_500 to R.string.md_orange_500,
-        R.color.md_orange_600 to R.string.md_orange_600,
-        R.color.md_orange_700 to R.string.md_orange_700,
-        R.color.md_orange_800 to R.string.md_orange_800,
-        R.color.md_orange_900 to R.string.md_orange_900,
-        R.color.md_orange_a100 to R.string.md_orange_a100,
-        R.color.md_orange_a200 to R.string.md_orange_a200,
-        R.color.md_orange_a400 to R.string.md_orange_a400,
-        R.color.md_orange_a700 to R.string.md_orange_a700,
-
-        /* deep orange */
-
-        R.color.md_deep_orange_50 to R.string.md_deep_orange_50,
-        R.color.md_deep_orange_100 to R.string.md_deep_orange_100,
-        R.color.md_deep_orange_200 to R.string.md_deep_orange_200,
-        R.color.md_deep_orange_300 to R.string.md_deep_orange_300,
-        R.color.md_deep_orange_400 to R.string.md_deep_orange_400,
-        R.color.md_deep_orange_500 to R.string.md_deep_orange_500,
-        R.color.md_deep_orange_600 to R.string.md_deep_orange_600,
-        R.color.md_deep_orange_700 to R.string.md_deep_orange_700,
-        R.color.md_deep_orange_800 to R.string.md_deep_orange_800,
-        R.color.md_deep_orange_900 to R.string.md_deep_orange_900,
-        R.color.md_deep_orange_a100 to R.string.md_deep_orange_a100,
-        R.color.md_deep_orange_a200 to R.string.md_deep_orange_a200,
-        R.color.md_deep_orange_a400 to R.string.md_deep_orange_a400,
-        R.color.md_deep_orange_a700 to R.string.md_deep_orange_a700,
-
-        /* brown */
-
-        R.color.md_brown_50 to R.string.md_brown_50,
-        R.color.md_brown_100 to R.string.md_brown_100,
-        R.color.md_brown_200 to R.string.md_brown_200,
-        R.color.md_brown_300 to R.string.md_brown_300,
-        R.color.md_brown_400 to R.string.md_brown_400,
-        R.color.md_brown_500 to R.string.md_brown_500,
-        R.color.md_brown_600 to R.string.md_brown_600,
-        R.color.md_brown_700 to R.string.md_brown_700,
-        R.color.md_brown_800 to R.string.md_brown_800,
-        R.color.md_brown_900 to R.string.md_brown_900,
-
-        /* grey */
-
-        R.color.md_grey_50 to R.string.md_grey_50,
-        R.color.md_grey_100 to R.string.md_grey_100,
-        R.color.md_grey_200 to R.string.md_grey_200,
-        R.color.md_grey_300 to R.string.md_grey_300,
-        R.color.md_grey_400 to R.string.md_grey_400,
-        R.color.md_grey_500 to R.string.md_grey_500,
-        R.color.md_grey_600 to R.string.md_grey_600,
-        R.color.md_grey_700 to R.string.md_grey_700,
-        R.color.md_grey_800 to R.string.md_grey_800,
-        R.color.md_grey_900 to R.string.md_grey_900,
-        R.color.md_black_1000 to R.string.md_black_1000,
-        R.color.md_white_1000 to R.string.md_white_1000,
-
-        /* blue grey */
-
-        R.color.md_blue_grey_50 to R.string.md_blue_grey_50,
-        R.color.md_blue_grey_100 to R.string.md_blue_grey_100,
-        R.color.md_blue_grey_200 to R.string.md_blue_grey_200,
-        R.color.md_blue_grey_300 to R.string.md_blue_grey_300,
-        R.color.md_blue_grey_400 to R.string.md_blue_grey_400,
-        R.color.md_blue_grey_500 to R.string.md_blue_grey_500,
-        R.color.md_blue_grey_600 to R.string.md_blue_grey_600,
-        R.color.md_blue_grey_700 to R.string.md_blue_grey_700,
-        R.color.md_blue_grey_800 to R.string.md_blue_grey_800,
-        R.color.md_blue_grey_900 to R.string.md_blue_grey_900,
-    )
-
     @JvmStatic
     fun toString(color: Int): String {
 

app/src/main/java/org/autojs/autojs/util/ViewUtils.kt

@@ -22,6 +22,7 @@ import android.util.TypedValue
 import android.view.Gravity
 import android.view.View
 import android.view.ViewGroup
+import android.view.ViewTreeObserver
 import android.view.Window
 import android.view.WindowInsets
 import android.view.WindowManager
@@ -194,6 +195,7 @@ object ViewUtils {
         setStatusBarAppearanceLight(activity, shouldBeLight)
     }
 
+    @JvmStatic
     fun setStatusBarBackgroundColor(activity: Activity, color: Int) {
         val window = activity.window
         val decorView = window.decorView
@@ -408,6 +410,44 @@ object ViewUtils {
         this.navigationIcon?.let { this.navigationIcon = it.applyColorFilterWith(color) }
     }
 
+    @JvmStatic
+    fun onceViewGlobalLayout(view: View, listener: () -> Unit) {
+        view.onceGlobalLayout(listener)
+    }
+
+    fun View.onceGlobalLayout(listener: () -> Unit) {
+        val view = this
+        val viewTreeObserver = view.viewTreeObserver
+        if (viewTreeObserver.isAlive) {
+            viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
+                override fun onGlobalLayout() {
+                    listener.invoke()
+                    val viewTreeObserver = view.viewTreeObserver
+                    if (viewTreeObserver.isAlive) {
+                        viewTreeObserver.removeOnGlobalLayoutListener(this)
+                    }
+                }
+            })
+        }
+    }
+
+    @JvmStatic
+    fun onViewGlobalLayout(view: View, listener: () -> Unit) {
+        view.onGlobalLayout(listener)
+    }
+
+    fun View.onGlobalLayout(listener: () -> Unit) {
+        val view = this
+        val viewTreeObserver = view.viewTreeObserver
+        if (viewTreeObserver.isAlive) {
+            viewTreeObserver.addOnGlobalLayoutListener(object : ViewTreeObserver.OnGlobalLayoutListener {
+                override fun onGlobalLayout() {
+                    listener.invoke()
+                }
+            })
+        }
+    }
+
     fun Drawable.applyColorFilterWith(color: Int): Drawable {
         return this.applyColorFilterWith(PorterDuffColorFilter(color, PorterDuff.Mode.SRC_IN))
     }

app/src/main/res/drawable/ic_color_palette_vector.xml

@@ -0,0 +1,45 @@
+<vector
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="48dp"
+    android:height="48dp"
+    android:viewportWidth="512"
+    android:viewportHeight="512">
+
+    <!-- 此处使用 group 对象进行整体缩放和平移，以预留边距；
+         例如这里使用 0.78 的缩放，左右上下各会有 (512 - 512 * 0.78) / 2 = 56.32 的边距 -->
+    <group
+        android:scaleX="0.78"
+        android:scaleY="0.78"
+        android:translateX="56.32"
+        android:translateY="56.32">
+
+        <!-- 第一个路径 -->
+        <path
+            android:fillColor="#231F20"
+            android:pathData="M449.3,79.9C397.7,28.7,327.8,0.5,255.1,1.5C114.6,1.2,0.4,114.8,0,255.4c-0.3,140.5,113.3,254.8,253.8,255.1c29.9,0.5,56.4-19.3,64.4-48.1c5-20.5-0.4-42.3-14.5-58c-4.6-5.3-4.1-13.3,1.2-18c2.3-2,5.2-3.1,8.3-3.2h42c82,0.4,150.4-62.6,156.8-144.3C513.8,179.6,491.1,122,449.3,79.9z M356.1,332.4h-42c-35-0.2-63.5,28-63.7,63c-0.1,15.7,5.7,30.9,16.1,42.6c3.2,3.3,4.4,8.1,3.1,12.5c-1.3,5.3-7.1,8.6-15,9.2c-112.4-1.4-202.4-93.8-201-206.2c0.1-8.6,0.8-17.1,2-25.6c15-99.3,99.4-173.4,199.8-175.3h2c58.1-0.8,114.1,22,155.2,63.1c32.1,32.1,49.6,76,48.3,121.4C455.5,290.8,410.3,332,356.1,332.4z" />
+
+        <!-- 圆：使用路径数据来绘制圆形 -->
+        <path
+            android:fillColor="#231F20"
+            android:pathData="M257.4,116
+                m-38.2,0
+                a38.2,38.2 0 1,0 76.4,0
+                a38.2,38.2 0 1,0 -76.4,0" />
+
+        <!-- 第二个路径 -->
+        <path
+            android:fillColor="#231F20"
+            android:pathData="M340.1,133.9c-18.3,10.5-24.5,33.9-14,52.1c10.5,18.3,33.9,24.5,52.2,14c18.2-10.5,24.5-33.9,14-52.1C381.8,129.6,358.4,123.3,340.1,133.9z" />
+
+        <!-- 第三个路径 -->
+        <path
+            android:fillColor="#231F20"
+            android:pathData="M174.7,133.9c-18.3-10.5-41.6-4.2-52.1,14s-4.2,41.6,14,52.1c18.2,10.5,41.6,4.3,52.1-14C199.2,167.8,193,144.4,174.7,133.9z" />
+
+        <!-- 第四个路径 -->
+        <path
+            android:fillColor="#231F20"
+            android:pathData="M108.8,237.2c-17.5,11.8-22.1,35.5-10.3,53c11.8,17.5,35.5,22.1,53,10.3c17.5-11.8,22.1-35.5,10.3-53l-0.1-0.1c-11.7-17.4-35.2-22.1-52.6-10.4" />
+
+    </group>
+</vector>

app/src/main/res/layout/mt_activity_color_select_legacy.xml

@@ -34,7 +34,7 @@
 
     <view
         android:id="@+id/color_setting_recycler_view"
-        class="org.autojs.autojs.theme.app.ColorSettingRecyclerView"
+        class="org.autojs.autojs.theme.app.ColorSettingRecyclerViewLegacy"
         android:layout_width="match_parent"
         android:layout_height="match_parent" />
 

app/src/main/res/menu/menu_color_select.xml

@@ -4,17 +4,29 @@
     xmlns:app="http://schemas.android.com/apk/res-auto">
 
     <item
-        android:id="@+id/action_locate_current_color"
-        android:title="@string/text_locate_current_color"
-        android:icon="@drawable/ic_locate"
+        android:id="@+id/action_color_palette"
+        android:title="@string/text_color_palette"
+        android:icon="@drawable/ic_color_palette_vector"
         app:showAsAction="ifRoom" />
 
     <item
         android:id="@+id/action_search_color"
         android:title="@string/text_search_color"
-        android:icon="@drawable/ic_search_white_36dp"
+        android:icon="@drawable/ic_search_black_48dp"
         app:showAsAction="ifRoom" />
 
+    <item
+        android:id="@+id/action_new_color_library"
+        android:title="@string/text_new_color_library"
+        android:icon="@drawable/ic_add_box_black_48dp"
+        app:showAsAction="never" />
+
+    <item
+        android:id="@+id/action_locate_current_color"
+        android:title="@string/text_locate_current_color"
+        android:icon="@drawable/ic_locate"
+        app:showAsAction="never" />
+
     <item
         android:id="@+id/action_toggle_color_select_layout"
         android:title="@string/text_switch_to_legacy_layout"

app/src/main/res/menu/menu_main.xml

@@ -10,7 +10,7 @@
 
     <item
             android:id="@+id/action_search"
-            android:icon="@drawable/ic_search_white_36dp"
+            android:icon="@drawable/ic_search_black_48dp"
             android:title="@string/text_search"
             android:imeOptions="actionSearch"
             android:inputType="text"

app/src/main/res/values-ar/strings.xml

@@ -904,5 +904,7 @@
     <string name="text_switch_to_legacy_layout">Switch to legacy layout</string>
     <string name="text_search_color">Search color</string>
     <string name="text_locate_current_color">Locate current color</string>
+    <string name="text_new_color_library">New color library</string>
+    <string name="text_color_palette">Color palette</string>
 
 </resources>

app/src/main/res/values-en/android_colors_string.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="android_black">Black</string>
+    <string name="android_blue">Blue</string>
+    <string name="android_cyan">Cyan</string>
+    <string name="android_aqua">Aqua</string>
+    <string name="android_dark_gray">Dark gray</string>
+    <string name="android_dark_grey">Dark grey</string>
+    <string name="android_gray">Gray</string>
+    <string name="android_grey">Grey</string>
+    <string name="android_green">Green</string>
+    <string name="android_lime">Lime</string>
+    <string name="android_light_gray">Light gray</string>
+    <string name="android_light_grey">Light grey</string>
+    <string name="android_magenta">Magenta</string>
+    <string name="android_fuchsia">Fuchsia</string>
+    <string name="android_maroon">Maroon</string>
+    <string name="android_navy">Navy</string>
+    <string name="android_olive">Olive</string>
+    <string name="android_purple">Purple</string>
+    <string name="android_red">Red</string>
+    <string name="android_silver">Silver</string>
+    <string name="android_teal">Teal</string>
+    <string name="android_white">White</string>
+    <string name="android_yellow">Yellow</string>
+
+</resources>

app/src/main/res/values-en/css_colors_string.xml

@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="css_alice_blue">Alice blue</string>
+    <string name="css_antique_white">Antique white</string>
+    <string name="css_aquamarine">Aquamarine</string>
+    <string name="css_azure">Azure</string>
+    <string name="css_beige">Beige</string>
+    <string name="css_bisque">Bisque</string>
+    <string name="css_black">Black</string>
+    <string name="css_blanched_almond">Blanched almond</string>
+    <string name="css_blue">Blue</string>
+    <string name="css_blue_violet">Blue violet</string>
+    <string name="css_brown">Brown</string>
+    <string name="css_burly_wood">Burly wood</string>
+    <string name="css_cadet_blue">Cadet blue</string>
+    <string name="css_chartreuse">Chartreuse</string>
+    <string name="css_chocolate">Chocolate</string>
+    <string name="css_coral">Coral</string>
+    <string name="css_cornflower_blue">Cornflower blue</string>
+    <string name="css_corn_silk">Corn silk</string>
+    <string name="css_crimson">Crimson</string>
+    <string name="css_cyan">Cyan</string>
+    <string name="css_aqua">Aqua</string>
+    <string name="css_dark_blue">Dark blue</string>
+    <string name="css_dark_cyan">Dark cyan</string>
+    <string name="css_dark_goldenrod">Dark goldenrod</string>
+    <string name="css_dark_gray">Dark gray</string>
+    <string name="css_dark_grey">Dark grey</string>
+    <string name="css_dark_green">Dark green</string>
+    <string name="css_dark_khaki">Dark khaki</string>
+    <string name="css_dark_magenta">Dark magenta</string>
+    <string name="css_dark_olive_green">Dark olive green</string>
+    <string name="css_dark_orange">Dark orange</string>
+    <string name="css_dark_orchid">Dark orchid</string>
+    <string name="css_dark_red">Dark red</string>
+    <string name="css_dark_salmon">Dark salmon</string>
+    <string name="css_dark_sea_green">Dark sea green</string>
+    <string name="css_dark_slate_blue">Dark slate blue</string>
+    <string name="css_dark_slate_gray">Dark slate gray</string>
+    <string name="css_dark_slate_grey">Dark slate grey</string>
+    <string name="css_dark_turquoise">Dark turquoise</string>
+    <string name="css_dark_violet">Dark violet</string>
+    <string name="css_deep_pink">Deep pink</string>
+    <string name="css_deep_sky_blue">Deep sky blue</string>
+    <string name="css_dim_gray">Dim gray</string>
+    <string name="css_dim_grey">Dim grey</string>
+    <string name="css_dodger_blue">Dodger blue</string>
+    <string name="css_fire_brick">Fire brick</string>
+    <string name="css_floral_white">Floral white</string>
+    <string name="css_forest_green">Forest green</string>
+    <string name="css_gainsboro">Gainsboro</string>
+    <string name="css_ghost_white">Ghost white</string>
+    <string name="css_gold">Gold</string>
+    <string name="css_goldenrod">Goldenrod</string>
+    <string name="css_gray">Gray</string>
+    <string name="css_grey">Grey</string>
+    <string name="css_green">Green</string>
+    <string name="css_green_yellow">Green yellow</string>
+    <string name="css_honeydew">Honeydew</string>
+    <string name="css_hot_pink">Hot pink</string>
+    <string name="css_indian_red">Indian red</string>
+    <string name="css_indigo">Indigo</string>
+    <string name="css_ivory">Ivory</string>
+    <string name="css_khaki">Khaki</string>
+    <string name="css_lavender">Lavender</string>
+    <string name="css_lavender_blush">Lavender blush</string>
+    <string name="css_lawn_green">Lawn green</string>
+    <string name="css_lemon_chiffon">Lemon chiffon</string>
+    <string name="css_light_blue">Light blue</string>
+    <string name="css_light_coral">Light coral</string>
+    <string name="css_light_cyan">Light cyan</string>
+    <string name="css_light_goldenrod_yellow">Light goldenrod yellow</string>
+    <string name="css_light_gray">Light gray</string>
+    <string name="css_light_grey">Light grey</string>
+    <string name="css_light_green">Light green</string>
+    <string name="css_light_pink">Light pink</string>
+    <string name="css_light_salmon">Light salmon</string>
+    <string name="css_light_sea_green">Light sea green</string>
+    <string name="css_light_sky_blue">Light sky blue</string>
+    <string name="css_light_slate_gray">Light slate gray</string>
+    <string name="css_light_slate_grey">Light slate grey</string>
+    <string name="css_light_steel_blue">Light steel blue</string>
+    <string name="css_light_yellow">Light yellow</string>
+    <string name="css_lime">Lime</string>
+    <string name="css_lime_green">Lime green</string>
+    <string name="css_linen">Linen</string>
+    <string name="css_magenta">Magenta</string>
+    <string name="css_fuchsia">Fuchsia</string>
+    <string name="css_maroon">Maroon</string>
+    <string name="css_medium_aquamarine">Medium aquamarine</string>
+    <string name="css_medium_blue">Medium blue</string>
+    <string name="css_medium_lavender_magenta">Medium lavender magenta</string>
+    <string name="css_medium_orchid">Medium orchid</string>
+    <string name="css_medium_purple">Medium purple</string>
+    <string name="css_medium_sea_green">Medium sea green</string>
+    <string name="css_medium_slate_blue">Medium slate blue</string>
+    <string name="css_medium_spring_green">Medium spring green</string>
+    <string name="css_medium_turquoise">Medium turquoise</string>
+    <string name="css_medium_violet_red">Medium violet red</string>
+    <string name="css_midnight_blue">Midnight blue</string>
+    <string name="css_mint_cream">Mint cream</string>
+    <string name="css_misty_rose">Misty rose</string>
+    <string name="css_moccasin">Moccasin</string>
+    <string name="css_navajo_white">Navajo white</string>
+    <string name="css_navy">Navy</string>
+    <string name="css_old_lace">Old lace</string>
+    <string name="css_olive">Olive</string>
+    <string name="css_olive_drab">Olive drab</string>
+    <string name="css_orange">Orange</string>
+    <string name="css_orange_red">Orange red</string>
+    <string name="css_orchid">Orchid</string>
+    <string name="css_pale_goldenrod">Pale goldenrod</string>
+    <string name="css_pale_green">Pale green</string>
+    <string name="css_pale_turquoise">Pale turquoise</string>
+    <string name="css_pale_violet_red">Pale violet red</string>
+    <string name="css_papaya_whip">Papaya whip</string>
+    <string name="css_patriarch">Patriarch</string>
+    <string name="css_peach_puff">Peach puff</string>
+    <string name="css_peru">Peru</string>
+    <string name="css_pink">Pink</string>
+    <string name="css_powder_blue">Powder blue</string>
+    <string name="css_rebecca_purple">Rebecca purple</string>
+    <string name="css_red">Red</string>
+    <string name="css_rosy_brown">Rosy brown</string>
+    <string name="css_royal_blue">Royal blue</string>
+    <string name="css_saddle_brown">Saddle brown</string>
+    <string name="css_salmon">Salmon</string>
+    <string name="css_sand_brown">Sand brown</string>
+    <string name="css_seashell">Seashell</string>
+    <string name="css_sea_green">Sea green</string>
+    <string name="css_sienna">Sienna</string>
+    <string name="css_silver">Silver</string>
+    <string name="css_sky_blue">Sky blue</string>
+    <string name="css_slate_blue">Slate blue</string>
+    <string name="css_slate_gray">Slate gray</string>
+    <string name="css_slate_grey">Slate grey</string>
+    <string name="css_snow">Snow</string>
+    <string name="css_spring_green">Spring green</string>
+    <string name="css_steel_blue">Steel blue</string>
+    <string name="css_tan">Tan</string>
+    <string name="css_teal">Teal</string>
+    <string name="css_thistle">Thistle</string>
+    <string name="css_tomato">Tomato</string>
+    <string name="css_turquoise">Turquoise</string>
+    <string name="css_violet">Violet</string>
+    <string name="css_wheat">Wheat</string>
+    <string name="css_white">White</string>
+    <string name="css_white_smoke">White smoke</string>
+    <string name="css_yellow">Yellow</string>
+    <string name="css_yellow_green">Yellow green</string>
+
+</resources>

app/src/main/res/values-en/strings.xml

@@ -900,5 +900,7 @@
     <string name="text_switch_to_legacy_layout">Switch to legacy layout</string>
     <string name="text_search_color">Search color</string>
     <string name="text_locate_current_color">Locate current color</string>
+    <string name="text_new_color_library">New color library</string>
+    <string name="text_color_palette">Color palette</string>
 
 </resources>

app/src/main/res/values-en/web_colors_string.xml

@@ -0,0 +1,253 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="web_alice_blue">Alice blue</string>
+    <string name="web_alizarin_crimson">Alizarin crimson</string>
+    <string name="web_amber">Amber</string>
+    <string name="web_amethyst">Amethyst</string>
+    <string name="web_antique_white">Antique white</string>
+    <string name="web_apple_green">Apple green</string>
+    <string name="web_apricot">Apricot</string>
+    <string name="web_aqua">Aqua</string>
+    <string name="web_aquamarine">Aquamarine</string>
+    <string name="web_aqua_blue">Aqua blue</string>
+    <string name="web_azure">Azure</string>
+    <string name="web_baby_blue">Baby blue</string>
+    <string name="web_baby_pink">Baby pink</string>
+    <string name="web_beige">Beige</string>
+    <string name="web_bisque">Bisque</string>
+    <string name="web_black">Black</string>
+    <string name="web_blanched_almond">Blanched almond</string>
+    <string name="web_blue">Blue</string>
+    <string name="web_blue_violet">Blue violet</string>
+    <string name="web_bright_green">Bright green</string>
+    <string name="web_bronze">Bronze</string>
+    <string name="web_brown">Brown</string>
+    <string name="web_burgundy">Burgundy</string>
+    <string name="web_burly_wood">Burly wood</string>
+    <string name="web_burnt_orange">Burnt orange</string>
+    <string name="web_cadet_blue">Cadet blue</string>
+    <string name="web_camel">Camel</string>
+    <string name="web_camellia">Camellia</string>
+    <string name="web_canary_yellow">Canary yellow</string>
+    <string name="web_cardinal_red">Cardinal red</string>
+    <string name="web_carmine">Carmine</string>
+    <string name="web_celadon">Celadon</string>
+    <string name="web_cerise">Cerise</string>
+    <string name="web_cerulean_blue">Cerulean blue</string>
+    <string name="web_champagne_yellow">Champagne yellow</string>
+    <string name="web_chartreuse">Chartreuse</string>
+    <string name="web_chocolate">Chocolate</string>
+    <string name="web_chrome_yellow">Chrome yellow</string>
+    <string name="web_clematis">Clematis</string>
+    <string name="web_cobalt_blue">Cobalt blue</string>
+    <string name="web_cobalt_green">Cobalt green</string>
+    <string name="web_coconut_brown">Coconut brown</string>
+    <string name="web_coffee">Coffee</string>
+    <string name="web_coral">Coral</string>
+    <string name="web_coral_pink">Coral pink</string>
+    <string name="web_cornflower_blue">Cornflower blue</string>
+    <string name="web_corn_silk">Corn silk</string>
+    <string name="web_cream">Cream</string>
+    <string name="web_crimson">Crimson</string>
+    <string name="web_cyan">Cyan</string>
+    <string name="web_cyan_blue">Cyan blue</string>
+    <string name="web_dark_blue">Dark blue</string>
+    <string name="web_dark_cyan">Dark cyan</string>
+    <string name="web_dark_goldenrod">Dark goldenrod</string>
+    <string name="web_dark_gray">Dark gray</string>
+    <string name="web_dark_green">Dark green</string>
+    <string name="web_dark_khaki">Dark khaki</string>
+    <string name="web_dark_magenta">Dark magenta</string>
+    <string name="web_dark_mineral_blue">Dark mineral blue</string>
+    <string name="web_dark_olive_green">Dark olive green</string>
+    <string name="web_dark_orange">Dark orange</string>
+    <string name="web_dark_orchid">Dark orchid</string>
+    <string name="web_dark_powder_blue">Dark powder blue</string>
+    <string name="web_dark_red">Dark red</string>
+    <string name="web_dark_salmon">Dark salmon</string>
+    <string name="web_dark_sea_green">Dark sea green</string>
+    <string name="web_dark_slate_blue">Dark slate blue</string>
+    <string name="web_dark_slate_gray">Dark slate gray</string>
+    <string name="web_dark_turquoise">Dark turquoise</string>
+    <string name="web_dark_violet">Dark violet</string>
+    <string name="web_deep_pink">Deep pink</string>
+    <string name="web_deep_sky_blue">Deep sky blue</string>
+    <string name="web_dim_gray">Dim gray</string>
+    <string name="web_dodger_blue">Dodger blue</string>
+    <string name="web_emerald">Emerald</string>
+    <string name="web_fire_brick">Fire brick</string>
+    <string name="web_flamingo">Flamingo</string>
+    <string name="web_floral_white">Floral white</string>
+    <string name="web_foliage_green">Foliage green</string>
+    <string name="web_forest_green">Forest green</string>
+    <string name="web_fresh_leaves">Fresh leaves</string>
+    <string name="web_fuchsia">Fuchsia</string>
+    <string name="web_gainsboro">Gainsboro</string>
+    <string name="web_ghost_white">Ghost white</string>
+    <string name="web_golden">Golden</string>
+    <string name="web_goldenrod">Goldenrod</string>
+    <string name="web_grass_green">Grass green</string>
+    <string name="web_gray">Gray</string>
+    <string name="web_grayish_purple">Grayish purple</string>
+    <string name="web_green">Green</string>
+    <string name="web_green_yellow">Green yellow</string>
+    <string name="web_heliotrope">Heliotrope</string>
+    <string name="web_honeydew">Honeydew</string>
+    <string name="web_honey_orange">Honey orange</string>
+    <string name="web_horizon_blue">Horizon blue</string>
+    <string name="web_hot_pink">Hot pink</string>
+    <string name="web_indian_red">Indian red</string>
+    <string name="web_indigo">Indigo</string>
+    <string name="web_international_klein_blue">International klein blue</string>
+    <string name="web_iron_gray">Iron gray</string>
+    <string name="web_ivory">Ivory</string>
+    <string name="web_ivy_green">Ivy green</string>
+    <string name="web_jasmine">Jasmine</string>
+    <string name="web_khaki">Khaki</string>
+    <string name="web_lapis_lazuli">Lapis lazuli</string>
+    <string name="web_lavender">Lavender</string>
+    <string name="web_lavender_blue">Lavender blue</string>
+    <string name="web_lavender_blush">Lavender blush</string>
+    <string name="web_lavender_magenta">Lavender magenta</string>
+    <string name="web_lavender_mist">Lavender mist</string>
+    <string name="web_lawn_green">Lawn green</string>
+    <string name="web_lemon_chiffon">Lemon chiffon</string>
+    <string name="web_light_blue">Light blue</string>
+    <string name="web_light_coral">Light coral</string>
+    <string name="web_light_cyan">Light cyan</string>
+    <string name="web_light_goldenrod_yellow">Light goldenrod yellow</string>
+    <string name="web_light_gray">Light gray</string>
+    <string name="web_light_green">Light green</string>
+    <string name="web_light_khaki">Light khaki</string>
+    <string name="web_light_pink">Light pink</string>
+    <string name="web_light_salmon">Light salmon</string>
+    <string name="web_light_sea_green">Light sea green</string>
+    <string name="web_light_sky_blue">Light sky blue</string>
+    <string name="web_light_slate_gray">Light slate gray</string>
+    <string name="web_light_steel_blue">Light steel blue</string>
+    <string name="web_light_violet">Light violet</string>
+    <string name="web_light_yellow">Light yellow</string>
+    <string name="web_lilac">Lilac</string>
+    <string name="web_lime">Lime</string>
+    <string name="web_lime_green">Lime green</string>
+    <string name="web_linen">Linen</string>
+    <string name="web_magenta">Magenta</string>
+    <string name="web_magenta_rose">Magenta rose</string>
+    <string name="web_malachite">Malachite</string>
+    <string name="web_mallow">Mallow</string>
+    <string name="web_marigold">Marigold</string>
+    <string name="web_marine_blue">Marine blue</string>
+    <string name="web_maroon">Maroon</string>
+    <string name="web_mauve">Mauve</string>
+    <string name="web_medium_aquamarine">Medium aquamarine</string>
+    <string name="web_medium_blue">Medium blue</string>
+    <string name="web_medium_lavender_magenta">Medium lavender magenta</string>
+    <string name="web_medium_orchid">Medium orchid</string>
+    <string name="web_medium_purple">Medium purple</string>
+    <string name="web_medium_sea_green">Medium sea green</string>
+    <string name="web_medium_slate_blue">Medium slate blue</string>
+    <string name="web_medium_spring_green">Medium spring green</string>
+    <string name="web_medium_turquoise">Medium turquoise</string>
+    <string name="web_medium_violet_red">Medium violet red</string>
+    <string name="web_midnight_blue">Midnight blue</string>
+    <string name="web_mimosa">Mimosa</string>
+    <string name="web_mineral_blue">Mineral blue</string>
+    <string name="web_mineral_violet">Mineral violet</string>
+    <string name="web_mint">Mint</string>
+    <string name="web_mint_cream">Mint cream</string>
+    <string name="web_misty_rose">Misty rose</string>
+    <string name="web_moccasin">Moccasin</string>
+    <string name="web_moon_yellow">Moon yellow</string>
+    <string name="web_moss_green">Moss green</string>
+    <string name="web_mustard">Mustard</string>
+    <string name="web_navajo_white">Navajo white</string>
+    <string name="web_navy">Navy</string>
+    <string name="web_ocher">Ocher</string>
+    <string name="web_old_lace">Old lace</string>
+    <string name="web_old_rose">Old rose</string>
+    <string name="web_olive">Olive</string>
+    <string name="web_olive_drab">Olive drab</string>
+    <string name="web_opera_mauve">Opera mauve</string>
+    <string name="web_orange">Orange</string>
+    <string name="web_orange_red">Orange red</string>
+    <string name="web_orchid">Orchid</string>
+    <string name="web_pail_lilac">Pail lilac</string>
+    <string name="web_pale_blue">Pale blue</string>
+    <string name="web_pale_denim">Pale denim</string>
+    <string name="web_pale_goldenrod">Pale goldenrod</string>
+    <string name="web_pale_green">Pale green</string>
+    <string name="web_pale_ochre">Pale ochre</string>
+    <string name="web_pale_turquoise">Pale turquoise</string>
+    <string name="web_pale_violet_red">Pale violet red</string>
+    <string name="web_pansy">Pansy</string>
+    <string name="web_papaya_whip">Papaya whip</string>
+    <string name="web_patriarch">Patriarch</string>
+    <string name="web_peach">Peach</string>
+    <string name="web_peach_pearl">Peach pearl</string>
+    <string name="web_peach_puff">Peach puff</string>
+    <string name="web_peacock_blue">Peacock blue</string>
+    <string name="web_peacock_green">Peacock green</string>
+    <string name="web_pearl_pink">Pearl pink</string>
+    <string name="web_persimmon">Persimmon</string>
+    <string name="web_peru">Peru</string>
+    <string name="web_pink">Pink</string>
+    <string name="web_plum">Plum</string>
+    <string name="web_powder_blue">Powder blue</string>
+    <string name="web_prussian_blue">Prussian blue</string>
+    <string name="web_purple">Purple</string>
+    <string name="web_red">Red</string>
+    <string name="web_rose">Rose</string>
+    <string name="web_rose_pink">Rose pink</string>
+    <string name="web_rosy_brown">Rosy brown</string>
+    <string name="web_royal_blue">Royal blue</string>
+    <string name="web_ruby">Ruby</string>
+    <string name="web_saddle_brown">Saddle brown</string>
+    <string name="web_salmon">Salmon</string>
+    <string name="web_salmon_pink">Salmon pink</string>
+    <string name="web_salvia_blue">Salvia blue</string>
+    <string name="web_sand_beige">Sand beige</string>
+    <string name="web_sand_brown">Sand brown</string>
+    <string name="web_sapphire">Sapphire</string>
+    <string name="web_saxe_blue">Saxe blue</string>
+    <string name="web_scarlet">Scarlet</string>
+    <string name="web_seashell">Seashell</string>
+    <string name="web_sea_green">Sea green</string>
+    <string name="web_sepia">Sepia</string>
+    <string name="web_shell_pink">Shell pink</string>
+    <string name="web_sienna">Sienna</string>
+    <string name="web_silver">Silver</string>
+    <string name="web_sky_blue">Sky blue</string>
+    <string name="web_slate_blue">Slate blue</string>
+    <string name="web_slate_gray">Slate gray</string>
+    <string name="web_snow">Snow</string>
+    <string name="web_spinel_red">Spinel red</string>
+    <string name="web_spring_green">Spring green</string>
+    <string name="web_steel_blue">Steel blue</string>
+    <string name="web_strong_blue">Strong blue</string>
+    <string name="web_strong_red">Strong red</string>
+    <string name="web_sun_orange">Sun orange</string>
+    <string name="web_tan">Tan</string>
+    <string name="web_tangerine">Tangerine</string>
+    <string name="web_tangerine_yellow">Tangerine yellow</string>
+    <string name="web_teal">Teal</string>
+    <string name="web_thistle">Thistle</string>
+    <string name="web_tomato">Tomato</string>
+    <string name="web_tropical_orange">Tropical orange</string>
+    <string name="web_turquoise">Turquoise</string>
+    <string name="web_turquoise_blue">Turquoise blue</string>
+    <string name="web_turquoise_green">Turquoise green</string>
+    <string name="web_ultramarine">Ultramarine</string>
+    <string name="web_vermilion">Vermilion</string>
+    <string name="web_very_light_malachite_green">Very light malachite green</string>
+    <string name="web_violet">Violet</string>
+    <string name="web_viridian">Viridian</string>
+    <string name="web_wedgwood_blue">Wedgwood blue</string>
+    <string name="web_wheat">Wheat</string>
+    <string name="web_white">White</string>
+    <string name="web_white_smoke">White smoke</string>
+    <string name="web_wisteria">Wisteria</string>
+    <string name="web_yellow">Yellow</string>
+    <string name="web_yellow_green">Yellow green</string>
+
+</resources>

app/src/main/res/values-es/strings.xml

@@ -903,5 +903,7 @@
     <string name="text_switch_to_legacy_layout">Switch to legacy layout</string>
     <string name="text_search_color">Search color</string>
     <string name="text_locate_current_color">Locate current color</string>
+    <string name="text_new_color_library">New color library</string>
+    <string name="text_color_palette">Color palette</string>
 
 </resources>

app/src/main/res/values-fr/strings.xml

@@ -903,5 +903,7 @@
     <string name="text_switch_to_legacy_layout">Switch to legacy layout</string>
     <string name="text_search_color">Search color</string>
     <string name="text_locate_current_color">Locate current color</string>
+    <string name="text_new_color_library">New color library</string>
+    <string name="text_color_palette">Color palette</string>
 
 </resources>

app/src/main/res/values-ja/strings.xml

@@ -903,5 +903,7 @@
     <string name="text_switch_to_legacy_layout">Switch to legacy layout</string>
     <string name="text_search_color">Search color</string>
     <string name="text_locate_current_color">Locate current color</string>
+    <string name="text_new_color_library">New color library</string>
+    <string name="text_color_palette">Color palette</string>
 
 </resources>

app/src/main/res/values-ko/strings.xml

@@ -904,5 +904,7 @@
     <string name="text_switch_to_legacy_layout">Switch to legacy layout</string>
     <string name="text_search_color">Search color</string>
     <string name="text_locate_current_color">Locate current color</string>
+    <string name="text_new_color_library">New color library</string>
+    <string name="text_color_palette">Color palette</string>
 
 </resources>

app/src/main/res/values-ru/strings.xml

@@ -903,5 +903,7 @@
     <string name="text_switch_to_legacy_layout">Switch to legacy layout</string>
     <string name="text_search_color">Search color</string>
     <string name="text_locate_current_color">Locate current color</string>
+    <string name="text_new_color_library">New color library</string>
+    <string name="text_color_palette">Color palette</string>
 
 </resources>

app/src/main/res/values-zh-rHK/strings.xml

@@ -902,5 +902,7 @@
     <string name="text_switch_to_legacy_layout">Switch to legacy layout</string>
     <string name="text_search_color">Search color</string>
     <string name="text_locate_current_color">Locate current color</string>
+    <string name="text_new_color_library">New color library</string>
+    <string name="text_color_palette">Color palette</string>
 
 </resources>

app/src/main/res/values-zh-rTW/strings.xml

@@ -902,5 +902,7 @@
     <string name="text_switch_to_legacy_layout">Switch to legacy layout</string>
     <string name="text_search_color">Search color</string>
     <string name="text_locate_current_color">Locate current color</string>
+    <string name="text_new_color_library">New color library</string>
+    <string name="text_color_palette">Color palette</string>
 
 </resources>

app/src/main/res/values-zh/android_colors_string.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="android_black">黑</string>
+    <string name="android_blue">蓝</string>
+    <string name="android_cyan">青</string>
+    <string name="android_aqua">青</string>
+    <string name="android_dark_gray">暗灰</string>
+    <string name="android_dark_grey">暗灰</string>
+    <string name="android_gray">灰</string>
+    <string name="android_grey">灰</string>
+    <string name="android_green">绿</string>
+    <string name="android_lime">绿</string>
+    <string name="android_light_gray">亮灰</string>
+    <string name="android_light_grey">亮灰</string>
+    <string name="android_magenta">品红 / 洋红</string>
+    <string name="android_fuchsia">品红 / 洋红</string>
+    <string name="android_maroon">栗</string>
+    <string name="android_navy">海军蓝 / 藏青</string>
+    <string name="android_olive">橄榄</string>
+    <string name="android_purple">紫</string>
+    <string name="android_red">红</string>
+    <string name="android_silver">银</string>
+    <string name="android_teal">鸭绿 / 凫绿</string>
+    <string name="android_white">白</string>
+    <string name="android_yellow">黄</string>
+
+</resources>

app/src/main/res/values-zh/css_colors_string.xml

@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="css_alice_blue">爱丽丝蓝</string>
+    <string name="css_antique_white">古董白</string>
+    <string name="css_aquamarine">蓝绿 / 碧蓝</string>
+    <string name="css_azure">湛蓝</string>
+    <string name="css_beige">米黄</string>
+    <string name="css_bisque">陶坯黄</string>
+    <string name="css_black">黑</string>
+    <string name="css_blanched_almond">杏仁白</string>
+    <string name="css_blue">蓝</string>
+    <string name="css_blue_violet">蓝紫</string>
+    <string name="css_brown">褐</string>
+    <string name="css_burly_wood">硬木</string>
+    <string name="css_cadet_blue">军服蓝</string>
+    <string name="css_chartreuse">查特酒绿</string>
+    <string name="css_chocolate">巧克力</string>
+    <string name="css_coral">珊瑚红</string>
+    <string name="css_cornflower_blue">矢车菊蓝</string>
+    <string name="css_corn_silk">玉米丝</string>
+    <string name="css_crimson">绯红</string>
+    <string name="css_cyan">青</string>
+    <string name="css_aqua">青</string>
+    <string name="css_dark_blue">暗蓝</string>
+    <string name="css_dark_cyan">暗青</string>
+    <string name="css_dark_goldenrod">暗金菊</string>
+    <string name="css_dark_gray">暗灰</string>
+    <string name="css_dark_grey">暗灰</string>
+    <string name="css_dark_green">暗绿</string>
+    <string name="css_dark_khaki">暗卡其</string>
+    <string name="css_dark_magenta">暗洋红</string>
+    <string name="css_dark_olive_green">暗橄榄绿</string>
+    <string name="css_dark_orange">暗橙</string>
+    <string name="css_dark_orchid">暗兰紫</string>
+    <string name="css_dark_red">暗红</string>
+    <string name="css_dark_salmon">暗鲑红</string>
+    <string name="css_dark_sea_green">暗海绿</string>
+    <string name="css_dark_slate_blue">暗岩蓝</string>
+    <string name="css_dark_slate_gray">暗岩灰</string>
+    <string name="css_dark_slate_grey">暗岩灰</string>
+    <string name="css_dark_turquoise">暗绿松石</string>
+    <string name="css_dark_violet">暗紫</string>
+    <string name="css_deep_pink">深粉红</string>
+    <string name="css_deep_sky_blue">深天蓝</string>
+    <string name="css_dim_gray">昏灰</string>
+    <string name="css_dim_grey">昏灰</string>
+    <string name="css_dodger_blue">道奇蓝</string>
+    <string name="css_fire_brick">砖红</string>
+    <string name="css_floral_white">花卉白</string>
+    <string name="css_forest_green">森林绿</string>
+    <string name="css_gainsboro">庚斯博罗灰</string>
+    <string name="css_ghost_white">幽灵白</string>
+    <string name="css_gold">金</string>
+    <string name="css_goldenrod">金菊</string>
+    <string name="css_gray">灰</string>
+    <string name="css_grey">灰</string>
+    <string name="css_green">绿</string>
+    <string name="css_green_yellow">绿黄</string>
+    <string name="css_honeydew">蜜瓜绿</string>
+    <string name="css_hot_pink">暖粉红</string>
+    <string name="css_indian_red">印度红</string>
+    <string name="css_indigo">靛</string>
+    <string name="css_ivory">象牙</string>
+    <string name="css_khaki">卡其</string>
+    <string name="css_lavender">薰衣草</string>
+    <string name="css_lavender_blush">薰衣草紫红</string>
+    <string name="css_lawn_green">草坪绿</string>
+    <string name="css_lemon_chiffon">柠檬绸</string>
+    <string name="css_light_blue">亮蓝</string>
+    <string name="css_light_coral">亮珊瑚</string>
+    <string name="css_light_cyan">亮青</string>
+    <string name="css_light_goldenrod_yellow">亮金菊黄</string>
+    <string name="css_light_gray">亮灰</string>
+    <string name="css_light_grey">亮灰</string>
+    <string name="css_light_green">亮绿</string>
+    <string name="css_light_pink">亮粉红</string>
+    <string name="css_light_salmon">亮鲑红</string>
+    <string name="css_light_sea_green">亮海绿</string>
+    <string name="css_light_sky_blue">浅天蓝</string>
+    <string name="css_light_slate_gray">亮岩灰</string>
+    <string name="css_light_slate_grey">亮岩灰</string>
+    <string name="css_light_steel_blue">亮钢蓝</string>
+    <string name="css_light_yellow">亮黄</string>
+    <string name="css_lime">鲜绿 / 莱姆</string>
+    <string name="css_lime_green">柠檬绿</string>
+    <string name="css_linen">亚麻</string>
+    <string name="css_magenta">洋红 / 品红</string>
+    <string name="css_fuchsia">洋红 / 品红</string>
+    <string name="css_maroon">栗</string>
+    <string name="css_medium_aquamarine">中碧蓝</string>
+    <string name="css_medium_blue">中蓝</string>
+    <string name="css_medium_lavender_magenta">梅红</string>
+    <string name="css_medium_orchid">中兰紫</string>
+    <string name="css_medium_purple">中紫</string>
+    <string name="css_medium_sea_green">中海绿</string>
+    <string name="css_medium_slate_blue">中岩蓝</string>
+    <string name="css_medium_spring_green">中春绿</string>
+    <string name="css_medium_turquoise">中绿松石</string>
+    <string name="css_medium_violet_red">中青紫红</string>
+    <string name="css_midnight_blue">午夜蓝</string>
+    <string name="css_mint_cream">薄荷奶油</string>
+    <string name="css_misty_rose">雾玫瑰</string>
+    <string name="css_moccasin">鹿皮鞋</string>
+    <string name="css_navajo_white">那瓦霍白</string>
+    <string name="css_navy">海军蓝 / 深蓝</string>
+    <string name="css_old_lace">旧蕾丝</string>
+    <string name="css_olive">橄榄</string>
+    <string name="css_olive_drab">橄榄军服绿</string>
+    <string name="css_orange">橙</string>
+    <string name="css_orange_red">橙红</string>
+    <string name="css_orchid">兰花 / 兰紫</string>
+    <string name="css_pale_goldenrod">灰金菊</string>
+    <string name="css_pale_green">灰绿</string>
+    <string name="css_pale_turquoise">灰绿松石</string>
+    <string name="css_pale_violet_red">灰紫红</string>
+    <string name="css_papaya_whip">蕃木瓜</string>
+    <string name="css_patriarch">宗主教</string>
+    <string name="css_peach_puff">粉扑桃</string>
+    <string name="css_peru">秘鲁</string>
+    <string name="css_pink">粉红</string>
+    <string name="css_powder_blue">粉蓝</string>
+    <string name="css_rebecca_purple">丽贝卡紫</string>
+    <string name="css_red">红</string>
+    <string name="css_rosy_brown">玫瑰褐</string>
+    <string name="css_royal_blue">品蓝 / 皇室蓝</string>
+    <string name="css_saddle_brown">鞍褐</string>
+    <string name="css_salmon">鲑红</string>
+    <string name="css_sand_brown">沙褐</string>
+    <string name="css_seashell">海贝</string>
+    <string name="css_sea_green">海绿</string>
+    <string name="css_sienna">赭黄</string>
+    <string name="css_silver">银</string>
+    <string name="css_sky_blue">天空蓝</string>
+    <string name="css_slate_blue">岩蓝</string>
+    <string name="css_slate_gray">岩灰</string>
+    <string name="css_slate_grey">岩灰</string>
+    <string name="css_snow">雪</string>
+    <string name="css_spring_green">春绿</string>
+    <string name="css_steel_blue">钢青</string>
+    <string name="css_tan">日晒</string>
+    <string name="css_teal">鸭绿 / 凫绿</string>
+    <string name="css_thistle">蓟紫</string>
+    <string name="css_tomato">蕃茄红</string>
+    <string name="css_turquoise">绿松</string>
+    <string name="css_violet">紫罗兰</string>
+    <string name="css_wheat">小麦</string>
+    <string name="css_white">白</string>
+    <string name="css_white_smoke">白烟</string>
+    <string name="css_yellow">黄</string>
+    <string name="css_yellow_green">黄绿</string>
+
+</resources>

app/src/main/res/values-zh/strings.xml

@@ -902,5 +902,7 @@
     <string name="text_switch_to_legacy_layout">切换至传统布局</string>
     <string name="text_search_color">搜索颜色</string>
     <string name="text_locate_current_color">定位当前颜色</string>
+    <string name="text_new_color_library">新建颜色库</string>
+    <string name="text_color_palette">调色盘</string>
 
 </resources>

app/src/main/res/values-zh/web_colors_string.xml

@@ -0,0 +1,253 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="web_alice_blue">爱丽丝蓝</string>
+    <string name="web_alizarin_crimson">茜红 / 深茜红</string>
+    <string name="web_amber">琥珀</string>
+    <string name="web_amethyst">紫水晶</string>
+    <string name="web_antique_white">古董白</string>
+    <string name="web_apple_green">苹果绿</string>
+    <string name="web_apricot">杏黄</string>
+    <string name="web_aqua">水</string>
+    <string name="web_aquamarine">蓝绿 / 碧蓝</string>
+    <string name="web_aqua_blue">水蓝</string>
+    <string name="web_azure">蔚蓝 / 湛蓝</string>
+    <string name="web_baby_blue">浅蓝</string>
+    <string name="web_baby_pink">浅粉红</string>
+    <string name="web_beige">米黄</string>
+    <string name="web_bisque">陶坯黄</string>
+    <string name="web_black">黑</string>
+    <string name="web_blanched_almond">杏仁白</string>
+    <string name="web_blue">蓝</string>
+    <string name="web_blue_violet">蓝紫</string>
+    <string name="web_bright_green">黄绿 / 明绿</string>
+    <string name="web_bronze">铜</string>
+    <string name="web_brown">褐</string>
+    <string name="web_burgundy">勃艮第酒红</string>
+    <string name="web_burly_wood">硬木</string>
+    <string name="web_burnt_orange">燃橙</string>
+    <string name="web_cadet_blue">军服蓝</string>
+    <string name="web_camel">驼</string>
+    <string name="web_camellia">山茶红</string>
+    <string name="web_canary_yellow">鲜黄</string>
+    <string name="web_cardinal_red">枢机红</string>
+    <string name="web_carmine">胭脂红</string>
+    <string name="web_celadon">青瓷绿</string>
+    <string name="web_cerise">樱桃红 / 樱桃</string>
+    <string name="web_cerulean_blue">蔚蓝 / 天青蓝</string>
+    <string name="web_champagne_yellow">香槟黄</string>
+    <string name="web_chartreuse">查特酒绿</string>
+    <string name="web_chocolate">巧克力</string>
+    <string name="web_chrome_yellow">铬黄</string>
+    <string name="web_clematis">铁线莲紫</string>
+    <string name="web_cobalt_blue">钴蓝</string>
+    <string name="web_cobalt_green">钴绿</string>
+    <string name="web_coconut_brown">椰褐</string>
+    <string name="web_coffee">咖啡</string>
+    <string name="web_coral">珊瑚红</string>
+    <string name="web_coral_pink">浅珊瑚红</string>
+    <string name="web_cornflower_blue">矢车菊蓝</string>
+    <string name="web_corn_silk">玉米丝</string>
+    <string name="web_cream">奶油</string>
+    <string name="web_crimson">绯红</string>
+    <string name="web_cyan">青</string>
+    <string name="web_cyan_blue">青蓝</string>
+    <string name="web_dark_blue">暗蓝</string>
+    <string name="web_dark_cyan">暗青</string>
+    <string name="web_dark_goldenrod">暗金菊</string>
+    <string name="web_dark_gray">暗灰</string>
+    <string name="web_dark_green">暗绿</string>
+    <string name="web_dark_khaki">暗卡其</string>
+    <string name="web_dark_magenta">暗洋红</string>
+    <string name="web_dark_mineral_blue">暗矿蓝</string>
+    <string name="web_dark_olive_green">暗橄榄绿</string>
+    <string name="web_dark_orange">暗橙</string>
+    <string name="web_dark_orchid">暗兰紫</string>
+    <string name="web_dark_powder_blue">暗粉蓝</string>
+    <string name="web_dark_red">暗红</string>
+    <string name="web_dark_salmon">暗鲑红</string>
+    <string name="web_dark_sea_green">暗海绿</string>
+    <string name="web_dark_slate_blue">暗岩蓝</string>
+    <string name="web_dark_slate_gray">暗岩灰</string>
+    <string name="web_dark_turquoise">暗绿松石</string>
+    <string name="web_dark_violet">暗紫</string>
+    <string name="web_deep_pink">深粉红</string>
+    <string name="web_deep_sky_blue">深天蓝</string>
+    <string name="web_dim_gray">昏灰</string>
+    <string name="web_dodger_blue">道奇蓝</string>
+    <string name="web_emerald">碧绿</string>
+    <string name="web_fire_brick">砖红</string>
+    <string name="web_flamingo">火鹤红</string>
+    <string name="web_floral_white">花卉白</string>
+    <string name="web_foliage_green">叶绿</string>
+    <string name="web_forest_green">森林绿</string>
+    <string name="web_fresh_leaves">嫩绿</string>
+    <string name="web_fuchsia">紫红</string>
+    <string name="web_gainsboro">庚斯博罗灰</string>
+    <string name="web_ghost_white">幽灵白</string>
+    <string name="web_golden">/ GOLD	金</string>
+    <string name="web_goldenrod">金菊</string>
+    <string name="web_grass_green">草绿</string>
+    <string name="web_gray">灰</string>
+    <string name="web_grayish_purple">浅灰紫</string>
+    <string name="web_green">绿</string>
+    <string name="web_green_yellow">绿黄</string>
+    <string name="web_heliotrope">缬草紫</string>
+    <string name="web_honeydew">蜜瓜绿</string>
+    <string name="web_honey_orange">蜜橙</string>
+    <string name="web_horizon_blue">苍</string>
+    <string name="web_hot_pink">暖粉红</string>
+    <string name="web_indian_red">印度红</string>
+    <string name="web_indigo">靛</string>
+    <string name="web_international_klein_blue">国际奇连蓝</string>
+    <string name="web_iron_gray">铁灰</string>
+    <string name="web_ivory">象牙</string>
+    <string name="web_ivy_green">常春藤绿</string>
+    <string name="web_jasmine">茉莉黄</string>
+    <string name="web_khaki">卡其</string>
+    <string name="web_lapis_lazuli">天青石蓝</string>
+    <string name="web_lavender">薰衣草紫</string>
+    <string name="web_lavender_blue">/ PERIWINKLE	薰衣草蓝 / 长春花</string>
+    <string name="web_lavender_blush">薰衣草紫红</string>
+    <string name="web_lavender_magenta">亮紫</string>
+    <string name="web_lavender_mist">薰衣草雾</string>
+    <string name="web_lawn_green">草坪绿</string>
+    <string name="web_lemon_chiffon">柠檬绸</string>
+    <string name="web_light_blue">亮蓝</string>
+    <string name="web_light_coral">亮珊瑚</string>
+    <string name="web_light_cyan">亮青</string>
+    <string name="web_light_goldenrod_yellow">亮金菊黄</string>
+    <string name="web_light_gray">亮灰</string>
+    <string name="web_light_green">亮绿</string>
+    <string name="web_light_khaki">亮卡其</string>
+    <string name="web_light_pink">亮粉红</string>
+    <string name="web_light_salmon">亮鲑红</string>
+    <string name="web_light_sea_green">亮海绿</string>
+    <string name="web_light_sky_blue">浅天蓝</string>
+    <string name="web_light_slate_gray">亮岩灰</string>
+    <string name="web_light_steel_blue">亮钢蓝</string>
+    <string name="web_light_violet">亮紫</string>
+    <string name="web_light_yellow">亮黄</string>
+    <string name="web_lilac">紫丁香</string>
+    <string name="web_lime">/ LIGHT_LIME	柠檬绿 / 亮柠檬绿</string>
+    <string name="web_lime_green">柠檬绿</string>
+    <string name="web_linen">亚麻</string>
+    <string name="web_magenta">洋红 / 品红</string>
+    <string name="web_magenta_rose">洋玫瑰红</string>
+    <string name="web_malachite">孔雀石绿</string>
+    <string name="web_mallow">锦葵紫</string>
+    <string name="web_marigold">万寿菊黄</string>
+    <string name="web_marine_blue">水手蓝</string>
+    <string name="web_maroon">栗</string>
+    <string name="web_mauve">木槿紫</string>
+    <string name="web_medium_aquamarine">中碧蓝</string>
+    <string name="web_medium_blue">中蓝</string>
+    <string name="web_medium_lavender_magenta">梅红</string>
+    <string name="web_medium_orchid">中兰紫</string>
+    <string name="web_medium_purple">中紫</string>
+    <string name="web_medium_sea_green">中海绿</string>
+    <string name="web_medium_slate_blue">中岩蓝</string>
+    <string name="web_medium_spring_green">中春绿</string>
+    <string name="web_medium_turquoise">中绿松石</string>
+    <string name="web_medium_violet_red">中青紫红</string>
+    <string name="web_midnight_blue">午夜蓝</string>
+    <string name="web_mimosa">含羞草黄</string>
+    <string name="web_mineral_blue">矿蓝</string>
+    <string name="web_mineral_violet">矿紫</string>
+    <string name="web_mint">薄荷绿</string>
+    <string name="web_mint_cream">薄荷奶油</string>
+    <string name="web_misty_rose">雾玫瑰</string>
+    <string name="web_moccasin">鹿皮鞋</string>
+    <string name="web_moon_yellow">月黄</string>
+    <string name="web_moss_green">苔藓绿</string>
+    <string name="web_mustard">芥末黄</string>
+    <string name="web_navajo_white">那瓦霍白</string>
+    <string name="web_navy">/ NAVY_BLUE	海军蓝 / 藏青</string>
+    <string name="web_ocher">赭</string>
+    <string name="web_old_lace">旧蕾丝</string>
+    <string name="web_old_rose">陈玫红</string>
+    <string name="web_olive">橄榄</string>
+    <string name="web_olive_drab">橄榄军服绿</string>
+    <string name="web_opera_mauve">优品紫红</string>
+    <string name="web_orange">橙</string>
+    <string name="web_orange_red">橙红</string>
+    <string name="web_orchid">兰花 / 兰紫</string>
+    <string name="web_pail_lilac">淡紫丁香</string>
+    <string name="web_pale_blue">灰蓝</string>
+    <string name="web_pale_denim">灰丁宁蓝 / 白牛仔布</string>
+    <string name="web_pale_goldenrod">灰金菊</string>
+    <string name="web_pale_green">灰绿</string>
+    <string name="web_pale_ochre">灰土</string>
+    <string name="web_pale_turquoise">灰绿松石</string>
+    <string name="web_pale_violet_red">灰紫红</string>
+    <string name="web_pansy">三色堇紫</string>
+    <string name="web_papaya_whip">蕃木瓜</string>
+    <string name="web_patriarch">宗主教</string>
+    <string name="web_peach">桃</string>
+    <string name="web_peach_pearl">珍珠桃</string>
+    <string name="web_peach_puff">粉扑桃</string>
+    <string name="web_peacock_blue">孔雀蓝</string>
+    <string name="web_peacock_green">孔雀绿</string>
+    <string name="web_pearl_pink">浅珍珠红</string>
+    <string name="web_persimmon">柿子橙</string>
+    <string name="web_peru">秘鲁</string>
+    <string name="web_pink">粉红</string>
+    <string name="web_plum">梅红</string>
+    <string name="web_powder_blue">粉蓝</string>
+    <string name="web_prussian_blue">普鲁士蓝</string>
+    <string name="web_purple">紫</string>
+    <string name="web_red">红</string>
+    <string name="web_rose">玫瑰红</string>
+    <string name="web_rose_pink">浅玫瑰红</string>
+    <string name="web_rosy_brown">玫瑰褐</string>
+    <string name="web_royal_blue">品蓝 / 皇室蓝</string>
+    <string name="web_ruby">红宝石</string>
+    <string name="web_saddle_brown">鞍褐</string>
+    <string name="web_salmon">鲑红</string>
+    <string name="web_salmon_pink">浅鲑红</string>
+    <string name="web_salvia_blue">鼠尾草蓝</string>
+    <string name="web_sand_beige">沙棕</string>
+    <string name="web_sand_brown">沙褐</string>
+    <string name="web_sapphire">蓝宝石 / 青玉</string>
+    <string name="web_saxe_blue">萨克斯蓝</string>
+    <string name="web_scarlet">猩红 / 腥红</string>
+    <string name="web_seashell">海贝</string>
+    <string name="web_sea_green">海绿</string>
+    <string name="web_sepia">深褐 / 乌贼墨</string>
+    <string name="web_shell_pink">壳黄红</string>
+    <string name="web_sienna">赭黄</string>
+    <string name="web_silver">银</string>
+    <string name="web_sky_blue">天空蓝</string>
+    <string name="web_slate_blue">岩蓝</string>
+    <string name="web_slate_gray">岩灰</string>
+    <string name="web_snow">雪</string>
+    <string name="web_spinel_red">尖晶石红</string>
+    <string name="web_spring_green">春绿</string>
+    <string name="web_steel_blue">钢青</string>
+    <string name="web_strong_blue">浓蓝</string>
+    <string name="web_strong_red">鲜红</string>
+    <string name="web_sun_orange">阳橙</string>
+    <string name="web_tan">日晒</string>
+    <string name="web_tangerine">橘</string>
+    <string name="web_tangerine_yellow">橙黄</string>
+    <string name="web_teal">鸭绿 / 凫绿</string>
+    <string name="web_thistle">蓟紫</string>
+    <string name="web_tomato">蕃茄红</string>
+    <string name="web_tropical_orange">热带橙</string>
+    <string name="web_turquoise">绿松 / 绿松石</string>
+    <string name="web_turquoise_blue">土耳其蓝</string>
+    <string name="web_turquoise_green">绿松石绿</string>
+    <string name="web_ultramarine">极浓海蓝</string>
+    <string name="web_vermilion">朱红</string>
+    <string name="web_very_light_malachite_green">孔雀石绿</string>
+    <string name="web_violet">堇紫</string>
+    <string name="web_viridian">铬绿</string>
+    <string name="web_wedgwood_blue">韦奇伍德瓷蓝</string>
+    <string name="web_wheat">小麦</string>
+    <string name="web_white">白</string>
+    <string name="web_white_smoke">白烟</string>
+    <string name="web_wisteria">紫藤</string>
+    <string name="web_yellow">黄</string>
+    <string name="web_yellow_green">黄绿</string>
+
+</resources>

app/src/main/res/values/android_colors.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <color name="android_black">#000000</color>
+    <color name="android_blue">#0000FF</color>
+    <color name="android_cyan">#00FFFF</color>
+    <color name="android_aqua">#00FFFF</color>
+    <color name="android_dark_gray">#444444</color>
+    <color name="android_dark_grey">#444444</color>
+    <color name="android_gray">#888888</color>
+    <color name="android_grey">#888888</color>
+    <color name="android_green">#00FF00</color>
+    <color name="android_lime">#00FF00</color>
+    <color name="android_light_gray">#CCCCCC</color>
+    <color name="android_light_grey">#CCCCCC</color>
+    <color name="android_magenta">#FF00FF</color>
+    <color name="android_fuchsia">#FF00FF</color>
+    <color name="android_maroon">#800000</color>
+    <color name="android_navy">#000080</color>
+    <color name="android_olive">#808000</color>
+    <color name="android_purple">#800080</color>
+    <color name="android_red">#FF0000</color>
+    <color name="android_silver">#C0C0C0</color>
+    <color name="android_teal">#008080</color>
+    <color name="android_white">#FFFFFF</color>
+    <color name="android_yellow">#FFFF00</color>
+
+</resources>

app/src/main/res/values/android_colors_string.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="android_black">Black</string>
+    <string name="android_blue">Blue</string>
+    <string name="android_cyan">Cyan</string>
+    <string name="android_aqua">Aqua</string>
+    <string name="android_dark_gray">Dark gray</string>
+    <string name="android_dark_grey">Dark grey</string>
+    <string name="android_gray">Gray</string>
+    <string name="android_grey">Grey</string>
+    <string name="android_green">Green</string>
+    <string name="android_lime">Lime</string>
+    <string name="android_light_gray">Light gray</string>
+    <string name="android_light_grey">Light grey</string>
+    <string name="android_magenta">Magenta</string>
+    <string name="android_fuchsia">Fuchsia</string>
+    <string name="android_maroon">Maroon</string>
+    <string name="android_navy">Navy</string>
+    <string name="android_olive">Olive</string>
+    <string name="android_purple">Purple</string>
+    <string name="android_red">Red</string>
+    <string name="android_silver">Silver</string>
+    <string name="android_teal">Teal</string>
+    <string name="android_white">White</string>
+    <string name="android_yellow">Yellow</string>
+
+</resources>

app/src/main/res/values/css_colors.xml

@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <color name="css_alice_blue">#F0F8FF</color>
+    <color name="css_antique_white">#FAEBD7</color>
+    <color name="css_aquamarine">#7FFFD4</color>
+    <color name="css_azure">#F0FFFF</color>
+    <color name="css_beige">#F5F5DC</color>
+    <color name="css_bisque">#FFE4C4</color>
+    <color name="css_black">#000000</color>
+    <color name="css_blanched_almond">#FFEBCD</color>
+    <color name="css_blue">#0000FF</color>
+    <color name="css_blue_violet">#8A2BE2</color>
+    <color name="css_brown">#A52A2A</color>
+    <color name="css_burly_wood">#DEB887</color>
+    <color name="css_cadet_blue">#5F9EA0</color>
+    <color name="css_chartreuse">#7FFF00</color>
+    <color name="css_chocolate">#D2691E</color>
+    <color name="css_coral">#FF7F50</color>
+    <color name="css_cornflower_blue">#6495ED</color>
+    <color name="css_corn_silk">#FFF8DC</color>
+    <color name="css_crimson">#DC143C</color>
+    <color name="css_cyan">#00FFFF</color>
+    <color name="css_aqua">#00FFFF</color>
+    <color name="css_dark_blue">#00008B</color>
+    <color name="css_dark_cyan">#008B8B</color>
+    <color name="css_dark_goldenrod">#B8860B</color>
+    <color name="css_dark_gray">#A9A9A9</color>
+    <color name="css_dark_grey">#A9A9A9</color>
+    <color name="css_dark_green">#006400</color>
+    <color name="css_dark_khaki">#BDB76B</color>
+    <color name="css_dark_magenta">#8B008B</color>
+    <color name="css_dark_olive_green">#556B2F</color>
+    <color name="css_dark_orange">#FF8C00</color>
+    <color name="css_dark_orchid">#9932CC</color>
+    <color name="css_dark_red">#8B0000</color>
+    <color name="css_dark_salmon">#E9967A</color>
+    <color name="css_dark_sea_green">#8FBC8F</color>
+    <color name="css_dark_slate_blue">#483D8B</color>
+    <color name="css_dark_slate_gray">#2F4F4F</color>
+    <color name="css_dark_slate_grey">#2F4F4F</color>
+    <color name="css_dark_turquoise">#00CED1</color>
+    <color name="css_dark_violet">#9400D3</color>
+    <color name="css_deep_pink">#FF1493</color>
+    <color name="css_deep_sky_blue">#00BFFF</color>
+    <color name="css_dim_gray">#696969</color>
+    <color name="css_dim_grey">#696969</color>
+    <color name="css_dodger_blue">#1E90FF</color>
+    <color name="css_fire_brick">#B22222</color>
+    <color name="css_floral_white">#FFFAF0</color>
+    <color name="css_forest_green">#228B22</color>
+    <color name="css_gainsboro">#DCDCDC</color>
+    <color name="css_ghost_white">#F8F8FF</color>
+    <color name="css_gold">#FFD700</color>
+    <color name="css_goldenrod">#DAA520</color>
+    <color name="css_gray">#808080</color>
+    <color name="css_grey">#808080</color>
+    <color name="css_green">#008000</color>
+    <color name="css_green_yellow">#ADFF2F</color>
+    <color name="css_honeydew">#F0FFF0</color>
+    <color name="css_hot_pink">#FF69B4</color>
+    <color name="css_indian_red">#CD5C5C</color>
+    <color name="css_indigo">#4B0082</color>
+    <color name="css_ivory">#FFFFF0</color>
+    <color name="css_khaki">#F0E68C</color>
+    <color name="css_lavender">#E6E6FA</color>
+    <color name="css_lavender_blush">#FFF0F5</color>
+    <color name="css_lawn_green">#7CFC00</color>
+    <color name="css_lemon_chiffon">#FFFACD</color>
+    <color name="css_light_blue">#ADD8E6</color>
+    <color name="css_light_coral">#F08080</color>
+    <color name="css_light_cyan">#E0FFFF</color>
+    <color name="css_light_goldenrod_yellow">#FAFAD2</color>
+    <color name="css_light_gray">#D3D3D3</color>
+    <color name="css_light_grey">#D3D3D3</color>
+    <color name="css_light_green">#90EE90</color>
+    <color name="css_light_pink">#FFB6C1</color>
+    <color name="css_light_salmon">#FFA07A</color>
+    <color name="css_light_sea_green">#20B2AA</color>
+    <color name="css_light_sky_blue">#87CEFA</color>
+    <color name="css_light_slate_gray">#778899</color>
+    <color name="css_light_slate_grey">#778899</color>
+    <color name="css_light_steel_blue">#B0C4DE</color>
+    <color name="css_light_yellow">#FFFFE0</color>
+    <color name="css_lime">#00FF00</color>
+    <color name="css_lime_green">#32CD32</color>
+    <color name="css_linen">#FAF0E6</color>
+    <color name="css_magenta">#FF00FF</color>
+    <color name="css_fuchsia">#FF00FF</color>
+    <color name="css_maroon">#800000</color>
+    <color name="css_medium_aquamarine">#66CDAA</color>
+    <color name="css_medium_blue">#0000CD</color>
+    <color name="css_medium_lavender_magenta">#DDA0DD</color>
+    <color name="css_medium_orchid">#BA55D3</color>
+    <color name="css_medium_purple">#9370DB</color>
+    <color name="css_medium_sea_green">#3CB371</color>
+    <color name="css_medium_slate_blue">#7B68EE</color>
+    <color name="css_medium_spring_green">#00FA9A</color>
+    <color name="css_medium_turquoise">#48D1CC</color>
+    <color name="css_medium_violet_red">#C71585</color>
+    <color name="css_midnight_blue">#191970</color>
+    <color name="css_mint_cream">#F5FFFA</color>
+    <color name="css_misty_rose">#FFE4E1</color>
+    <color name="css_moccasin">#FFE4B5</color>
+    <color name="css_navajo_white">#FFDEAD</color>
+    <color name="css_navy">#000080</color>
+    <color name="css_old_lace">#FDF5E6</color>
+    <color name="css_olive">#808000</color>
+    <color name="css_olive_drab">#6B8E23</color>
+    <color name="css_orange">#FFA500</color>
+    <color name="css_orange_red">#FF4500</color>
+    <color name="css_orchid">#DA70D6</color>
+    <color name="css_pale_goldenrod">#EEE8AA</color>
+    <color name="css_pale_green">#98FB98</color>
+    <color name="css_pale_turquoise">#AFEEEE</color>
+    <color name="css_pale_violet_red">#DB7093</color>
+    <color name="css_papaya_whip">#FFEFD5</color>
+    <color name="css_patriarch">#800080</color>
+    <color name="css_peach_puff">#FFDAB9</color>
+    <color name="css_peru">#CD853F</color>
+    <color name="css_pink">#FFC0CB</color>
+    <color name="css_powder_blue">#B0E0E6</color>
+    <color name="css_rebecca_purple">#663399</color>
+    <color name="css_red">#FF0000</color>
+    <color name="css_rosy_brown">#BC8F8F</color>
+    <color name="css_royal_blue">#4169E1</color>
+    <color name="css_saddle_brown">#8B4513</color>
+    <color name="css_salmon">#FA8072</color>
+    <color name="css_sand_brown">#F4A460</color>
+    <color name="css_seashell">#FFF5EE</color>
+    <color name="css_sea_green">#2E8B57</color>
+    <color name="css_sienna">#A0522D</color>
+    <color name="css_silver">#C0C0C0</color>
+    <color name="css_sky_blue">#87CEEB</color>
+    <color name="css_slate_blue">#6A5ACD</color>
+    <color name="css_slate_gray">#708090</color>
+    <color name="css_slate_grey">#708090</color>
+    <color name="css_snow">#FFFAFA</color>
+    <color name="css_spring_green">#00FF7F</color>
+    <color name="css_steel_blue">#4682B4</color>
+    <color name="css_tan">#D2B48C</color>
+    <color name="css_teal">#008080</color>
+    <color name="css_thistle">#D8BFD8</color>
+    <color name="css_tomato">#FF6347</color>
+    <color name="css_turquoise">#40E0D0</color>
+    <color name="css_violet">#EE82EE</color>
+    <color name="css_wheat">#F5DEB3</color>
+    <color name="css_white">#FFFFFF</color>
+    <color name="css_white_smoke">#F5F5F5</color>
+    <color name="css_yellow">#FFFF00</color>
+    <color name="css_yellow_green">#9ACD32</color>
+
+</resources>

app/src/main/res/values/css_colors_string.xml

@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="css_alice_blue">Alice blue</string>
+    <string name="css_antique_white">Antique white</string>
+    <string name="css_aquamarine">Aquamarine</string>
+    <string name="css_azure">Azure</string>
+    <string name="css_beige">Beige</string>
+    <string name="css_bisque">Bisque</string>
+    <string name="css_black">Black</string>
+    <string name="css_blanched_almond">Blanched almond</string>
+    <string name="css_blue">Blue</string>
+    <string name="css_blue_violet">Blue violet</string>
+    <string name="css_brown">Brown</string>
+    <string name="css_burly_wood">Burly wood</string>
+    <string name="css_cadet_blue">Cadet blue</string>
+    <string name="css_chartreuse">Chartreuse</string>
+    <string name="css_chocolate">Chocolate</string>
+    <string name="css_coral">Coral</string>
+    <string name="css_cornflower_blue">Cornflower blue</string>
+    <string name="css_corn_silk">Corn silk</string>
+    <string name="css_crimson">Crimson</string>
+    <string name="css_cyan">Cyan</string>
+    <string name="css_aqua">Aqua</string>
+    <string name="css_dark_blue">Dark blue</string>
+    <string name="css_dark_cyan">Dark cyan</string>
+    <string name="css_dark_goldenrod">Dark goldenrod</string>
+    <string name="css_dark_gray">Dark gray</string>
+    <string name="css_dark_grey">Dark grey</string>
+    <string name="css_dark_green">Dark green</string>
+    <string name="css_dark_khaki">Dark khaki</string>
+    <string name="css_dark_magenta">Dark magenta</string>
+    <string name="css_dark_olive_green">Dark olive green</string>
+    <string name="css_dark_orange">Dark orange</string>
+    <string name="css_dark_orchid">Dark orchid</string>
+    <string name="css_dark_red">Dark red</string>
+    <string name="css_dark_salmon">Dark salmon</string>
+    <string name="css_dark_sea_green">Dark sea green</string>
+    <string name="css_dark_slate_blue">Dark slate blue</string>
+    <string name="css_dark_slate_gray">Dark slate gray</string>
+    <string name="css_dark_slate_grey">Dark slate grey</string>
+    <string name="css_dark_turquoise">Dark turquoise</string>
+    <string name="css_dark_violet">Dark violet</string>
+    <string name="css_deep_pink">Deep pink</string>
+    <string name="css_deep_sky_blue">Deep sky blue</string>
+    <string name="css_dim_gray">Dim gray</string>
+    <string name="css_dim_grey">Dim grey</string>
+    <string name="css_dodger_blue">Dodger blue</string>
+    <string name="css_fire_brick">Fire brick</string>
+    <string name="css_floral_white">Floral white</string>
+    <string name="css_forest_green">Forest green</string>
+    <string name="css_gainsboro">Gainsboro</string>
+    <string name="css_ghost_white">Ghost white</string>
+    <string name="css_gold">Gold</string>
+    <string name="css_goldenrod">Goldenrod</string>
+    <string name="css_gray">Gray</string>
+    <string name="css_grey">Grey</string>
+    <string name="css_green">Green</string>
+    <string name="css_green_yellow">Green yellow</string>
+    <string name="css_honeydew">Honeydew</string>
+    <string name="css_hot_pink">Hot pink</string>
+    <string name="css_indian_red">Indian red</string>
+    <string name="css_indigo">Indigo</string>
+    <string name="css_ivory">Ivory</string>
+    <string name="css_khaki">Khaki</string>
+    <string name="css_lavender">Lavender</string>
+    <string name="css_lavender_blush">Lavender blush</string>
+    <string name="css_lawn_green">Lawn green</string>
+    <string name="css_lemon_chiffon">Lemon chiffon</string>
+    <string name="css_light_blue">Light blue</string>
+    <string name="css_light_coral">Light coral</string>
+    <string name="css_light_cyan">Light cyan</string>
+    <string name="css_light_goldenrod_yellow">Light goldenrod yellow</string>
+    <string name="css_light_gray">Light gray</string>
+    <string name="css_light_grey">Light grey</string>
+    <string name="css_light_green">Light green</string>
+    <string name="css_light_pink">Light pink</string>
+    <string name="css_light_salmon">Light salmon</string>
+    <string name="css_light_sea_green">Light sea green</string>
+    <string name="css_light_sky_blue">Light sky blue</string>
+    <string name="css_light_slate_gray">Light slate gray</string>
+    <string name="css_light_slate_grey">Light slate grey</string>
+    <string name="css_light_steel_blue">Light steel blue</string>
+    <string name="css_light_yellow">Light yellow</string>
+    <string name="css_lime">Lime</string>
+    <string name="css_lime_green">Lime green</string>
+    <string name="css_linen">Linen</string>
+    <string name="css_magenta">Magenta</string>
+    <string name="css_fuchsia">Fuchsia</string>
+    <string name="css_maroon">Maroon</string>
+    <string name="css_medium_aquamarine">Medium aquamarine</string>
+    <string name="css_medium_blue">Medium blue</string>
+    <string name="css_medium_lavender_magenta">Medium lavender magenta</string>
+    <string name="css_medium_orchid">Medium orchid</string>
+    <string name="css_medium_purple">Medium purple</string>
+    <string name="css_medium_sea_green">Medium sea green</string>
+    <string name="css_medium_slate_blue">Medium slate blue</string>
+    <string name="css_medium_spring_green">Medium spring green</string>
+    <string name="css_medium_turquoise">Medium turquoise</string>
+    <string name="css_medium_violet_red">Medium violet red</string>
+    <string name="css_midnight_blue">Midnight blue</string>
+    <string name="css_mint_cream">Mint cream</string>
+    <string name="css_misty_rose">Misty rose</string>
+    <string name="css_moccasin">Moccasin</string>
+    <string name="css_navajo_white">Navajo white</string>
+    <string name="css_navy">Navy</string>
+    <string name="css_old_lace">Old lace</string>
+    <string name="css_olive">Olive</string>
+    <string name="css_olive_drab">Olive drab</string>
+    <string name="css_orange">Orange</string>
+    <string name="css_orange_red">Orange red</string>
+    <string name="css_orchid">Orchid</string>
+    <string name="css_pale_goldenrod">Pale goldenrod</string>
+    <string name="css_pale_green">Pale green</string>
+    <string name="css_pale_turquoise">Pale turquoise</string>
+    <string name="css_pale_violet_red">Pale violet red</string>
+    <string name="css_papaya_whip">Papaya whip</string>
+    <string name="css_patriarch">Patriarch</string>
+    <string name="css_peach_puff">Peach puff</string>
+    <string name="css_peru">Peru</string>
+    <string name="css_pink">Pink</string>
+    <string name="css_powder_blue">Powder blue</string>
+    <string name="css_rebecca_purple">Rebecca purple</string>
+    <string name="css_red">Red</string>
+    <string name="css_rosy_brown">Rosy brown</string>
+    <string name="css_royal_blue">Royal blue</string>
+    <string name="css_saddle_brown">Saddle brown</string>
+    <string name="css_salmon">Salmon</string>
+    <string name="css_sand_brown">Sand brown</string>
+    <string name="css_seashell">Seashell</string>
+    <string name="css_sea_green">Sea green</string>
+    <string name="css_sienna">Sienna</string>
+    <string name="css_silver">Silver</string>
+    <string name="css_sky_blue">Sky blue</string>
+    <string name="css_slate_blue">Slate blue</string>
+    <string name="css_slate_gray">Slate gray</string>
+    <string name="css_slate_grey">Slate grey</string>
+    <string name="css_snow">Snow</string>
+    <string name="css_spring_green">Spring green</string>
+    <string name="css_steel_blue">Steel blue</string>
+    <string name="css_tan">Tan</string>
+    <string name="css_teal">Teal</string>
+    <string name="css_thistle">Thistle</string>
+    <string name="css_tomato">Tomato</string>
+    <string name="css_turquoise">Turquoise</string>
+    <string name="css_violet">Violet</string>
+    <string name="css_wheat">Wheat</string>
+    <string name="css_white">White</string>
+    <string name="css_white_smoke">White smoke</string>
+    <string name="css_yellow">Yellow</string>
+    <string name="css_yellow_green">Yellow green</string>
+
+</resources>

app/src/main/res/values/dimens.xml

@@ -31,8 +31,9 @@
     <dimen name="editor_title_min_text_size_single_line">16sp</dimen>
     <dimen name="editor_title_min_text_size_double_line">13sp</dimen>
     <dimen name="editor_title_min_text_size_triple_line">11sp</dimen>
-    <dimen name="editor_title_text_size_step">1sp</dimen>
+    <dimen name="editor_title_text_size_step">0.5sp</dimen>
     <dimen name="main_title_text_size">20sp</dimen>
+    <dimen name="main_subtitle_text_size">12sp</dimen>
     <dimen name="textSize_item_property">14sp</dimen>
     <dimen name="first_char_view_stroke_width">2dp</dimen>
     <dimen name="expanded_view_initial_width">280dp</dimen>

app/src/main/res/values/strings.xml

@@ -1141,5 +1141,7 @@
     <string name="text_switch_to_legacy_layout">Switch to legacy layout</string>
     <string name="text_search_color">Search color</string>
     <string name="text_locate_current_color">Locate current color</string>
+    <string name="text_new_color_library">New color library</string>
+    <string name="text_color_palette">Color palette</string>
 
 </resources>

app/src/main/res/values/styles.xml

@@ -179,6 +179,10 @@
         <item name="android:ellipsize">end</item>
     </style>
 
+    <style name="TextAppearanceMainSubtitle" parent="TextAppearanceMainTitle">
+        <item name="android:textSize">@dimen/main_subtitle_text_size</item>
+    </style>
+
     <style name="OverflowIconDarkTheme" parent="@style/Widget.AppCompat.ActionButton.Overflow" >
         <item name="android:tint">@color/md_white_1000</item>
     </style>

app/src/main/res/values/web_colors.xml

@@ -0,0 +1,253 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <color name="web_alice_blue">#F0F8FF</color>
+    <color name="web_alizarin_crimson">#E32636</color>
+    <color name="web_amber">#FFBF00</color>
+    <color name="web_amethyst">#9966CC</color>
+    <color name="web_antique_white">#FAEBD7</color>
+    <color name="web_apple_green">#8CE600</color>
+    <color name="web_apricot">#E69966</color>
+    <color name="web_aqua">#AFDFE4</color>
+    <color name="web_aquamarine">#7FFFD4</color>
+    <color name="web_aqua_blue">#66FFE6</color>
+    <color name="web_azure">#007FFF</color>
+    <color name="web_baby_blue">#89CFF0</color>
+    <color name="web_baby_pink">#FFD9E6</color>
+    <color name="web_beige">#F5F5DC</color>
+    <color name="web_bisque">#FFE4C4</color>
+    <color name="web_black">#000000</color>
+    <color name="web_blanched_almond">#FFEBCD</color>
+    <color name="web_blue">#0000FF</color>
+    <color name="web_blue_violet">#8A2BE2</color>
+    <color name="web_bright_green">#66FF00</color>
+    <color name="web_bronze">#CD7F32</color>
+    <color name="web_brown">#A52A2A</color>
+    <color name="web_burgundy">#800020</color>
+    <color name="web_burly_wood">#DEB887</color>
+    <color name="web_burnt_orange">#CC5500</color>
+    <color name="web_cadet_blue">#5F9EA0</color>
+    <color name="web_camel">#A16B47</color>
+    <color name="web_camellia">#E63995</color>
+    <color name="web_canary_yellow">#FFEF00</color>
+    <color name="web_cardinal_red">#990036</color>
+    <color name="web_carmine">#E6005C</color>
+    <color name="web_celadon">#ACE1AF</color>
+    <color name="web_cerise">#DE3163</color>
+    <color name="web_cerulean_blue">#2A52BE</color>
+    <color name="web_champagne_yellow">#FFFF99</color>
+    <color name="web_chartreuse">#7FFF00</color>
+    <color name="web_chocolate">#D2691E</color>
+    <color name="web_chrome_yellow">#E6B800</color>
+    <color name="web_clematis">#CCA3CC</color>
+    <color name="web_cobalt_blue">#0047AB</color>
+    <color name="web_cobalt_green">#66FF59</color>
+    <color name="web_coconut_brown">#4D1F00</color>
+    <color name="web_coffee">#4D3900</color>
+    <color name="web_coral">#FF7F50</color>
+    <color name="web_coral_pink">#FF80BF</color>
+    <color name="web_cornflower_blue">#6495ED</color>
+    <color name="web_corn_silk">#FFF8DC</color>
+    <color name="web_cream">#FFFDD0</color>
+    <color name="web_crimson">#DC143C</color>
+    <color name="web_cyan">#00FFFF</color>
+    <color name="web_cyan_blue">#0DBF8C</color>
+    <color name="web_dark_blue">#00008B</color>
+    <color name="web_dark_cyan">#008B8B</color>
+    <color name="web_dark_goldenrod">#B8860B</color>
+    <color name="web_dark_gray">#A9A9A9</color>
+    <color name="web_dark_green">#006400</color>
+    <color name="web_dark_khaki">#BDB76B</color>
+    <color name="web_dark_magenta">#8B008B</color>
+    <color name="web_dark_mineral_blue">#24367D</color>
+    <color name="web_dark_olive_green">#556B2F</color>
+    <color name="web_dark_orange">#FF8C00</color>
+    <color name="web_dark_orchid">#9932CC</color>
+    <color name="web_dark_powder_blue">#003399</color>
+    <color name="web_dark_red">#8B0000</color>
+    <color name="web_dark_salmon">#E9967A</color>
+    <color name="web_dark_sea_green">#8FBC8F</color>
+    <color name="web_dark_slate_blue">#483D8B</color>
+    <color name="web_dark_slate_gray">#2F4F4F</color>
+    <color name="web_dark_turquoise">#00CED1</color>
+    <color name="web_dark_violet">#9400D3</color>
+    <color name="web_deep_pink">#FF1493</color>
+    <color name="web_deep_sky_blue">#00BFFF</color>
+    <color name="web_dim_gray">#696969</color>
+    <color name="web_dodger_blue">#1E90FF</color>
+    <color name="web_emerald">#50C878</color>
+    <color name="web_fire_brick">#B22222</color>
+    <color name="web_flamingo">#E68AB8</color>
+    <color name="web_floral_white">#FFFAF0</color>
+    <color name="web_foliage_green">#73B839</color>
+    <color name="web_forest_green">#228B22</color>
+    <color name="web_fresh_leaves">#99FF4D</color>
+    <color name="web_fuchsia">#F400A1</color>
+    <color name="web_gainsboro">#DCDCDC</color>
+    <color name="web_ghost_white">#F8F8FF</color>
+    <color name="web_golden">#FFD700</color>
+    <color name="web_goldenrod">#DAA520</color>
+    <color name="web_grass_green">#99E64D</color>
+    <color name="web_gray">#808080</color>
+    <color name="web_grayish_purple">#8674A1</color>
+    <color name="web_green">#008000</color>
+    <color name="web_green_yellow">#ADFF2F</color>
+    <color name="web_heliotrope">#DF73FF</color>
+    <color name="web_honeydew">#F0FFF0</color>
+    <color name="web_honey_orange">#FFB366</color>
+    <color name="web_horizon_blue">#B8DDC8</color>
+    <color name="web_hot_pink">#FF69B4</color>
+    <color name="web_indian_red">#CD5C5C</color>
+    <color name="web_indigo">#4B0080</color>
+    <color name="web_international_klein_blue">#002FA7</color>
+    <color name="web_iron_gray">#625B57</color>
+    <color name="web_ivory">#FFFFF0</color>
+    <color name="web_ivy_green">#36BF36</color>
+    <color name="web_jasmine">#E6C35C</color>
+    <color name="web_khaki">#996B1F</color>
+    <color name="web_lapis_lazuli">#26619C</color>
+    <color name="web_lavender">#B57EDC</color>
+    <color name="web_lavender_blue">#CCCCFF</color>
+    <color name="web_lavender_blush">#FFF0F5</color>
+    <color name="web_lavender_magenta">#EE82EE</color>
+    <color name="web_lavender_mist">#E6E6FA</color>
+    <color name="web_lawn_green">#7CFC00</color>
+    <color name="web_lemon_chiffon">#FFFACD</color>
+    <color name="web_light_blue">#ADD8E6</color>
+    <color name="web_light_coral">#F08080</color>
+    <color name="web_light_cyan">#E0FFFF</color>
+    <color name="web_light_goldenrod_yellow">#FAFAD2</color>
+    <color name="web_light_gray">#D3D3D3</color>
+    <color name="web_light_green">#90EE90</color>
+    <color name="web_light_khaki">#F0E68C</color>
+    <color name="web_light_pink">#FFB6C1</color>
+    <color name="web_light_salmon">#FFA07A</color>
+    <color name="web_light_sea_green">#20B2AA</color>
+    <color name="web_light_sky_blue">#87CEFA</color>
+    <color name="web_light_slate_gray">#778899</color>
+    <color name="web_light_steel_blue">#B0C4DE</color>
+    <color name="web_light_violet">#B09DB9</color>
+    <color name="web_light_yellow">#FFFFE0</color>
+    <color name="web_lilac">#C8A2C8</color>
+    <color name="web_lime">#CCFF00</color>
+    <color name="web_lime_green">#32CD32</color>
+    <color name="web_linen">#FAF0E6</color>
+    <color name="web_magenta">#FF00FF</color>
+    <color name="web_magenta_rose">#FF0DA6</color>
+    <color name="web_malachite">#22C32E</color>
+    <color name="web_mallow">#D94DFF</color>
+    <color name="web_marigold">#FF9900</color>
+    <color name="web_marine_blue">#00477D</color>
+    <color name="web_maroon">#800000</color>
+    <color name="web_mauve">#E0B0FF</color>
+    <color name="web_medium_aquamarine">#66CDAA</color>
+    <color name="web_medium_blue">#0000CD</color>
+    <color name="web_medium_lavender_magenta">#DDA0DD</color>
+    <color name="web_medium_orchid">#BA55D3</color>
+    <color name="web_medium_purple">#9370DB</color>
+    <color name="web_medium_sea_green">#3CB371</color>
+    <color name="web_medium_slate_blue">#7B68EE</color>
+    <color name="web_medium_spring_green">#00FA9A</color>
+    <color name="web_medium_turquoise">#48D1CC</color>
+    <color name="web_medium_violet_red">#C71585</color>
+    <color name="web_midnight_blue">#191970</color>
+    <color name="web_mimosa">#E6D933</color>
+    <color name="web_mineral_blue">#004D99</color>
+    <color name="web_mineral_violet">#A39DAE</color>
+    <color name="web_mint">#16982B</color>
+    <color name="web_mint_cream">#F5FFFA</color>
+    <color name="web_misty_rose">#FFE4E1</color>
+    <color name="web_moccasin">#FFE4B5</color>
+    <color name="web_moon_yellow">#FFFF4D</color>
+    <color name="web_moss_green">#697723</color>
+    <color name="web_mustard">#CCCC4D</color>
+    <color name="web_navajo_white">#FFDEAD</color>
+    <color name="web_navy">#000080</color>
+    <color name="web_ocher">#CC7722</color>
+    <color name="web_old_lace">#FDF5E6</color>
+    <color name="web_old_rose">#C08081</color>
+    <color name="web_olive">#808000</color>
+    <color name="web_olive_drab">#6B8E23</color>
+    <color name="web_opera_mauve">#B784A7</color>
+    <color name="web_orange">#FFA500</color>
+    <color name="web_orange_red">#FF4500</color>
+    <color name="web_orchid">#DA70D6</color>
+    <color name="web_pail_lilac">#E6CFE6</color>
+    <color name="web_pale_blue">#D1EDF2</color>
+    <color name="web_pale_denim">#5E86C1</color>
+    <color name="web_pale_goldenrod">#EEE8AA</color>
+    <color name="web_pale_green">#98FB98</color>
+    <color name="web_pale_ochre">#CCB38C</color>
+    <color name="web_pale_turquoise">#AFEEEE</color>
+    <color name="web_pale_violet_red">#DB7093</color>
+    <color name="web_pansy">#7400A1</color>
+    <color name="web_papaya_whip">#FFEFD5</color>
+    <color name="web_patriarch">#800080</color>
+    <color name="web_peach">#FFE5B4</color>
+    <color name="web_peach_pearl">#FBBEA1</color>
+    <color name="web_peach_puff">#FFDAB9</color>
+    <color name="web_peacock_blue">#00808C</color>
+    <color name="web_peacock_green">#00A15C</color>
+    <color name="web_pearl_pink">#FFB3E6</color>
+    <color name="web_persimmon">#FF4D40</color>
+    <color name="web_peru">#CD853F</color>
+    <color name="web_pink">#FFC0CB</color>
+    <color name="web_plum">#8E4585</color>
+    <color name="web_powder_blue">#B0E0E6</color>
+    <color name="web_prussian_blue">#003153</color>
+    <color name="web_purple">#6A0DAD</color>
+    <color name="web_red">#FF0000</color>
+    <color name="web_rose">#FF007F</color>
+    <color name="web_rose_pink">#FF66CC</color>
+    <color name="web_rosy_brown">#BC8F8F</color>
+    <color name="web_royal_blue">#4169E1</color>
+    <color name="web_ruby">#CC0080</color>
+    <color name="web_saddle_brown">#8B4513</color>
+    <color name="web_salmon">#FA8072</color>
+    <color name="web_salmon_pink">#FF8099</color>
+    <color name="web_salvia_blue">#4D80E6</color>
+    <color name="web_sand_beige">#E6C3C3</color>
+    <color name="web_sand_brown">#F4A460</color>
+    <color name="web_sapphire">#082567</color>
+    <color name="web_saxe_blue">#4798B3</color>
+    <color name="web_scarlet">#FF2400</color>
+    <color name="web_seashell">#FFF5EE</color>
+    <color name="web_sea_green">#2E8B57</color>
+    <color name="web_sepia">#704214</color>
+    <color name="web_shell_pink">#FFB3BF</color>
+    <color name="web_sienna">#A0522D</color>
+    <color name="web_silver">#C0C0C0</color>
+    <color name="web_sky_blue">#87CEEB</color>
+    <color name="web_slate_blue">#6A5ACD</color>
+    <color name="web_slate_gray">#708090</color>
+    <color name="web_snow">#FFFAFA</color>
+    <color name="web_spinel_red">#FF73B3</color>
+    <color name="web_spring_green">#00FF80</color>
+    <color name="web_steel_blue">#4682B4</color>
+    <color name="web_strong_blue">#006374</color>
+    <color name="web_strong_red">#E60000</color>
+    <color name="web_sun_orange">#FF7300</color>
+    <color name="web_tan">#D2B48C</color>
+    <color name="web_tangerine">#F28500</color>
+    <color name="web_tangerine_yellow">#FFCC00</color>
+    <color name="web_teal">#008080</color>
+    <color name="web_thistle">#D8BFD8</color>
+    <color name="web_tomato">#FF6347</color>
+    <color name="web_tropical_orange">#FF8033</color>
+    <color name="web_turquoise">#30D5C8</color>
+    <color name="web_turquoise_blue">#00FFEF</color>
+    <color name="web_turquoise_green">#4DE680</color>
+    <color name="web_ultramarine">#0033FF</color>
+    <color name="web_vermilion">#E34234</color>
+    <color name="web_very_light_malachite_green">#73E68C</color>
+    <color name="web_violet">#8000FF</color>
+    <color name="web_viridian">#127436</color>
+    <color name="web_wedgwood_blue">#5686BF</color>
+    <color name="web_wheat">#F5DEB3</color>
+    <color name="web_white">#FFFFFF</color>
+    <color name="web_white_smoke">#F5F5F5</color>
+    <color name="web_wisteria">#C9A0DC</color>
+    <color name="web_yellow">#FFFF00</color>
+    <color name="web_yellow_green">#9ACD32</color>
+
+</resources>

app/src/main/res/values/web_colors_string.xml

@@ -0,0 +1,253 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <string name="web_alice_blue">Alice blue</string>
+    <string name="web_alizarin_crimson">Alizarin crimson</string>
+    <string name="web_amber">Amber</string>
+    <string name="web_amethyst">Amethyst</string>
+    <string name="web_antique_white">Antique white</string>
+    <string name="web_apple_green">Apple green</string>
+    <string name="web_apricot">Apricot</string>
+    <string name="web_aqua">Aqua</string>
+    <string name="web_aquamarine">Aquamarine</string>
+    <string name="web_aqua_blue">Aqua blue</string>
+    <string name="web_azure">Azure</string>
+    <string name="web_baby_blue">Baby blue</string>
+    <string name="web_baby_pink">Baby pink</string>
+    <string name="web_beige">Beige</string>
+    <string name="web_bisque">Bisque</string>
+    <string name="web_black">Black</string>
+    <string name="web_blanched_almond">Blanched almond</string>
+    <string name="web_blue">Blue</string>
+    <string name="web_blue_violet">Blue violet</string>
+    <string name="web_bright_green">Bright green</string>
+    <string name="web_bronze">Bronze</string>
+    <string name="web_brown">Brown</string>
+    <string name="web_burgundy">Burgundy</string>
+    <string name="web_burly_wood">Burly wood</string>
+    <string name="web_burnt_orange">Burnt orange</string>
+    <string name="web_cadet_blue">Cadet blue</string>
+    <string name="web_camel">Camel</string>
+    <string name="web_camellia">Camellia</string>
+    <string name="web_canary_yellow">Canary yellow</string>
+    <string name="web_cardinal_red">Cardinal red</string>
+    <string name="web_carmine">Carmine</string>
+    <string name="web_celadon">Celadon</string>
+    <string name="web_cerise">Cerise</string>
+    <string name="web_cerulean_blue">Cerulean blue</string>
+    <string name="web_champagne_yellow">Champagne yellow</string>
+    <string name="web_chartreuse">Chartreuse</string>
+    <string name="web_chocolate">Chocolate</string>
+    <string name="web_chrome_yellow">Chrome yellow</string>
+    <string name="web_clematis">Clematis</string>
+    <string name="web_cobalt_blue">Cobalt blue</string>
+    <string name="web_cobalt_green">Cobalt green</string>
+    <string name="web_coconut_brown">Coconut brown</string>
+    <string name="web_coffee">Coffee</string>
+    <string name="web_coral">Coral</string>
+    <string name="web_coral_pink">Coral pink</string>
+    <string name="web_cornflower_blue">Cornflower blue</string>
+    <string name="web_corn_silk">Corn silk</string>
+    <string name="web_cream">Cream</string>
+    <string name="web_crimson">Crimson</string>
+    <string name="web_cyan">Cyan</string>
+    <string name="web_cyan_blue">Cyan blue</string>
+    <string name="web_dark_blue">Dark blue</string>
+    <string name="web_dark_cyan">Dark cyan</string>
+    <string name="web_dark_goldenrod">Dark goldenrod</string>
+    <string name="web_dark_gray">Dark gray</string>
+    <string name="web_dark_green">Dark green</string>
+    <string name="web_dark_khaki">Dark khaki</string>
+    <string name="web_dark_magenta">Dark magenta</string>
+    <string name="web_dark_mineral_blue">Dark mineral blue</string>
+    <string name="web_dark_olive_green">Dark olive green</string>
+    <string name="web_dark_orange">Dark orange</string>
+    <string name="web_dark_orchid">Dark orchid</string>
+    <string name="web_dark_powder_blue">Dark powder blue</string>
+    <string name="web_dark_red">Dark red</string>
+    <string name="web_dark_salmon">Dark salmon</string>
+    <string name="web_dark_sea_green">Dark sea green</string>
+    <string name="web_dark_slate_blue">Dark slate blue</string>
+    <string name="web_dark_slate_gray">Dark slate gray</string>
+    <string name="web_dark_turquoise">Dark turquoise</string>
+    <string name="web_dark_violet">Dark violet</string>
+    <string name="web_deep_pink">Deep pink</string>
+    <string name="web_deep_sky_blue">Deep sky blue</string>
+    <string name="web_dim_gray">Dim gray</string>
+    <string name="web_dodger_blue">Dodger blue</string>
+    <string name="web_emerald">Emerald</string>
+    <string name="web_fire_brick">Fire brick</string>
+    <string name="web_flamingo">Flamingo</string>
+    <string name="web_floral_white">Floral white</string>
+    <string name="web_foliage_green">Foliage green</string>
+    <string name="web_forest_green">Forest green</string>
+    <string name="web_fresh_leaves">Fresh leaves</string>
+    <string name="web_fuchsia">Fuchsia</string>
+    <string name="web_gainsboro">Gainsboro</string>
+    <string name="web_ghost_white">Ghost white</string>
+    <string name="web_golden">Golden</string>
+    <string name="web_goldenrod">Goldenrod</string>
+    <string name="web_grass_green">Grass green</string>
+    <string name="web_gray">Gray</string>
+    <string name="web_grayish_purple">Grayish purple</string>
+    <string name="web_green">Green</string>
+    <string name="web_green_yellow">Green yellow</string>
+    <string name="web_heliotrope">Heliotrope</string>
+    <string name="web_honeydew">Honeydew</string>
+    <string name="web_honey_orange">Honey orange</string>
+    <string name="web_horizon_blue">Horizon blue</string>
+    <string name="web_hot_pink">Hot pink</string>
+    <string name="web_indian_red">Indian red</string>
+    <string name="web_indigo">Indigo</string>
+    <string name="web_international_klein_blue">International klein blue</string>
+    <string name="web_iron_gray">Iron gray</string>
+    <string name="web_ivory">Ivory</string>
+    <string name="web_ivy_green">Ivy green</string>
+    <string name="web_jasmine">Jasmine</string>
+    <string name="web_khaki">Khaki</string>
+    <string name="web_lapis_lazuli">Lapis lazuli</string>
+    <string name="web_lavender">Lavender</string>
+    <string name="web_lavender_blue">Lavender blue</string>
+    <string name="web_lavender_blush">Lavender blush</string>
+    <string name="web_lavender_magenta">Lavender magenta</string>
+    <string name="web_lavender_mist">Lavender mist</string>
+    <string name="web_lawn_green">Lawn green</string>
+    <string name="web_lemon_chiffon">Lemon chiffon</string>
+    <string name="web_light_blue">Light blue</string>
+    <string name="web_light_coral">Light coral</string>
+    <string name="web_light_cyan">Light cyan</string>
+    <string name="web_light_goldenrod_yellow">Light goldenrod yellow</string>
+    <string name="web_light_gray">Light gray</string>
+    <string name="web_light_green">Light green</string>
+    <string name="web_light_khaki">Light khaki</string>
+    <string name="web_light_pink">Light pink</string>
+    <string name="web_light_salmon">Light salmon</string>
+    <string name="web_light_sea_green">Light sea green</string>
+    <string name="web_light_sky_blue">Light sky blue</string>
+    <string name="web_light_slate_gray">Light slate gray</string>
+    <string name="web_light_steel_blue">Light steel blue</string>
+    <string name="web_light_violet">Light violet</string>
+    <string name="web_light_yellow">Light yellow</string>
+    <string name="web_lilac">Lilac</string>
+    <string name="web_lime">Lime</string>
+    <string name="web_lime_green">Lime green</string>
+    <string name="web_linen">Linen</string>
+    <string name="web_magenta">Magenta</string>
+    <string name="web_magenta_rose">Magenta rose</string>
+    <string name="web_malachite">Malachite</string>
+    <string name="web_mallow">Mallow</string>
+    <string name="web_marigold">Marigold</string>
+    <string name="web_marine_blue">Marine blue</string>
+    <string name="web_maroon">Maroon</string>
+    <string name="web_mauve">Mauve</string>
+    <string name="web_medium_aquamarine">Medium aquamarine</string>
+    <string name="web_medium_blue">Medium blue</string>
+    <string name="web_medium_lavender_magenta">Medium lavender magenta</string>
+    <string name="web_medium_orchid">Medium orchid</string>
+    <string name="web_medium_purple">Medium purple</string>
+    <string name="web_medium_sea_green">Medium sea green</string>
+    <string name="web_medium_slate_blue">Medium slate blue</string>
+    <string name="web_medium_spring_green">Medium spring green</string>
+    <string name="web_medium_turquoise">Medium turquoise</string>
+    <string name="web_medium_violet_red">Medium violet red</string>
+    <string name="web_midnight_blue">Midnight blue</string>
+    <string name="web_mimosa">Mimosa</string>
+    <string name="web_mineral_blue">Mineral blue</string>
+    <string name="web_mineral_violet">Mineral violet</string>
+    <string name="web_mint">Mint</string>
+    <string name="web_mint_cream">Mint cream</string>
+    <string name="web_misty_rose">Misty rose</string>
+    <string name="web_moccasin">Moccasin</string>
+    <string name="web_moon_yellow">Moon yellow</string>
+    <string name="web_moss_green">Moss green</string>
+    <string name="web_mustard">Mustard</string>
+    <string name="web_navajo_white">Navajo white</string>
+    <string name="web_navy">Navy</string>
+    <string name="web_ocher">Ocher</string>
+    <string name="web_old_lace">Old lace</string>
+    <string name="web_old_rose">Old rose</string>
+    <string name="web_olive">Olive</string>
+    <string name="web_olive_drab">Olive drab</string>
+    <string name="web_opera_mauve">Opera mauve</string>
+    <string name="web_orange">Orange</string>
+    <string name="web_orange_red">Orange red</string>
+    <string name="web_orchid">Orchid</string>
+    <string name="web_pail_lilac">Pail lilac</string>
+    <string name="web_pale_blue">Pale blue</string>
+    <string name="web_pale_denim">Pale denim</string>
+    <string name="web_pale_goldenrod">Pale goldenrod</string>
+    <string name="web_pale_green">Pale green</string>
+    <string name="web_pale_ochre">Pale ochre</string>
+    <string name="web_pale_turquoise">Pale turquoise</string>
+    <string name="web_pale_violet_red">Pale violet red</string>
+    <string name="web_pansy">Pansy</string>
+    <string name="web_papaya_whip">Papaya whip</string>
+    <string name="web_patriarch">Patriarch</string>
+    <string name="web_peach">Peach</string>
+    <string name="web_peach_pearl">Peach pearl</string>
+    <string name="web_peach_puff">Peach puff</string>
+    <string name="web_peacock_blue">Peacock blue</string>
+    <string name="web_peacock_green">Peacock green</string>
+    <string name="web_pearl_pink">Pearl pink</string>
+    <string name="web_persimmon">Persimmon</string>
+    <string name="web_peru">Peru</string>
+    <string name="web_pink">Pink</string>
+    <string name="web_plum">Plum</string>
+    <string name="web_powder_blue">Powder blue</string>
+    <string name="web_prussian_blue">Prussian blue</string>
+    <string name="web_purple">Purple</string>
+    <string name="web_red">Red</string>
+    <string name="web_rose">Rose</string>
+    <string name="web_rose_pink">Rose pink</string>
+    <string name="web_rosy_brown">Rosy brown</string>
+    <string name="web_royal_blue">Royal blue</string>
+    <string name="web_ruby">Ruby</string>
+    <string name="web_saddle_brown">Saddle brown</string>
+    <string name="web_salmon">Salmon</string>
+    <string name="web_salmon_pink">Salmon pink</string>
+    <string name="web_salvia_blue">Salvia blue</string>
+    <string name="web_sand_beige">Sand beige</string>
+    <string name="web_sand_brown">Sand brown</string>
+    <string name="web_sapphire">Sapphire</string>
+    <string name="web_saxe_blue">Saxe blue</string>
+    <string name="web_scarlet">Scarlet</string>
+    <string name="web_seashell">Seashell</string>
+    <string name="web_sea_green">Sea green</string>
+    <string name="web_sepia">Sepia</string>
+    <string name="web_shell_pink">Shell pink</string>
+    <string name="web_sienna">Sienna</string>
+    <string name="web_silver">Silver</string>
+    <string name="web_sky_blue">Sky blue</string>
+    <string name="web_slate_blue">Slate blue</string>
+    <string name="web_slate_gray">Slate gray</string>
+    <string name="web_snow">Snow</string>
+    <string name="web_spinel_red">Spinel red</string>
+    <string name="web_spring_green">Spring green</string>
+    <string name="web_steel_blue">Steel blue</string>
+    <string name="web_strong_blue">Strong blue</string>
+    <string name="web_strong_red">Strong red</string>
+    <string name="web_sun_orange">Sun orange</string>
+    <string name="web_tan">Tan</string>
+    <string name="web_tangerine">Tangerine</string>
+    <string name="web_tangerine_yellow">Tangerine yellow</string>
+    <string name="web_teal">Teal</string>
+    <string name="web_thistle">Thistle</string>
+    <string name="web_tomato">Tomato</string>
+    <string name="web_tropical_orange">Tropical orange</string>
+    <string name="web_turquoise">Turquoise</string>
+    <string name="web_turquoise_blue">Turquoise blue</string>
+    <string name="web_turquoise_green">Turquoise green</string>
+    <string name="web_ultramarine">Ultramarine</string>
+    <string name="web_vermilion">Vermilion</string>
+    <string name="web_very_light_malachite_green">Very light malachite green</string>
+    <string name="web_violet">Violet</string>
+    <string name="web_viridian">Viridian</string>
+    <string name="web_wedgwood_blue">Wedgwood blue</string>
+    <string name="web_wheat">Wheat</string>
+    <string name="web_white">White</string>
+    <string name="web_white_smoke">White smoke</string>
+    <string name="web_wisteria">Wisteria</string>
+    <string name="web_yellow">Yellow</string>
+    <string name="web_yellow_green">Yellow green</string>
+
+</resources>