Michatec/Radio
1
1
Fork 0
mirror of https://github.com/Michatec/Radio.git synced 2026-03-31 23:46:28 +02:00
Code Issues Packages Projects Releases Activity

style(ui): adjust highlight colors for better contrast

Browse Source 
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
This commit is contained in:
Michatec
2026-03-28 20:10:41 +01:00
parent c8293b1b6d
commit 48d14fecdb
5 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/src/main/res/values-night-v31/styles.xml
View File

@@ -13,7 +13,7 @@
<item name="android:textColorHighlight">@android:color/system_accent1_500</item> <item name="android:textColorHighlight">@android:color/system_accent1_500</item>
<item name="colorControlHighlight">#33FFFFFF</item> <item name="colorControlHighlight">#33FFFFFF</item>
<item name="android: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 --> <!-- Do not use primary colored elevation overlays to present a visual hierarchy - TOO COLORFUL -->
<item name="elevationOverlayEnabled">false</item> <item name="elevationOverlayEnabled">false</item>
@@ -55,7 +55,7 @@
<item name="checkedTextViewStyle">@style/AlertDialog.TextColor</item> <item name="checkedTextViewStyle">@style/AlertDialog.TextColor</item>
<item name="colorControlActivated">#FFDAE2FF</item> <item name="colorControlActivated">#FFDAE2FF</item>
<item name="colorControlHighlight">#33FFFFFF</item> <item name="colorControlHighlight">#33FFFFFF</item>
<item name="android:colorFocusedHighlight">#FFFFFFFF</item> <item name="android:colorFocusedHighlight">#80FFFFFF</item>
</style> </style>
<style name="AlertDialog.TextColor" parent="@style/TextAppearance.MaterialComponents.Body1"> <style name="AlertDialog.TextColor" parent="@style/TextAppearance.MaterialComponents.Body1">

2
app/src/main/res/values-night/styles.xml
View File

@@ -9,7 +9,7 @@
<item name="android:textColorHighlight">#FF495D92</item> <item name="android:textColorHighlight">#FF495D92</item>
<item name="colorControlHighlight">#33FFFFFF</item> <item name="colorControlHighlight">#33FFFFFF</item>
<item name="android: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 --> <!-- Do not use primary colored elevation overlays to present a visual hierarchy - TOO COLORFUL -->
<item name="elevationOverlayEnabled">false</item> <item name="elevationOverlayEnabled">false</item>

6
app/src/main/res/values-v27/styles.xml
View File

@@ -6,9 +6,9 @@
<item name="colorPrimary">#FF495D92</item> <item name="colorPrimary">#FF495D92</item>
<item name="colorAccent">#FF495D92</item> <item name="colorAccent">#FF495D92</item>
<item name="android:textColorHighlight">#FF495D92</item> <item name="android:textColorHighlight">#FF495D92</item>
<item name="colorControlHighlight">#33FFFFFF</item> <item name="colorControlHighlight">#33000000</item>
<item name="android:colorControlHighlight">#33FFFFFF</item> <item name="android:colorControlHighlight">#33000000</item>
<item name="android:colorFocusedHighlight">#FFFFFFFF</item> <item name="android:colorFocusedHighlight">#80000000</item>
<!-- Do not use primary colored elevation overlays to present a visual hierarchy - TOO COLORFUL --> <!-- Do not use primary colored elevation overlays to present a visual hierarchy - TOO COLORFUL -->
<item name="elevationOverlayEnabled">false</item> <item name="elevationOverlayEnabled">false</item>

4
app/src/main/res/values-v31/styles.xml
View File

@@ -13,7 +13,7 @@
<item name="android:textColorHighlight">@android:color/system_accent1_200</item> <item name="android:textColorHighlight">@android:color/system_accent1_200</item>
<item name="colorControlHighlight">#22000000</item> <item name="colorControlHighlight">#22000000</item>
<item name="android: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 --> <!-- Do not use primary colored elevation overlays to present a visual hierarchy - TOO COLORFUL -->
<item name="elevationOverlayEnabled">false</item> <item name="elevationOverlayEnabled">false</item>
@@ -42,7 +42,7 @@
<item name="materialAlertDialogBodyTextStyle">@style/TextAppearance.MaterialComponents.Body1</item> <item name="materialAlertDialogBodyTextStyle">@style/TextAppearance.MaterialComponents.Body1</item>
<item name="android:backgroundDimAmount">0.64</item> <item name="android:backgroundDimAmount">0.64</item>
<item name="colorControlHighlight">#22000000</item> <item name="colorControlHighlight">#22000000</item>
<item name="android:colorFocusedHighlight">#44000000</item> <item name="android:colorFocusedHighlight">#66000000</item>
</style> </style>
<style name="ThemeOverlay.App.TimePicker" parent="ThemeOverlay.MaterialComponents.TimePicker"> <style name="ThemeOverlay.App.TimePicker" parent="ThemeOverlay.MaterialComponents.TimePicker">

10
app/src/main/res/values/styles.xml
View File

@@ -13,9 +13,9 @@
<item name="materialTimePickerTheme">@style/ThemeOverlay.App.TimePicker</item> <item name="materialTimePickerTheme">@style/ThemeOverlay.App.TimePicker</item>
<item name="android:windowLightStatusBar">true</item> <item name="android:windowLightStatusBar">true</item>
<item name="android:statusBarColor">@android:color/transparent</item> <item name="android:statusBarColor">@android:color/transparent</item>
<item name="colorControlHighlight">#80FFFFFF</item> <item name="colorControlHighlight">#80000000</item>
<item name="android:colorControlHighlight">#80FFFFFF</item> <item name="android:colorControlHighlight">#80000000</item>
<item name="android:colorFocusedHighlight">#FFFFFFFF</item> <item name="android:colorFocusedHighlight">#FF333333</item>
</style> </style>
<style name="SplashTheme" parent="AppTheme" /> <style name="SplashTheme" parent="AppTheme" />
@@ -38,8 +38,8 @@
<item name="colorControlActivated">@color/icon_default</item> <item name="colorControlActivated">@color/icon_default</item>
<item name="android:textColorPrimary">@color/text_default</item> <item name="android:textColorPrimary">@color/text_default</item>
<item name="android:textColorSecondary">@color/text_lightweight</item> <item name="android:textColorSecondary">@color/text_lightweight</item>
<item name="colorControlHighlight">#80FFFFFF</item> <item name="colorControlHighlight">#80000000</item>
<item name="android:colorFocusedHighlight">#FFFFFFFF</item> <item name="android:colorFocusedHighlight">#FF333333</item>
</style> </style>
<style name="ThemeOverlay.App.TimePicker" parent="ThemeOverlay.MaterialComponents.TimePicker"> <style name="ThemeOverlay.App.TimePicker" parent="ThemeOverlay.MaterialComponents.TimePicker">