From 48d14fecdb58d9364ad622c073bb5e3b28491ab5 Mon Sep 17 00:00:00 2001
From: Michatec <michail.chatzisymeonidis@hotmail.com>
Date: Sat, 28 Mar 2026 20:10:41 +0100
Subject: [PATCH] style(ui): adjust highlight colors for better contrast

Reduce opacity of focused highlight colors and adjust control highlight colors across all theme variants to improve visual consistency and accessibility. Changes include:
- Lowering alpha values for focused highlights in night themes
- Switching from white-based to black-based highlights in light themes
- Standardizing highlight opacity across API level-specific styles
---
 app/src/main/res/values-night-v31/styles.xml |  4 ++--
 app/src/main/res/values-night/styles.xml     |  2 +-
 app/src/main/res/values-v27/styles.xml       |  6 +++---
 app/src/main/res/values-v31/styles.xml       |  4 ++--
 app/src/main/res/values/styles.xml           | 10 +++++-----
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/app/src/main/res/values-night-v31/styles.xml b/app/src/main/res/values-night-v31/styles.xml
index 4c9177b..6404520 100644
--- a/app/src/main/res/values-night-v31/styles.xml
+++ b/app/src/main/res/values-night-v31/styles.xml
@@ -13,7 +13,7 @@
         <item name="android:textColorHighlight">@android:color/system_accent1_500</item>
         <item name="colorControlHighlight">#33FFFFFF</item>
         <item name="android:colorControlHighlight">#33FFFFFF</item>
-        <item name="android:colorFocusedHighlight">#FFFFFFFF</item>
+        <item name="android:colorFocusedHighlight">#80FFFFFF</item>
 
         <!-- Do not use primary colored elevation overlays to present a visual hierarchy - TOO COLORFUL  -->
         <item name="elevationOverlayEnabled">false</item>
@@ -55,7 +55,7 @@
         <item name="checkedTextViewStyle">@style/AlertDialog.TextColor</item>
         <item name="colorControlActivated">#FFDAE2FF</item>
         <item name="colorControlHighlight">#33FFFFFF</item>
-        <item name="android:colorFocusedHighlight">#FFFFFFFF</item>
+        <item name="android:colorFocusedHighlight">#80FFFFFF</item>
     </style>
 
     <style name="AlertDialog.TextColor" parent="@style/TextAppearance.MaterialComponents.Body1">
diff --git a/app/src/main/res/values-night/styles.xml b/app/src/main/res/values-night/styles.xml
index bf75ecb..cde205e 100644
--- a/app/src/main/res/values-night/styles.xml
+++ b/app/src/main/res/values-night/styles.xml
@@ -9,7 +9,7 @@
         <item name="android:textColorHighlight">#FF495D92</item>
         <item name="colorControlHighlight">#33FFFFFF</item>
         <item name="android:colorControlHighlight">#33FFFFFF</item>
-        <item name="android:colorFocusedHighlight">#FFFFFFFF</item>
+        <item name="android:colorFocusedHighlight">#80FFFFFF</item>
 
         <!-- Do not use primary colored elevation overlays to present a visual hierarchy - TOO COLORFUL  -->
         <item name="elevationOverlayEnabled">false</item>
diff --git a/app/src/main/res/values-v27/styles.xml b/app/src/main/res/values-v27/styles.xml
index 247f146..e5d5cee 100644
--- a/app/src/main/res/values-v27/styles.xml
+++ b/app/src/main/res/values-v27/styles.xml
@@ -6,9 +6,9 @@
         <item name="colorPrimary">#FF495D92</item>
         <item name="colorAccent">#FF495D92</item>
         <item name="android:textColorHighlight">#FF495D92</item>
-        <item name="colorControlHighlight">#33FFFFFF</item>
-        <item name="android:colorControlHighlight">#33FFFFFF</item>
-        <item name="android:colorFocusedHighlight">#FFFFFFFF</item>
+        <item name="colorControlHighlight">#33000000</item>
+        <item name="android:colorControlHighlight">#33000000</item>
+        <item name="android:colorFocusedHighlight">#80000000</item>
 
         <!-- Do not use primary colored elevation overlays to present a visual hierarchy - TOO COLORFUL  -->
         <item name="elevationOverlayEnabled">false</item>
diff --git a/app/src/main/res/values-v31/styles.xml b/app/src/main/res/values-v31/styles.xml
index c763f3f..5515fcc 100644
--- a/app/src/main/res/values-v31/styles.xml
+++ b/app/src/main/res/values-v31/styles.xml
@@ -13,7 +13,7 @@
         <item name="android:textColorHighlight">@android:color/system_accent1_200</item>
         <item name="colorControlHighlight">#22000000</item>
         <item name="android:colorControlHighlight">#22000000</item>
-        <item name="android:colorFocusedHighlight">#44000000</item>
+        <item name="android:colorFocusedHighlight">#66000000</item>
 
         <!-- Do not use primary colored elevation overlays to present a visual hierarchy - TOO COLORFUL  -->
         <item name="elevationOverlayEnabled">false</item>
@@ -42,7 +42,7 @@
         <item name="materialAlertDialogBodyTextStyle">@style/TextAppearance.MaterialComponents.Body1</item>
         <item name="android:backgroundDimAmount">0.64</item>
         <item name="colorControlHighlight">#22000000</item>
-        <item name="android:colorFocusedHighlight">#44000000</item>
+        <item name="android:colorFocusedHighlight">#66000000</item>
     </style>
 
     <style name="ThemeOverlay.App.TimePicker" parent="ThemeOverlay.MaterialComponents.TimePicker">
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index 74ba858..24dc51a 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -13,9 +13,9 @@
         <item name="materialTimePickerTheme">@style/ThemeOverlay.App.TimePicker</item>
         <item name="android:windowLightStatusBar">true</item>
         <item name="android:statusBarColor">@android:color/transparent</item>
-        <item name="colorControlHighlight">#80FFFFFF</item>
-        <item name="android:colorControlHighlight">#80FFFFFF</item>
-        <item name="android:colorFocusedHighlight">#FFFFFFFF</item>
+        <item name="colorControlHighlight">#80000000</item>
+        <item name="android:colorControlHighlight">#80000000</item>
+        <item name="android:colorFocusedHighlight">#FF333333</item>
     </style>
 
     <style name="SplashTheme" parent="AppTheme" />
@@ -38,8 +38,8 @@
         <item name="colorControlActivated">@color/icon_default</item>
         <item name="android:textColorPrimary">@color/text_default</item>
         <item name="android:textColorSecondary">@color/text_lightweight</item>
-        <item name="colorControlHighlight">#80FFFFFF</item>
-        <item name="android:colorFocusedHighlight">#FFFFFFFF</item>
+        <item name="colorControlHighlight">#80000000</item>
+        <item name="android:colorFocusedHighlight">#FF333333</item>
     </style>
 
     <style name="ThemeOverlay.App.TimePicker" parent="ThemeOverlay.MaterialComponents.TimePicker">