[android] Improve colors in navigation UI

Signed-off-by: Jean-Baptiste <jeanbaptiste.charron@outlook.fr>
This commit is contained in:
Jean-Baptiste
2025-10-18 08:52:06 +02:00
parent f81eff2e33
commit d283fd41ae
6 changed files with 15 additions and 11 deletions

View File

@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" <shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"> android:shape="rectangle">
<solid android:color="@color/base_accent"/> <solid android:color="@color/bg_primary"/>
<corners android:radius="4dp"/> <corners android:radius="4dp"/>
</shape> </shape>

View File

@@ -24,7 +24,7 @@
app:layout_constraintTop_toBottomOf="@+id/statutbar" app:layout_constraintTop_toBottomOf="@+id/statutbar"
app:layout_constraintStart_toEndOf="@+id/nav_next_turn_container" app:layout_constraintStart_toEndOf="@+id/nav_next_turn_container"
android:clickable="true" android:clickable="true"
app:cardBackgroundColor="?colorSecondary"> app:cardBackgroundColor="?colorPrimary">
<RelativeLayout <RelativeLayout
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="@dimen/nav_street_height" android:layout_height="@dimen/nav_street_height"
@@ -37,7 +37,7 @@
android:maxLines="2" android:maxLines="2"
android:layout_gravity="center_horizontal" android:layout_gravity="center_horizontal"
android:gravity="center" android:gravity="center"
android:textColor="?android:textColorPrimaryInverse" android:textColor="@android:color/white"
tools:text="Sample street name.\nLong looooooooong!!!!"/> tools:text="Sample street name.\nLong looooooooong!!!!"/>
</RelativeLayout> </RelativeLayout>
</com.google.android.material.card.MaterialCardView> </com.google.android.material.card.MaterialCardView>
@@ -73,12 +73,13 @@
android:theme="?navigationTheme" android:theme="?navigationTheme"
android:layout_width="@dimen/nav_next_turn_sign" android:layout_width="@dimen/nav_next_turn_sign"
android:layout_height="@dimen/nav_next_turn_sign" android:layout_height="@dimen/nav_next_turn_sign"
app:tint="?iconTint" app:tint="@android:color/white"
tools:background="#400000FF"/> tools:background="#400000FF"/>
<com.google.android.material.textview.MaterialTextView <com.google.android.material.textview.MaterialTextView
android:id="@+id/circle_exit" android:id="@+id/circle_exit"
style="@style/MwmWidget.TextView.NavNextTurn.Exit" style="@style/MwmWidget.TextView.NavNextTurn.Exit"
android:textColor="@android:color/white"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_gravity="center" android:layout_gravity="center"
@@ -93,6 +94,7 @@
android:layout_marginBottom="@dimen/nav_next_turn_bottom" android:layout_marginBottom="@dimen/nav_next_turn_bottom"
android:layout_gravity="center_horizontal" android:layout_gravity="center_horizontal"
android:gravity="center_horizontal" android:gravity="center_horizontal"
android:textColor="@android:color/white"
tools:text="9999 ft"/> tools:text="9999 ft"/>
</LinearLayout> </LinearLayout>
@@ -130,7 +132,7 @@
app:layout_constraintTop_toBottomOf="@id/street_frame" app:layout_constraintTop_toBottomOf="@id/street_frame"
app:lanesActiveLaneTintColor="?navLaneArrowActiveColor" app:lanesActiveLaneTintColor="?navLaneArrowActiveColor"
app:lanesInactiveLaneTintColor="?navLaneArrowInactiveColor" app:lanesInactiveLaneTintColor="?navLaneArrowInactiveColor"
app:lanesBackgroundColor="?colorSecondary" app:lanesBackgroundColor="?colorPrimary"
app:lanesCornerRadius="@dimen/margin_quarter" app:lanesCornerRadius="@dimen/margin_quarter"
app:lanesEditModeLanesCount="10" app:lanesEditModeLanesCount="10"
tools:visibility="visible" /> tools:visibility="visible" />

View File

