feat(card-browser): theme chip 'selected' state

Define a color which is better than the standard purple

Calculation: colorSurfaceContainerHigh (HCT model)
* +15 Chroma (light)
* +10 Chroma (dark)
* Choose a darker gray (plain)
* Eyeball a light black (black) and set colorSurfaceContainerHigh

Issue 18709

Author: david-allison

AnkiDroid/src/main/java/com/ichi2/anki/utils/ext/Chip.kt

@@ -16,13 +16,16 @@
 
 package com.ichi2.anki.utils.ext
 
+import com.google.android.material.R.attr.colorSecondaryContainer
 import com.google.android.material.chip.Chip
 
 /**
  * Sets the 'filled/unfilled' background of a chip to show whether it's toggled on
  *
  * Like [Chip.isChecked], for a chip with [Chip.isCheckable] set to `false` so user taps do not
  * modify the visuals state
+ *
+ * The color is set to [colorSecondaryContainer]
  */
 var Chip.hasCheckedBackground: Boolean
     get() = this.isChecked

AnkiDroid/src/main/res/layout/card_browser_searchview_fragment.xml

@@ -91,6 +91,8 @@
                     android:ellipsize="middle"
 
                     tools:text="All Decks"
+                    tools:checkable="true"
+                    tools:checked="true"
                     />
 
 

AnkiDroid/src/main/res/layout/fragment_standard_search.xml

@@ -20,7 +20,8 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:orientation="vertical"
     android:layout_height="match_parent"
-    tools:ignore="HardcodedText">
+    tools:ignore="HardcodedText"
+    tools:background="?attr/colorSurfaceContainerHigh">
 
     <HorizontalScrollView
         android:id="@+id/chip_group"
@@ -48,7 +49,9 @@
                 android:maxLines="1"
                 app:chipIcon="@drawable/ic_cards_star"
 
-                tools:text="Deck" />
+                tools:text="Deck"
+                tools:checkable="true"
+                tools:checked="true" />
 
             <com.google.android.material.chip.Chip
                 android:id="@+id/flags_chip"

AnkiDroid/src/main/res/values/theme_black.xml

@@ -11,6 +11,8 @@
         <item name="colorPrimary">@color/material_blue_400</item>
         <item name="colorPrimaryDark">@color/black</item>
         <item name="colorAccent">@color/material_blue_500</item>
+        <item name="colorSecondaryContainer">#252525</item>
+        <item name="colorSurfaceContainerHigh">#151515</item>
         <item name="android:textColor">@color/text_color_dark</item>
         <item name="android:textColorSecondary">@color/text_color_secondary_dark</item>
         <item name="android:colorBackground">@color/theme_black_primary</item>

AnkiDroid/src/main/res/values/theme_dark.xml

@@ -24,6 +24,7 @@
         <item name="android:textColorSecondary">@color/text_color_secondary_dark</item>
         <item name="android:colorBackground">@color/material_theme_grey</item>
         <item name="android:windowBackground">@color/material_theme_grey</item>
+        <item name="colorSecondaryContainer">#3C5A6E</item>
 
         <item name="colorSurfaceContainerHighest">?attr/colorSurfaceContainer</item>
         <item name="colorSurfaceContainerHigh">#424C54</item>

AnkiDroid/src/main/res/values/theme_light.xml

@@ -10,6 +10,7 @@
         <item name="colorAccent">@color/material_blue_grey_700</item>
         <item name="colorPrimaryContainer">@color/white</item> <!-- Switch thumb color when disabled and being pressed -->
         <item name="colorOnPrimaryContainer">@color/white</item> <!-- FAB icons -->
+        <item name="colorSecondaryContainer">#C1E7FF</item>
 
         <item name="colorSurfaceContainerHighest">?attr/colorSurfaceContainer</item>
         <item name="colorSurfaceContainerHigh">#E4F5FD</item>

AnkiDroid/src/main/res/values/theme_plain.xml

@@ -12,6 +12,7 @@
         <item name="colorPrimaryDark">@color/theme_plain_primary_dark</item>
         <item name="colorAccent">@color/theme_plain_accent</item>
         <item name="colorSurfaceContainer">#0F9E9E9E</item>
+        <item name="colorSecondaryContainer">#DDDDDD</item>
         <item name="colorSurfaceContainerHigh">#F4F4F4</item>
         <item name="android:textColor">@color/text_color_light</item>
         <item name="android:textColorSecondary">@color/text_color_secondary_light</item>