Dark Mode colors are AWKWARD

Volodymyr13 commented

2024-09-19 20:04:05 +00:00

(Migrated from github.com)

Compare to Google Maps, unfortunately Organic Maps looks really bad in dark mode.
I can’t use it at all, everything is just wrong, not clear and hard to navigate.
Please improve this, I think just clone of google colors is the way.

Compare to Google Maps, unfortunately Organic Maps looks really bad in dark mode. I can’t use it at all, everything is just wrong, not clear and hard to navigate. Please improve this, I think just clone of google colors is the way. ![IMG_2449](https://github.com/user-attachments/assets/9d316f6b-c22a-4d5d-89c7-e799e5cfcf81) ![IMG_2452](https://github.com/user-attachments/assets/8d1cf3e4-83c2-4756-84b5-32efe62eb227) ![IMG_2451](https://github.com/user-attachments/assets/a4754d75-c36c-4da4-a301-6720ed775651) ![IMG_2450](https://github.com/user-attachments/assets/64fd111e-4536-4676-b30a-763842f513c6)

brdbkr commented

2024-09-19 23:08:46 +00:00

(Migrated from github.com)

What exactly are you having problems with? The biggest issue I see here is that the roads don't contrast as much against the rest of the stuff on the map. Do you want it all darker in general? More blue-ish? Less green?

Volodymyr13 commented

2024-09-20 09:07:33 +00:00

(Migrated from github.com)

What exactly are you having problems with? The biggest issue I see here is that the roads don't contrast as much against the rest of the stuff on the map. Do you want it all darker in general? More blue-ish? Less green?

It's just all.. welp:

contrast for all elements
colors for all elements
colors of tracks and contrast compare to other
color of navigation line
own icon position
labels color
icons colors
roads

What can I say: I drive a lot at night and using Google Maps is perfect in dark mode and I've never asked myself what's wrong with it. So this is pretty logical to just copy it? Why not?

> What exactly are you having problems with? The biggest issue I see here is that the roads don't contrast as much against the rest of the stuff on the map. Do you want it all darker in general? More blue-ish? Less green? It's just all.. welp: - contrast for all elements - colors for all elements - colors of tracks and contrast compare to other - color of navigation line - own icon position - labels color - icons colors - roads What can I say: I drive a lot at night and using Google Maps is perfect in dark mode and I've never asked myself what's wrong with it. So this is pretty logical to just copy it? Why not?

j5k commented

2024-09-20 11:37:21 +00:00

(Migrated from github.com)

For me OM looks better thann Google Maps. For example I like the more granular landuse colors. I think it's a matter of what you are more familiar with 🤷‍♂️

auge8472 commented

2024-09-20 11:53:59 +00:00

(Migrated from github.com)

I don't support all of the criticisms, but I did notice a few in the provided screenshots from OM.

The UI buttons are more or less invisible.
The contrast of the street and POI-names is IMHO too low
Especially the first, more zoomed out screenshot looks literally flooded with the icons of POI to me.

I don't support all of the criticisms, but I did notice a few in the provided screenshots from OM. 1. The UI buttons are more or less invisible. 2. The contrast of the street and POI-names is IMHO too low 3. Especially the first, more zoomed out screenshot looks literally flooded with the icons of POI to me.

Misalfgit commented

2024-09-20 17:33:57 +00:00

(Migrated from github.com)

Familiarity with the colors, good/bad eye sight, regular weather conditions in an area (summer/winter), different use cases...
However, I believe the dark map style is designed for car navigation at night time where the eyes would have adapted to low-light conditions.

N.B., Android's "inverted colors" feature (I'm on A12) creates quite readable and nice looking map colors with good contrast when using the default (bright) map style.
Unfortunately, this effect isn't screenshot-able.

Familiarity with the colors, good/bad eye sight, regular weather conditions in an area (summer/winter), different use cases... However, I believe the dark map style is designed for car navigation at night time where the eyes would have adapted to low-light conditions. N.B., Android's "inverted colors" feature (I'm on A12) creates quite readable and nice looking map colors with good contrast when using the default (bright) map style. Unfortunately, this effect isn't screenshot-able.

Volodymyr13 commented

2024-09-20 19:23:01 +00:00

(Migrated from github.com)

Google Maps has millions of users, it's good idea to copy their colors, since they done a lot of job of creating the best UI for all, a/b testing.

j5k commented

2024-09-20 23:16:29 +00:00

(Migrated from github.com)

Google Maps has millions of users, it's good idea to copy their colors, since they done a lot of job of creating the best UI for all, a/b testing.

a/b testing for the best dark pattern 😉

> Google Maps has millions of users, it's good idea to copy their colors, since they done a lot of job of creating the best UI for all, a/b testing. a/b testing for the best dark pattern 😉

Volodymyr13 commented

2024-09-21 07:23:27 +00:00

(Migrated from github.com)

Google Maps has millions of users, it's good idea to copy their colors, since they done a lot of job of creating the best UI for all, a/b testing.

a/b testing for the best dark pattern 😉

So you mean google is wrong?

> > Google Maps has millions of users, it's good idea to copy their colors, since they done a lot of job of creating the best UI for all, a/b testing. > > a/b testing for the best dark pattern 😉 So you mean google is wrong?

j5k commented