@@ -24,7 +24,7 @@
android:elevation="@dimen/nav_elevation" android:elevation="@dimen/nav_elevation"
app:layout_constraintTop_toBottomOf="@+id/statutbar" app:layout_constraintTop_toBottomOf="@+id/statutbar"
android:clickable="true" android:clickable="true"
app:cardBackgroundColor="?colorSecondary"> app:cardBackgroundColor="?colorPrimary">
<RelativeLayout <RelativeLayout
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="match_parent" android:layout_height="match_parent"
@@ -39,7 +39,7 @@
android:minHeight="60dp" android:minHeight="60dp"
android:layout_gravity="center_vertical" android:layout_gravity="center_vertical"
android:gravity="center" android:gravity="center"
android:textColor="?android:textColorPrimaryInverse" android:textColor="@android:color/white"
tools:text="Sample street name.\nLong looooooooong!!!!"/> tools:text="Sample street name.\nLong looooooooong!!!!"/>
</RelativeLayout> </RelativeLayout>
</com.google.android.material.card.MaterialCardView> </com.google.android.material.card.MaterialCardView>
@@ -75,7 +75,7 @@
android:theme="?navigationTheme" android:theme="?navigationTheme"
android:layout_width="@dimen/nav_next_turn_sign" android:layout_width="@dimen/nav_next_turn_sign"
android:layout_height="@dimen/nav_next_turn_sign" android:layout_height="@dimen/nav_next_turn_sign"
app:tint="?iconTint" app:tint="@android:color/white"
tools:background="#400000FF"/> tools:background="#400000FF"/>
<com.google.android.material.textview.MaterialTextView <com.google.android.material.textview.MaterialTextView
@@ -84,6 +84,7 @@
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_gravity="center" android:layout_gravity="center"
android:textColor="@android:color/white"
tools:text="9"/> tools:text="9"/>
</FrameLayout> </FrameLayout>
@@ -95,6 +96,7 @@
android:layout_marginBottom="@dimen/nav_next_turn_bottom" android:layout_marginBottom="@dimen/nav_next_turn_bottom"
android:layout_gravity="center_horizontal" android:layout_gravity="center_horizontal"
android:gravity="center_horizontal" android:gravity="center_horizontal"
android:textColor="@android:color/white"
tools:text="9999 ft"/> tools:text="9999 ft"/>
</LinearLayout> </LinearLayout>

View File

@@ -33,7 +33,7 @@
<color name="button_accent_text_disabled">#4CFFFFFF</color> <color name="button_accent_text_disabled">#4CFFFFFF</color>
<!-- LanesView --> <!-- LanesView -->
<color name="nav_lane_arrow_active">@color/black_primary</color> <color name="nav_lane_arrow_active">@color/white_primary</color>
<color name="elevation_profile_dot_enabled">#FF9600</color> <color name="elevation_profile_dot_enabled">#FF9600</color>
<color name="elevation_profile">@color/base_accent</color> <color name="elevation_profile">@color/base_accent</color>

View File

@@ -48,7 +48,7 @@
<item name="navNextTurnFrame">@drawable/bg_nav_next_turn</item> <item name="navNextTurnFrame">@drawable/bg_nav_next_turn</item>
<item name="navNextNextTurnFrame">@drawable/bg_nav_next_next_turn</item> <item name="navNextNextTurnFrame">@drawable/bg_nav_next_next_turn</item>
<item name="navLanesBackgroundColor">@color/base_accent</item> <item name="navLanesBackgroundColor">@color/bg_primary</item>
<item name="navLaneArrowActiveColor">@color/nav_lane_arrow_active</item> <item name="navLaneArrowActiveColor">@color/nav_lane_arrow_active</item>
<item name="navLaneArrowInactiveColor">@color/nav_lane_arrow_inactive</item> <item name="navLaneArrowInactiveColor">@color/nav_lane_arrow_inactive</item>

View File

@@ -47,7 +47,7 @@
<item name="navNextTurnFrame">@drawable/bg_nav_next_turn</item> <item name="navNextTurnFrame">@drawable/bg_nav_next_turn</item>
<item name="navNextNextTurnFrame">@drawable/bg_nav_next_next_turn</item> <item name="navNextNextTurnFrame">@drawable/bg_nav_next_next_turn</item>
<item name="navLanesBackgroundColor">@color/base_accent</item> <item name="navLanesBackgroundColor">@color/bg_primary</item>
<item name="navLaneArrowActiveColor">@color/nav_lane_arrow_active</item> <item name="navLaneArrowActiveColor">@color/nav_lane_arrow_active</item>
<item name="navLaneArrowInactiveColor">@color/nav_lane_arrow_inactive</item> <item name="navLaneArrowInactiveColor">@color/nav_lane_arrow_inactive</item>