Copy iD's theme

[verhovsky]

I like iD editor's theme and it would be nice if the OSM editors I use had a consistent theme so I didn't have to learn more than one.

[bryceco]

If you're referring to the color palette used for roads, etc. then these are defined in RenderInfo.json. Feel free to update and submit a PR. Some of the other styling, like tunnels/bridges is done in code, but I'm not against changing it. Note that we don't use dashed lines anywhere because of performance impact.

[bryceco]

I'm not totally happy with the result of this. I was out mapping a couple days ago and certain lines are very difficult to see:

• trying to see the gray line for a parking lot on top of aerial imagery containing a gray asphalt parking lot is super difficult.
• power lines are also very difficult to see

Part of the problem is that these objects don't have casings. In iD the parking lot has the gray gradient next to it that makes it more obvious. Also the power-line line is thicker than what we show.

[verhovsky]

By grey gradient you mean that it's not a complete filled in grey, that the fill stops after 60px?

I couldn't figure out how to achieve that effect.

[bryceco]

Yes. I don't think it's possible without doing a bunch of math on the geometry.

[bryceco]

59876c7

[verhovsky]

you could also try adding a faint shadow instead.

[bryceco]

I considered that, but I figured the performance impact for a shadow would be higher, and not much better appearance. But maybe I'm wrong.

[tordans]

I am also testing the new theme and have a couple of places that are not yet ideal in Berlin. I will try to document them more properly, but a quick list is…

• some outlines lines are white, some are black and I did not figure out yet when/why. I think it might have to do with the implicit "what is an area" concept that iD has; for example area:highway is an area in iD
• building passages of footways and service ways have a tunnel-like style in iD, which I am missing
• building:part are super tricky in iD and in the new theme even more so. They have a white line and make some buildings white-lined now
• This is a good area to check https://www.openstreetmap.org/#map=17/52.47919/13.43875 because it has a lot of detailed objects and taggings

And I agree, the casings style from iD is one of the biggest missing factors. But maybe we can also introduce a gesture that toggels the wireframe vs. fill style so it becomes easer to see the data, then see the source data and back. Are there any gestures that are not part of the iOS gesture level that could be used, like swiping in from the top right corner into the screen?

[bryceco]

@tordans The line styles and casings are translated from the iD source via a script, so in general they should be identical. If you can name specific way IDs that are rendered wrong it would be super helpful so we can see where things are going wrong. It's true that we're ignoring the whole concept of area at the level where colors are chosen, so that could be part of it.

I personally think the gigantic casings in iD are pretty ugly so I'm happy to leave them behind, though I see the advantage of not filling areas.

[tordans]

If you can name specific way IDs that are rendered wrong it would be super helpful so we can see where things are going wrong.

Barriers

https://www.openstreetmap.org/way/549291669

Barrier Curb

https://www.openstreetmap.org/way/1267121761

Areas

• Area highway https://www.openstreetmap.org/way/1184051602, same screenshots as barrier curb
• Area razed building https://www.openstreetmap.org/way/334062948
  • 

Footway + Footway Building Passage

• Footway https://www.openstreetmap.org/way/585098106
• Building passage https://www.openstreetmap.org/way/585098107

building:part

Example https://www.openstreetmap.org/way/560517989

All kind of playground line/way

https://www.openstreetmap.org/way/311072326
https://www.openstreetmap.org/way/60443941

building with black outline

https://www.openstreetmap.org/way/908199103

Missing icon in area

Not sure if this is important, but it is helpfull…
https://www.openstreetmap.org/way/930016301

Embarkment

https://www.openstreetmap.org/way/1156140193

Parking

https://www.openstreetmap.org/way/888505080
Lines are softer(?)

Look of path like ways

The dashed lines in iD for Footway, Sidewalk, all the Crossing styles look noticable different in iD. They are thicker and the dash is different.
I think it is harder now than before to distinguish a bike path from a sidewalk

This area has a few different stiles in one place https://www.openstreetmap.org/way/1000299492

---

Added 2024-05-06

retaining wall

Example

[bryceco]

Wow, very nice! This is your department Boris @verhovsky ! 😅

[verhovsky]

Amazing comment, thank you. I'll look into this on Saturday probably, I don't have my laptop with me right now.

[bryceco]

FYI over in Rapid there is a work in progress revamping how styles are done. It may or may not be easier to use that as a basis for the translation:

facebook/Rapid#1384