#2087 fix: small segmented button text is not readable in dark mode

Author: sds100

CHANGELOG.md

@@ -7,6 +7,7 @@
 - #2045 add action to input on-screen keyboard enter/send button.
 - #2106 disable the keyboard auto-switching setting when manually switching the keyboard in the Key Mapper homescreen menu.
 - #2081 add getevent debug screen.
+- #2087 small segmented button text is not readable in dark mode.
 
 ## Fixed
 

base/src/main/java/io/github/sds100/keymapper/base/trigger/BaseTriggerScreen.kt

@@ -640,6 +640,25 @@ private fun VerticalPreview() {
     }
 }
 
+@Preview(device = Devices.PIXEL)
+@Composable
+private fun VerticalPreviewDark() {
+    KeyMapperTheme(darkTheme = true) {
+        TriggerScreenVertical(
+            configState = previewState,
+            recordTriggerState = RecordTriggerState.Idle,
+            expertModeSwitchState = ExpertModeRecordSwitchState(
+                isVisible = true,
+                isChecked = false,
+                isEnabled = true,
+            ),
+            discoverScreenContent = {
+                TriggerDiscoverScreen()
+            },
+        )
+    }
+}
+
 @Preview(heightDp = 300, widthDp = 300)
 @Composable
 private fun VerticalPreviewTiny() {
@@ -659,6 +678,25 @@ private fun VerticalPreviewTiny() {
     }
 }
 
+@Preview(heightDp = 300, widthDp = 300)
+@Composable
+private fun VerticalPreviewTinyDark() {
+    KeyMapperTheme(darkTheme = true) {
+        TriggerScreenVertical(
+            configState = previewState,
+            recordTriggerState = RecordTriggerState.Idle,
+            expertModeSwitchState = ExpertModeRecordSwitchState(
+                isVisible = true,
+                isChecked = true,
+                isEnabled = true,
+            ),
+            discoverScreenContent = {
+                TriggerDiscoverScreen()
+            },
+        )
+    }
+}
+
 // This preview is slightly rectangular
 @Preview(heightDp = 500, widthDp = 530)
 @Composable

base/src/main/java/io/github/sds100/keymapper/base/utils/ui/compose/KeyMapperSegmentedButtonRow.kt

@@ -4,6 +4,7 @@ import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.text.BasicText
 import androidx.compose.foundation.text.TextAutoSize
 import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.LocalContentColor
 import androidx.compose.material3.LocalTextStyle
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.SegmentedButton
@@ -70,6 +71,8 @@ fun <T> KeyMapperSegmentedButtonRow(
                     ),
                     colors = colors,
                 ) {
+                    val contentColor = LocalContentColor.current
+
                     BasicText(
                         modifier = if (isUnselectedDisabled) Modifier.alpha(0.5f) else Modifier,
                         text = label,
@@ -79,6 +82,7 @@ fun <T> KeyMapperSegmentedButtonRow(
                             maxFontSize = LocalTextStyle.current.fontSize,
                             minFontSize = 10.sp,
                         ),
+                        color = { contentColor },
                     )
                 }
             } else {