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

ui: Background colors and depth effects #2578

Closed
peterzen opened this issue Oct 24, 2023 · 2 comments
Closed

ui: Background colors and depth effects #2578

peterzen opened this issue Oct 24, 2023 · 2 comments

Comments

@peterzen
Copy link
Member

At present, all UI elements on the screen are visually on the same level, mostly using the same background color. This makes it difficult for the eye to distinguish between elements (tabs, dialogs, stuff that provides information vs controls expecting interaction, etc). (See also #2075)

This could be improved by introducing a few additional hues of the current blue, and applying a touch of 3D effects.

image
image

image
image
image

The light mode is especially hard on the eye in this regard.

image

image
image

@buck54321
Copy link
Member

I think this looks really good for the dialogs, though I might go a little more subtle shade difference in light mode. The first picture is the shade I'd use for dark-mode dialogs. Looks like #102332. The second image's shade is too bright.

Can I see it with a drop shadow that's maybe 1px smaller and not offset?

I'm less excited for the market panes. What's that look like in dark mode?

You can just open a PR.

@ukane-philemon
Copy link
Contributor

@buck54321, I think this was resolved by #2601? If there are targeted UI changes we can open issues for them.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants