Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make tooltips and popups stand out more from the background #17750

Open
PulsarFX opened this issue Oct 30, 2024 · 4 comments
Open

Make tooltips and popups stand out more from the background #17750

PulsarFX opened this issue Oct 30, 2024 · 4 comments
Labels
feature: enhancement current features to improve scope: UI user interface and interactions

Comments

@PulsarFX
Copy link

In the default themes tooltips and popups look the same as the main window layout.
This makes it hard to see what is inside the popup / dropdown and what is in the background.

Here hides an opened popup element:
grafik

I added this CSS to make all popup elements darker to make them distinguishable.

Can we add more darkened popup elements to the default themes?

/* make all pop up elements darker, to make them more distinguishable from the main gui */
.popup,
context-menu,
menu,
menuitem > arrow,
tooltip,
popover,
popover #bauhaus-slider,
#range-current,
.dt_bauhaus_popup
{
    background-color: shade(@tooltip_bg_color, 0.5);
}

This is what the darktable theme will look like with visible popups:

grafik

grafik

grafik

@TurboGit
Copy link
Member

The default theme is lighter on my side, and the tooltip readable... which version of dt this is?

See:

image

I'm not opposed to a bit more contrast, but we must at least see the same thing.

@PulsarFX
Copy link
Author

PulsarFX commented Oct 31, 2024

Screenshots are from darktable theme in 4.8.1

Tooltips are visible not in all cases. Try the popup element from the first screenshot on your theme.

@TurboGit
Copy link
Member

Still readable to me:

image

image

@TurboGit
Copy link
Member

The change you propose has too much contrast for the gray interface (default theme):

image

And also for the dark theme. It is ok only for darker theme to me.

@ralfbrown ralfbrown added feature: enhancement current features to improve scope: UI user interface and interactions labels Nov 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature: enhancement current features to improve scope: UI user interface and interactions
Projects
None yet
Development

No branches or pull requests

3 participants