Ancestors

Toot

Written by OpenStreetMap Ops Team on 2024-11-14 at 18:19

🚀 https://www.OpenStreetMap.org is now also available in #DarkMode 🕶️ 🔦 🤓 #Black #OpenStreetMap #UI

=> More informations about this toot | More toots from osm_tech@en.osm.town

Descendants

Written by InsertUser on 2024-11-14 at 18:23

@osm_tech Is there a button to toggle between light and dark somewhere?

=> More informations about this toot | More toots from InsertUser@en.osm.town

Written by OpenStreetMap Ops Team on 2024-11-14 at 18:24

@InsertUser Not currently. It is detected from Operating System setting. https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

=> More informations about this toot | More toots from osm_tech@en.osm.town

Written by InsertUser on 2024-11-14 at 18:35

@osm_tech isn't that a global setting though.

I generally prefer dark mode but not if it's going to reduce contrast on all the map tiles.

=> More informations about this toot | More toots from InsertUser@en.osm.town

Written by OpenStreetMap Ops Team on 2024-11-14 at 18:53

@InsertUser Yes global setting. A compromise had to be made. Best route is likely to help create a dark theme style for our vector tiles.

=> More informations about this toot | More toots from osm_tech@en.osm.town

Written by InsertUser on 2024-11-14 at 18:58

@osm_tech I guess I'll have to choose a dedicated browser for browsing OSM.org and disable dark mode in that browser.

=> More informations about this toot | More toots from InsertUser@en.osm.town

Written by jimkats on 2024-11-14 at 18:56

@InsertUser @osm_tech Same. I just opened the site and even though I like dark theme in many websites and platforms, in the main OSM site currently it just doesn't look great, especially when it darkens the map tiles. It makes it difficult to use.

=> More informations about this toot | More toots from jimkats@infosec.exchange

Written by OpenStreetMap Ops Team on 2024-11-14 at 18:59

@jimkats @InsertUser Incremental improvements will be made over time. OpenStreetMap.org is built by volunteers.

=> More informations about this toot | More toots from osm_tech@en.osm.town

Written by jimkats on 2024-11-14 at 19:01

@osm_tech @InsertUser I know that very well, don't worry. I just state my opinion with the first usage of this feature I just had. I'm sure something will come in the future when the availability comes.

=> More informations about this toot | More toots from jimkats@infosec.exchange

Written by scy on 2024-11-14 at 18:25

@osm_tech Yay for the site, menus, profiles, diaries etc., these look great now!

But simply dimming the tiles down? That doesn't feel like a dark mode to me. I mean, it's a start, maybe, but to me it just feels like something is obscuring the map all the time. How do I even turn this off?

=> More informations about this toot | More toots from scy@chaos.social

Written by OpenStreetMap Ops Team on 2024-11-14 at 18:32

@scy There isn't an OSM.org UI option to turn it off yet. Dark Mode is enabled if detected by https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme Our current raster tile infrastructure would not be able to handle another tile style. We have an alpha vector tiles under development, dark mode style would be a nice feature extension.

=> More informations about this toot | More toots from osm_tech@en.osm.town

Written by scy on 2024-11-14 at 18:41

@osm_tech Thanks for the quick and helpful response! ❤️

I mean, maybe it's just me who's having trouble with how the tiles are looking now. I totally understand that a new style would take a lot of resources, both infrastructure- and effort-wise, and I don't have anything to propose. But for me, the reduced contrast is kind of problematic.

A UI to disable just the tile dimming, or configure its amount, would be really useful. Disabling dark mode for the whole browser isn't really an option …

=> More informations about this toot | More toots from scy@chaos.social

Written by mxdanger on 2024-11-14 at 22:15

@scy @osm_tech Not even an option, just removing the dimming all together would be ideal.

=> More informations about this toot | More toots from mxdanger@en.osm.town

Written by Stahlmann on 2024-11-15 at 12:57

@scy @osm_tech this!

=> More informations about this toot | More toots from stahlmann@einbeck.social

Written by Gustav Lindqvist on 2024-11-14 at 18:54

@osm_tech did you consider accessibility when you launched this? This made contrast worse across the board.

=> More informations about this toot | More toots from gustav@jkpg.rocks

Written by OpenStreetMap Ops Team on 2024-11-14 at 18:57

@gustav OSM.org is built by a volunteer team. You can read more here: https://github.com/openstreetmap/openstreetmap-website/issues/2332

=> More informations about this toot | More toots from osm_tech@en.osm.town

Written by InsertUser on 2024-11-14 at 19:12

@osm_tech

That thread showed examples with hue adjusted inverted colours that maintained contrast. The version I see in my browser is just like there's a dark grey overlay.

Am I seeing a bug rather than what's intended?

@gustav

=> View attached media

=> More informations about this toot | More toots from InsertUser@en.osm.town

Written by scy on 2024-11-14 at 19:56

@InsertUser @osm_tech @gustav Hell yeah, the examples in that GitHub issue look awesome. And they don't need separate tilesets or whatever, it's just a filter. Can we have that, please?

(I also looked for the PR that caused the change that's currently live, but couldn't find it.)

=> More informations about this toot | More toots from scy@chaos.social

Written by InsertUser on 2024-11-14 at 20:10

@scy

The one downside to that is that it will make hillshades look weird. Still better on balance I think.

@osm_tech @gustav

=> More informations about this toot | More toots from InsertUser@en.osm.town

Written by Alan Grant on 2024-11-14 at 20:13

@InsertUser @scy @osm_tech @gustav Is this the PR? https://github.com/openstreetmap/openstreetmap-website/pull/4761

I don't think it attempted to implemented any of those filters. But I'm not sure where the dimming or gray overlay comes from.

=> More informations about this toot | More toots from alan@en.osm.town

Written by scy on 2024-11-14 at 21:46

@alan @InsertUser @osm_tech @gustav The dimming is from here:

https://github.com/openstreetmap/openstreetmap-website/pull/4712

I have created https://github.com/openstreetmap/openstreetmap-website/pull/5325 as a possible quick fix, which is imho better than reverting the change. But reverting, on the other hand, would be better than leaving it dimmed like it is now.

=> More informations about this toot | More toots from scy@chaos.social

Written by Jonas on 2024-11-14 at 20:12

@osm_tech can you please add a toggle button? Unfortunately, this change makes it unusable for me otherwise, without setting the whole browser to light mode, which is hard for me for accessibility reasons.

=> More informations about this toot | More toots from pizzatreeisland@mastodon.social

Written by OpenStreetMap Ops Team on 2024-11-14 at 23:01

@pizzatreeisland Give us a few days to get it fixed up. #marmite

=> More informations about this toot | More toots from osm_tech@en.osm.town

Written by Ceirios on 2024-11-14 at 21:52

@osm_tech Sorry, but while I welcome the addition of a darkmode for UI, dimming the map has made it completely really hard for me to use, bordering on impossible.

The History button has also been moved to a text button, was this intentional?

=> More informations about this toot | More toots from ceirios@en.osm.town

Written by mxdanger on 2024-11-14 at 22:01

@osm_tech Terrible idea to launch with the dimmed map! Hopefully that gets removed soon.

=> More informations about this toot | More toots from mxdanger@en.osm.town

Written by OpenStreetMap Ops Team on 2024-11-14 at 23:00

@mxdanger Give us a few days to get it fixed up. #marmite

=> More informations about this toot | More toots from osm_tech@en.osm.town

Written by tobych on 2024-11-14 at 22:33

@osm_tech This is awful. Please roll this back. The map is unusable. Sure, UI elements, make them dark, whatever. But dimming the map like this? Utterly ridiculous.

=> More informations about this toot | More toots from tobych@mastodon.social

Written by OpenStreetMap Ops Team on 2024-11-14 at 23:00

@tobych Give us a few days to get it fixed up. #marmite

=> More informations about this toot | More toots from osm_tech@en.osm.town

Written by William Denton on 2024-11-14 at 23:40

@osm_tech I like dark mode sometimes, but I don't want it on OSM maps. Please give me an easy way in the web site to choose whether it's on or off.

[#]OpenStreetMap

=> More informations about this toot | More toots from wdenton@cosocial.ca

Written by OpenStreetMap Ops Team on 2024-11-14 at 23:42

@wdenton Give us a few days. Currently it is always enabled if Dark Mode is globally enabled on your device/computer.

=> More informations about this toot | More toots from osm_tech@en.osm.town

Written by Andy Gates on 2024-11-15 at 14:11

@osm_tech @wdenton Good to hear a toggle is in the pipeline, I'll just put my +1 on this. Dark mode is pretty but not for everyone...

=> More informations about this toot | More toots from andygates@mastodon.social

Written by Sai Phanindra on 2024-11-15 at 03:45

@osm_tech I thought I was on the wrong site and was confused for a while lol

=> More informations about this toot | More toots from s4i@mstdn.party

Written by OpenStreetMap Pontarlier on 2024-11-15 at 15:11

@osm_tech Hi!

I had quickly started working on the idea last year, if you're interested by another approach. Just one line of CSS.

https://codeberg.org/ACEdotONE/UserStyles/src/branch/main/openstreetmap.org/dark.css

=> View attached media

=> More informations about this toot | More toots from OSM_Pontarlier@mstdn.social