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

DarkTheme: Fix dark theme shadows #68358

Merged
merged 2 commits into from
May 17, 2023
Merged

DarkTheme: Fix dark theme shadows #68358

merged 2 commits into from
May 17, 2023

Conversation

torkelo
Copy link
Member

@torkelo torkelo commented May 12, 2023

Noticed that our z1 and z2 shadows are completely invisible in the dark theme

Screenshot from 2023-05-12 12-03-30

Compared to light theme:
Screenshot from 2023-05-12 12-00-49

I have no memory of being like this when we launched new themes in v8 but it looks like it according to github history, so pretty confused :)

This means tooltips have no shadows in dark theme (and buttons and some other elements have no hover shadow)
Screenshot from 2023-05-12 12-11-33
Screenshot from 2023-05-12 12-11-39

This PR proposes some z1-2 shadows that try to match the light theme shadows.

image

Tooltip:
image

The z1 shadow on hover for buttons is barely visible still (But helps a little bit)

image

We don't use z2 that much (probably because it was invisible in dark theme).

One place I found is the auto complete popup for data links
Screenshot from 2023-05-12 12-21-51

Anyway. Happy to change it to something else but invisible like they are now I think is some kind of mistake :)

@torkelo torkelo requested review from a team as code owners May 12, 2023 10:22
@torkelo torkelo requested review from ashharrison90, eledobleefe and mckn and removed request for a team May 12, 2023 10:22
@torkelo torkelo added this to the 10.0.0 milestone May 12, 2023
@torkelo torkelo added backport v10.0.x product-approved Pull requests that are approved by product/managers and are allowed to be backported labels May 12, 2023
@torkelo torkelo removed request for ashharrison90, eledobleefe, mckn and a team May 12, 2023 10:23
@grafana grafana deleted a comment from grafanabot May 12, 2023
@torkelo torkelo merged commit 37791e7 into main May 17, 2023
@torkelo torkelo deleted the fix-dark-theme-shadows branch May 17, 2023 05:28
grafanabot pushed a commit that referenced this pull request May 17, 2023
* DarkTheme: Fix dark theme shadows

* Update

(cherry picked from commit 37791e7)
torkelo added a commit that referenced this pull request May 17, 2023
DarkTheme: Fix dark theme shadows (#68358)

* DarkTheme: Fix dark theme shadows

* Update

(cherry picked from commit 37791e7)

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>
@zerok zerok modified the milestones: 10.0.0, 10.0.0-preview, 10.1.x May 31, 2023
@ricky-undeadcoders ricky-undeadcoders modified the milestones: 10.1.x, 10.1.0 Aug 1, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
add to changelog area/frontend backport v10.0.x product-approved Pull requests that are approved by product/managers and are allowed to be backported
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants