# Change Route Builder trace color to contrast with purple lifemap lines

**URL:** <https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694>\
**Category:** Ideas\
**Created:** [March 19, 2021, 2:16pm UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694 "2021-03-19T14:16:11Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![jpbari](https://community.citystrides.com/user_avatar/community.citystrides.com/jpbari/32/3023_2.png) [@jpbari](https://community.citystrides.com/u/jpbari)\
**Post date:** [March 19, 2021, 2:16pm UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694/1 "2021-03-19T14:16:11Z")

</div>

Sometimes when making a new route with the new [Route Builder](https://community.citystrides.com/t/add-a-route-suggester-builder/21/46) the dotted purple line gets lost in the existing solid purple lines of my lifemap.

Either changing it to a contrasting color or having the ability to select the color would be helpful.

In the meantime, I know I can turn my lifemap lines on and off using that toggle.

---

<div class="post-metadata">

**Author:** ![JamesChevalier](https://community.citystrides.com/user_avatar/community.citystrides.com/jameschevalier/32/2_2.png) [@JamesChevalier](https://community.citystrides.com/u/JamesChevalier)\
**Post date:** [March 19, 2021, 2:52pm UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694/2 "2021-03-19T14:52:35Z")

</div>

How about a solid, thicker, blue that’s always on top of the LifeMap lines?

 ![route-builder-color](https://d25dflut6m8e53.cloudfront.net/original/2X/d/dd86322c32e2d78eb3788afd05fde1036c5a6a33.png)

---

<div class="post-metadata">

**Author:** ![jpbari](https://community.citystrides.com/user_avatar/community.citystrides.com/jpbari/32/3023_2.png) [@jpbari](https://community.citystrides.com/u/jpbari)\
**Post date:** [March 19, 2021, 3:09pm UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694/3 "2021-03-19T15:09:19Z")

</div>

![](https://d25dflut6m8e53.cloudfront.net/original/2X/a/ada8e882f6a28c576dd5f944be0bbcb509c16bff.gif)

I don’t think there is a RIGHT answer, but that would work.

The “always on top” and “not purple” seem to be the most important features. As long as it is visible through the (sometimes) purple blob that is the important thing.

I am not a colorblindness sufferer, so I am not sure what the “accessible” color choices would be.

---

<div class="post-metadata">

**Author:** ![JamesChevalier](https://community.citystrides.com/user_avatar/community.citystrides.com/jameschevalier/32/2_2.png) [@JamesChevalier](https://community.citystrides.com/u/JamesChevalier)\
**Post date:** [March 19, 2021, 3:25pm UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694/4 "2021-03-19T15:25:28Z")

</div>

Good call … I can pass general accessibility requirements by making a _minor_ adjustment to the blue.  
I found [Sim Daltonism](https://michelf.ca/projects/sim-daltonism/), and found out that in a lot of cases purple → blue. 🤯

The thickness & non-jittery qualities of the route line help, but yeesh this is tough work.

 ![deuternopia](https://d25dflut6m8e53.cloudfront.net/original/2X/b/bdec51ccdfa964a75093a1eace1dd25438e06a82.jpeg)

---

<div class="post-metadata">

**Author:** ![Marty](https://community.citystrides.com/letter_avatar_proxy/v4/letter/m/f0a364/32.png) [@Marty](https://community.citystrides.com/u/Marty)\
**Post date:** [March 19, 2021, 3:41pm UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694/5 "2021-03-19T15:41:16Z")

</div>

If you want to go down the rabbit hole of accessibility testing, Chrome’s inspector has an emulator. [See here](https://webdesign.tutsplus.com/articles/designing-for-color-blindness-with-chrome-devtools--cms-35827) & [here](https://developers.google.com/web/updates/2020/03/devtools).

The thickness & always on top seems like a good start though.

---

<div class="post-metadata">

**Author:** ![JamesChevalier](https://community.citystrides.com/user_avatar/community.citystrides.com/jameschevalier/32/2_2.png) [@JamesChevalier](https://community.citystrides.com/u/JamesChevalier)\
**Post date:** [March 19, 2021, 3:45pm UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694/6 "2021-03-19T15:45:15Z")

</div>

Nice, thanks! Looks like [Firefox has it too](https://developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector/Simulation) … can’t find anything for Safari.

😆 🤣

 ![no-not-helpful](https://d25dflut6m8e53.cloudfront.net/original/2X/e/e76783b83dccd5462669c7a37b0a669bb46d66b8.jpeg)

---

<div class="post-metadata">

**Author:** ![jpbari](https://community.citystrides.com/user_avatar/community.citystrides.com/jpbari/32/3023_2.png) [@jpbari](https://community.citystrides.com/u/jpbari)\
**Post date:** [March 19, 2021, 3:51pm UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694/7 "2021-03-19T15:51:08Z")

</div>

I will say that one benefit of the dashed line version is that you could fairly easily tell when your trace back-tracked on itself, then you can decide if that was an error or intended

![image](https://d25dflut6m8e53.cloudfront.net/original/2X/2/20a0b8d9782029f12799b992a4474ac46eeaeb57.png)

---

<div class="post-metadata">

**Author:** ![JamesChevalier](https://community.citystrides.com/user_avatar/community.citystrides.com/jameschevalier/32/2_2.png) [@JamesChevalier](https://community.citystrides.com/u/JamesChevalier)\
**Post date:** [March 19, 2021, 3:56pm UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694/8 "2021-03-19T15:56:28Z")

</div>

Great point, plus after some more testing I see that the dotted line _also_ helps with colorblindness.

---

<div class="post-metadata">

**Author:** ![steveamor12](https://community.citystrides.com/user_avatar/community.citystrides.com/steveamor12/32/1540_2.png) [@steveamor12](https://community.citystrides.com/u/steveamor12)\
**Post date:** [April 14, 2021, 11:45pm UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694/9 "2021-04-14T23:45:38Z")

</div>

Is there any reason why a user couldn’t select what colour they wanted the route to be. Either a total colour picker, or even 8 basic colours would be fine. I think blue is still far to close to purple! I do like the dashes though as another distinction.

---

<div class="post-metadata">

**Author:** ![8f7162110d9eeaf907ab](https://community.citystrides.com/letter_avatar_proxy/v4/letter/8/ad7895/32.png) [@8f7162110d9eeaf907ab](https://community.citystrides.com/u/8f7162110d9eeaf907ab)\
**Post date:** [April 16, 2021, 11:57am UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694/10 "2021-04-16T11:57:47Z")

</div>

I like the idea of being able to choose the color, it would also be nice if the dotted line that’s used when creating the route was used to display it as well. Being able to see where it doubles up does help in making the actual route more visible.

---

<div class="post-metadata">

**Author:** ![jpbari](https://community.citystrides.com/user_avatar/community.citystrides.com/jpbari/32/3023_2.png) [@jpbari](https://community.citystrides.com/u/jpbari)\
**Post date:** [April 16, 2021, 12:37pm UTC](https://community.citystrides.com/t/change-route-builder-trace-color-to-contrast-with-purple-lifemap-lines/22694/11 "2021-04-16T12:37:39Z")

</div>

I’ll second the “show the route page in the same linestyle as the route creator” request, and raise you one “add a toggle lifemap button the route viewer page” (although NOT showing the lifemap on the route viewer would still be my preferred default)
