Bug 1993327 - Update checkbox and radio button styling. r=android-reviewers,avirvara

Differential Revision: https://phabricator.services.mozilla.com/D268013

Author: mcarare

mobile/android/focus-android/app/src/main/res/color/compound_button_color_selector.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/accentBright" android:state_checked="true" />
+    <item android:color="@color/secondaryText" android:state_checked="false" />
+</selector>

mobile/android/focus-android/app/src/main/res/values/styles.xml

@@ -18,6 +18,8 @@
         <item name="disabled">@color/disabled</item>
         <item name="destructive">@color/destructive</item>
         <item name="switchStyle">@style/App.Widget.Switch</item>
+        <item name="checkboxStyle">@style/App.Widget.CompoundButton.CheckBox</item>
+        <item name="radioButtonStyle">@style/App.Widget.CompoundButton.RadioButton</item>
 
         <!-- Use the same colors for both themes until light theme it will be implemented -->
         <item name="primaryText">@color/primaryText</item>
@@ -309,6 +311,14 @@
         <item name="colorControlActivated">@color/accentBright</item>
     </style>
 
+    <style name="App.Widget.CompoundButton.CheckBox" parent="Widget.Material3.CompoundButton.CheckBox">
+        <item name="buttonTint">@color/compound_button_color_selector</item>
+    </style>
+
+    <style name="App.Widget.CompoundButton.RadioButton" parent="Widget.Material3.CompoundButton.RadioButton">
+        <item name="buttonTint">@color/compound_button_color_selector</item>
+    </style>
+
     <style name="Preference.Title" parent="Widget.MaterialComponents.TextView">
         <item name="android:textColor">@color/preference_title_text</item>
         <item name="android:textSize">16sp</item>