Overlay map color schemes

[Jim]

The Legend box does not get updated with user-specified colors.

Yes, already an Issue: https://github.com/TravelMapping/Web/issues/579

Fix should be live on the main site.

[Jim]

The colors have been renamed in systems.csv and the main site's code has been updated to use the new color names.  I don't expect anyone to notice any difference, but let me know if you do (but please force reload any page that gives you problems first because you might have a cached old version of tmjsfuncs.js).

[Jim]

And https://github.com/TravelMapping/Web/issues/581 is now implemented and on the main site.

For the colors= QS param, you can still specify a pair of CSS colors for clinched and unclinched (even the same one and rely on the opacity difference to indicate clinched vs. unclinched), but also now can specify a single TM predefined color (ones used in systems.csv, now with a "TM" prefix).

Here's an example that results in a fairly bad-looking color combination:

https://travelmapping.net/user/mapview.php?units=miles&u=terescoj&v&colors=usany:black:black;usai:TMlightsalmon;tier2:rgb(150,0,200):rgb(200,0,225);usavt:TMgreen

[Jim]

I'm adding TMgray to the colorCodes array, will be up soon and available for use in colors=.

Code: [Select]

colorCodes[8] = { name: "TMgray", unclinched: "rgb(75,75,75)", clinched: "rgb(75,75,75)" };
What are the actual color definitions for some of the other people have discussed here?  I'm looking at one that was referred to as orange and another dark green.  I'd like to add those as options, even if they don't become the default for any systems at this point.

[si404]

It would be nice to have variants for the whole wheel of colours, even if we don't use them all.

(colours here are approximate, using forum software equivalents, with bold being the ones we don't have)
Blue-Teal
Green-Dark Green
Yellow-Orange-Brown
Red-Lightsalmon
Magenta-Purple
White-Gray-Black

TLDR: Purple please, as well as the Orange and Dark Green. And Black and White just because.

[vdeane]

I'm adding TMgray to the colorCodes array, will be up soon and available for use in colors=.

Code: [Select]

colorCodes[8] = { name: "TMgray", unclinched: "rgb(75,75,75)", clinched: "rgb(75,75,75)" };
What are the actual color definitions for some of the other people have discussed here?  I'm looking at one that was referred to as orange and another dark green.  I'd like to add those as options, even if they don't become the default for any systems at this point.

FYI, the gray I used in my test rendering (which seemed to get rave reviews) used 100,100,100 for both clinched and unclinched gray.

The dark green used in that rendering was 61,94,77 and 24,132,70.  If I remember right, unclinched goes first in the URL, so that would be unclinched, clinched, respectively.  I didn't get far enough along with the orange to have firm RGB values (I just eyeballed something in GIMP and drew over a screenshot).

FYI: One of the recent updates changed the order the URL is parsed for colors; as a result, the tiers now need to be defined last rather than first in the test renderings I posted.

[mapcat]

I like the current TMgray but would not complain if you switch to 100,100,100.

Will there eventually be a cookie or something to preserve the colors param? For example, it resets when following the link from region.php & mapview.php.

[Jim]

Will there eventually be a cookie or something to preserve the colors param? For example, it resets when following the link from region.php & mapview.php.

Eventually there will be something, probably a combination of a UI that lets you specify colors and a way to remember them.  Not likely in the near future, however.

[vdeane]

I like the current TMgray but would not complain if you switch to 100,100,100.

That gray actually looks like black on my monitor.  It's even darker than the color used for "plain".

[Jim]

I've lightened up TMgray and added 3 more for everyone's comment.

Code: [Select]

colorCodes[8] = { name: "TMgray", unclinched: "rgb(100,100,100)", clinched: "rgb(100,100,100)" };
colorCodes[9] = { name: "TMdarkgreen", unclinched: "rgb(61,94,77)", clinched: "rgb(24,132,70)" };
colorCodes[10] = { name: "TMpurple", unclinched: "rgb(128,0,128)", clinched: "rgb(150,28,220)" };
colorCodes[11] = { name: "TMorange", unclinched: "rgb(255,180,50)", clinched: "rgb(255,165,0)" };


[vdeane]

So I just noticed an issue: whenever I try to specify a TM color in Mapview, it comes out instead as black.  CSS colors and RGB values work OK, but not TM colors.  Oddly enough, your sample "bad-looking combination" link works fine, so I'm not sure what's going on.

[michih]

I like the current TMgray but would not complain if you switch to 100,100,100.

That gray actually looks like black on my monitor.  It's even darker than the color used for "plain".

Agree, see Finland: https://travelmapping.net/user/mapview.php?rg=FIN (use "Highlight All / None" to check how it looks like for traveled / not traveled routes).

I suggest two default colors: TMgrey = 75,75,75 and TMdarkgrey = 100,100,100.

[si404]

I've lightened up TMgray and added 3 more for everyone's comment.

Thanks.

I suggest two default colors: TMgrey = 75,75,75 and TMdarkgrey = 100,100,100.

75,75,75 is the darker, previous, variant.

The current grey is fine for me, but I could understand using a 50% variant (128,128,128).

PS: nice En-GB spelling of grey, but in the US-of-A they spell 'grey' with an 'a'. 

[michih]

I suggest two default colors: TMgrey = 75,75,75 and TMdarkgrey = 100,100,100.

75,75,75 is the darker, previous, variant.

I think that it always depends on the background. The tiles with its colors. They also depend on the surroundings of the region where you test it. What I had in mind from KY was brighter than what I see in FIN now

PS: I prefer AE. But I think both usually work. TMgrey + TMgray with same params?

Code: [Select]

PS: [color=grey]I prefer AE[/Color]. But I think [color=gray]both usually work[/color].

[yakra]

PS: nice En-GB spelling of grey, but in the US-of-A they spell 'grey' with an 'a'. 

Both spellings are used & accepted in fact.