Skip to content
This repository was archived by the owner on Dec 18, 2024. It is now read-only.

fix: fix cookies dialog button contrast #1010

Merged
merged 4 commits into from
Jun 14, 2021

Conversation

kian23kpt
Copy link
Contributor

Fix cookies dialog button contrast in dark mode

Fixes #1008

Fix cookies dialog button contrast in dark mode

Fixes angular#1008
@google-cla google-cla bot added the cla: yes label Jun 7, 2021
@kian23kpt
Copy link
Contributor Author

Screenshot (22)
Screenshot (21)

Now in dark mode have sufficient contrast but is not color accent type,
and light mode have no change.
@Splaktar

@@ -16,6 +16,10 @@
map.get(mat.$dark-theme-foreground-palette, secondary-text)
);
background: if($is-dark-theme, map.get(mat.$grey-palette, 50), #252525);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It seems like this isn't working? the two colors are reversed? If it's a dark theme, it should use the black background, i.e. #252525 and not the almost white 50 from the grey palette.

Maybe this would fix it without the need to change any accent/primary colors.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes! is reverse right now!
but i like your idea, so with color=primary & popup background same as the theme we will have:

Screenshot from 2021-06-07 22-49-14
Screenshot from 2021-06-07 22-49-27

looks good to you?
@Splaktar

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@crisbeto This LGTM. WDYT?

I don't like the idea of popping up a blinding white background dialog in dark mode. But I wanted to check if you had intended that?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I was mimicking the color scheme from the Material snack bar. The only difference is that I made the background ~5% darker to meet the accessibility requirements.

@Splaktar
Copy link
Contributor

Splaktar commented Jun 7, 2021

Thank you for working on a fix for this so quickly!

Copy link
Contributor

@Splaktar Splaktar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@Splaktar Splaktar requested a review from crisbeto June 7, 2021 19:08
Copy link
Contributor

@Splaktar Splaktar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@Splaktar Splaktar self-assigned this Jun 14, 2021
@Splaktar Splaktar merged commit 38d3226 into angular:master Jun 14, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

New cookies dialog is not accessible in dark mode: contrast
3 participants