Here’s three menus stacked on top of each other. This problem isn’t specific to Toggl (many dark modes seem to suffer from it), but dark mode is so dark that you can’t tell where one piece of UX ends and the next one starts.
A lot of the common UI tricks (fading, blurring, shadows, etc.) are difficult to see in dark mode and style choices (modal borders, less dark, etc.) may be discarded by your style guide, but something needs to be done to make the interface you’re dealing with clearer in relationship to things you aren’t or can’t interact with.
That might mean desaturation or minimizing blocked modals, or creating an expanding modal vs stacked, or maybe even starting with a slightly less dark active modal. There are options.
But “dark” doesn’t mean all the lights are out and you’re tripping over furniture, it means strategic lighting that helps you navigate without hurting your eyes (or in the old days, ruining film negatives) while creating a calm setting.
