# App: Navigation display color options

**URL:** <https://forum.kurviger.com/t/app-navigation-display-color-options/3288>\
**Category:** Implemented features\
**Tags:** implemented\
**Created:** [May 22, 2020, 12:28pm UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288 "2020-05-22T12:28:04Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [May 22, 2020, 12:28pm UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/1 "2020-05-22T12:28:04Z")

</div>

Support different **color** options for navigation display (HUD).

Users could select color + transparency of navigation panels.

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [May 25, 2020, 12:29pm UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/2 "2020-05-25T12:29:47Z")

</div>

White, black, red, green, blue, transparent or not, any custom color can be set in navigation display:

 ![Kurviger](https://forum.kurviger.com/uploads/default/original/2X/6/620bd7e5dcfc0a0a88ee444f8d5288367d55cfd9.jpeg)

---

<div class="post-metadata">

**Author:** ![Ciutnik](https://forum.kurviger.com/user_avatar/forum.kurviger.com/ciutnik/32/1700_2.png) [@Ciutnik](https://forum.kurviger.com/u/Ciutnik)\
**Post date:** [June 8, 2020, 8:53am UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/3 "2020-06-08T08:53:53Z")

</div>

> [@Kurviger 1.13.16 (Beta)](https://forum.kurviger.com/t/kurviger-1-13-16-beta/2855/108):
>
> I have changed transparency, so I can see that part of the route that is sometimes hidden under the navigation panel.

Yes that’s cool. In the extreme case, you could be tempted to set 100% transparency, but this would require adding a black font stroke - just like I have in my Garmin 🙂 :

 ![Garmin](https://forum.kurviger.com/uploads/default/original/2X/4/424f998c0998973f1cd5f18dd3e7a152bf99f751.jpeg)

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [June 8, 2020, 9:46am UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/4 "2020-06-08T09:46:43Z")

</div>

> [@Ciutnik](#):
>
> In the extreme case, you could be tempted to set 100% transparency, but this would require adding a black font stroke

This could be more easily applied to texts than to symbols.

---

<div class="post-metadata">

**Author:** ![Ciutnik](https://forum.kurviger.com/user_avatar/forum.kurviger.com/ciutnik/32/1700_2.png) [@Ciutnik](https://forum.kurviger.com/u/Ciutnik)\
**Post date:** [June 8, 2020, 10:08am UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/5 "2020-06-08T10:08:34Z")

</div>

> [@devemux86](#):
>
> more easily applied to texts than to symbols

I did not think about it… 🤔 Are these rasters, vectors or something else sewn in to the unmodified library?

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [June 8, 2020, 10:13am UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/6 "2020-06-08T10:13:33Z")

</div>

Believe it or not, Android API doesn’t support text stroke in its views, it would require some trick.

> [@Ciutnik](#):
>
> Are these rasters, vectors or something else sewn in to the unmodified library?

Most symbols are one-tone scalable vector graphics (SVG),  
so they can be adjusted for various screen sizes / densities.

---

<div class="post-metadata">

**Author:** ![Ciutnik](https://forum.kurviger.com/user_avatar/forum.kurviger.com/ciutnik/32/1700_2.png) [@Ciutnik](https://forum.kurviger.com/u/Ciutnik)\
**Post date:** [June 8, 2020, 10:36am UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/7 "2020-06-08T10:36:39Z")

</div>

Thank you so much for the explanation. Maybe a similar trick can be applied to graphics about a text case? I don’t know… maybe applying two identical symbols of different colors and slightly different sizes? But it’s probably not that simple (not to mention the impact on performance) 🙂

---

<div class="post-metadata">

**Author:** ![flonni](https://forum.kurviger.com/user_avatar/forum.kurviger.com/flonni/32/6373_2.png) [@flonni](https://forum.kurviger.com/u/flonni)\
**Post date:** [June 8, 2020, 8:04pm UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/9 "2020-06-08T20:04:04Z")

</div>

Which is the color code from that blue navigation display. I think is nice color for my UI.

Thanks a lot

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [June 9, 2020, 7:03am UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/10 "2020-06-09T07:03:49Z")

</div>

> [@flonni](#):
>
> Which is the color code from that blue navigation display. I think is nice color for my UI.

[That color](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/2) is ARGB (255, 55, 81, 111) or `#ff37516f`.

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [June 17, 2020, 11:13am UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/11 "2020-06-17T11:13:55Z")

</div>

6 posts were split to a new topic: [3D map rendering](https://forum.kurviger.com/t/3d-map-rendering/3583)

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [July 3, 2020, 7:35am UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/12 "2020-07-03T07:35:11Z")

</div>

Implemented in [Kurviger 1.13.17](https://forum.kurviger.com/t/kurviger-1-13-13/3705).

---

<div class="post-metadata">

**Author:** ![devemux86](https://forum.kurviger.com/user_avatar/forum.kurviger.com/devemux86/32/6239_2.png) [@devemux86](https://forum.kurviger.com/u/devemux86)\
**Post date:** [April 17, 2021, 12:21pm UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/13 "2021-04-17T12:21:56Z")

</div>

> [@Ciutnik](#):
>
> In the extreme case, you could be tempted to set 100% transparency, but this would require adding a black font stroke - just like I have in my Garmin 🙂

This will be possible with the new navigation UI design:

> [@App: Navigation UI design](https://forum.kurviger.com/t/app-navigation-ui-design/5369):
>
> Improve the appearance of the navigation user interface. [Kurviger]

---

<div class="post-metadata">

**Author:** ![boldtrn](https://forum.kurviger.com/user_avatar/forum.kurviger.com/boldtrn/32/360_2.png) [@boldtrn](https://forum.kurviger.com/u/boldtrn)\
**Post date:** [October 9, 2024, 10:28am UTC](https://forum.kurviger.com/t/app-navigation-display-color-options/3288/14 "2024-10-09T10:28:19Z")

</div>


