UI: Update TransportModeChip text color and border styling

[ksharma-xyz]

TL;DR

Updated the TransportModeChip and TransportModeIcon components to improve text contrast and visual consistency

What changed?

• Modified text color in TransportModeChip to use a contrast-aware foreground color
• Reduced border width from 3dp to 2dp in TransportModeChip
• Added ContentAlpha token to TransportModeIcon to ensure 100% opacity
• Removed redundant color property from TransportModeIcon text

How to test?

1. Navigate to the trip planner screen
2. Verify that transport mode chips have proper text contrast when selected
3. Confirm that transport mode icons display with full opacity
4. Check that the border width appears visually balanced

Why make this change?

To enhance readability and visual consistency across transport mode components while ensuring proper contrast ratios for accessibility. The changes also streamline the implementation by removing redundant styling properties.

[ksharma-xyz]

• UI: Add stable keys and fix loading emoji animation #605 : 2 dependent PRs (#606 , #607 )
• UI: Update light rail color and chip text contrast #604
• UI: Update TransportModeChip text color and border styling #603 👈 (View in Graphite)
• UI: Add transport mode selection row to TimeTableScreen #602
• UI: Add filter button to TimeTableScreen #601
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.

[ksharma-xyz]

Merge activity

• Feb 12, 7:21 AM EST: A user merged this pull request with Graphite.