2024-09-21 08:30:58 +00:00

(Migrated from github.com)

Google Maps has millions of users, it's good idea to copy their colors, since they done a lot of job of creating the best UI for all, a/b testing.

a/b testing for the best dark pattern 😉

So you mean google is wrong?

No, I mean not every (design) decision from the big players is positive. Otherwise projects like OM or other (open source) alternatives would not be necessary...

Instead of blindly copying, I like the approach of improving by reasons. Related to this topic for example: the visibility of the streets could be better with higher contrast. Or: the POI flood is overwhelming, some priorization on zoom levels could make it better. Or whatever bothers you.

And last but not least, the design is a matter of taste. On the design of Google Maps I really miss the lovely details that I have with OM/OSM. Therefor a 1to1 copy of it would bother me, while for you it would be really useful.

> > > Google Maps has millions of users, it's good idea to copy their colors, since they done a lot of job of creating the best UI for all, a/b testing. > > > > > > a/b testing for the best dark pattern 😉 > > So you mean google is wrong? No, I mean not every (design) decision from the big players is positive. Otherwise projects like OM or other (open source) alternatives would not be necessary... Instead of blindly copying, I like the approach of improving by reasons. Related to this topic for example: the visibility of the streets could be better with higher contrast. Or: the POI flood is overwhelming, some priorization on zoom levels could make it better. Or whatever bothers you. And last but not least, the design is a matter of taste. On the design of Google Maps I really miss the lovely details that I have with OM/OSM. Therefor a 1to1 copy of it would bother me, while for you it would be really useful.

brdbkr commented

2024-09-21 21:12:02 +00:00

(Migrated from github.com)

This is why I think OM should support some sort of map display preferences. A "similar to Google Maps" color scheme as an option would go a long way towards solving this issue.

brdbkr commented

2024-09-21 21:13:23 +00:00

(Migrated from github.com)

mentioned in issue #9345

pastk commented

2024-09-21 22:15:20 +00:00

Member

Its a long standing known issue, see

#688
#2745

So far there were some incremental improvements, but a bigger redesign needs some volunteer to step up and commit significant effort to this task..

Its a long standing known issue, see - https://git.omaps.dev/organicmaps/organicmaps/issues/688 - https://git.omaps.dev/organicmaps/organicmaps/issues/2745 So far there were some incremental improvements, but a bigger redesign needs some volunteer to step up and commit significant effort to this task..

tclementdev commented

2024-11-09 13:20:44 +00:00

(Migrated from github.com)

Wanted to chime in as I also find the dark mode quite unreadable, which is definitely not the case for the light mode. I did some comparisons and to me the most interesting one is with Apple Maps, see how the ocean is still blue, the beach still yellow and the parks still green, while in OrganicMaps everything is black. I think Apple has it right here that dark mode is not about making everything black but rather tuning the colors to make it look good in a darker environment. I'm not a designer so I wouldn't know what colors to pick exactly but I think this is the direction OrganicMaps should be taking here.

Wanted to chime in as I also find the dark mode quite unreadable, which is definitely not the case for the light mode. I did some comparisons and to me the most interesting one is with Apple Maps, see how the ocean is still blue, the beach still yellow and the parks still green, while in OrganicMaps everything is black. I think Apple has it right here that dark mode is not about making everything black but rather tuning the colors to make it look good in a darker environment. I'm not a designer so I wouldn't know what colors to pick exactly but I think this is the direction OrganicMaps should be taking here. ![applemaps](https://github.com/user-attachments/assets/f1c2b56a-fe8e-4ca1-bd4d-e1028f03584e) ![organicmaps](https://github.com/user-attachments/assets/7437b117-f430-4480-8956-ee84d5248524)

biodranik commented

2024-11-09 17:26:37 +00:00

(Migrated from github.com)

Your example is usable under the daylight but may be painful for a night-driver's eyes.

It has been discussed many times: the current dark style should be used for driving cars at night. And a separate "I like dark mode under sunlight" style is needed.

Your example is usable under the daylight but may be painful for a night-driver's eyes. It has been discussed many times: the current dark style should be used for driving cars at night. And a separate "I like dark mode under sunlight" style is needed.

Volodymyr13 commented

2024-11-09 21:18:28 +00:00

(Migrated from github.com)

Your example is usable under the daylight but may be painful for a night-driver's eyes.

It has been discussed many times: the current dark style should be used for driving cars at night. And a separate "I like dark mode under sunlight" style is needed.

That’s really wrong.. there is no difference, there is just one dark mode.. you guys just need to copy colors and other from other apps that’s it..

> Your example is usable under the daylight but may be painful for a night-driver's eyes. > > It has been discussed many times: the current dark style should be used for driving cars at night. And a separate "I like dark mode under sunlight" style is needed. That’s really wrong.. there is no difference, there is just one dark mode.. you guys just need to copy colors and other from other apps that’s it..

Amzd commented

2024-11-29 07:53:29 +00:00

(Migrated from github.com)

I'd like to add that the full black creates smearing on oled screens which makes panning around nauseating.

tegridyfarmer commented

2025-01-11 01:15:21 +00:00

(Migrated from github.com)

The readability is quite bad in dark mode as has been mentioned.

Rows
Columns

Dark Mode colors are AWKWARD #9320