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

Adjust pageinfo bg to be compatible with dark-mode #1915

Merged
merged 1 commit into from
Apr 7, 2024

Conversation

chalin
Copy link
Collaborator

@chalin chalin commented Apr 5, 2024

  • Contributes to Support dark mode #331
  • Makes the pageinfo backgrounds compatible with dark-mode by making them match the alert background.
    • It's tricky to design dark-mode compatible colors, and I didn't want to reinvent the wheel, so adopting the alert component's colors and CSS color variable (used for both light and dark modes), seemed like a winning move.
    • This is a BREAKING CHANGE

Preview: https://deploy-preview-1915--docsydocs.netlify.app/docs/adding-content/shortcodes/#pageinfo


Screenshots (TBC)

Before

Light mode

image

Dark mode

image

After

Also notice the tweak in margins.

Light mode

image

Dark mode

image

p.s. I know that there's pageinfo work to be done in the context of #939, but I want to keep focused on wrapping up dark-mode implementation and getting 0.10.0 out.

@chalin chalin mentioned this pull request Apr 5, 2024
26 tasks
@chalin chalin force-pushed the chalin-im-dark-mode-pageinfo-2024-04-05 branch 2 times, most recently from 0935477 to 79e4063 Compare April 6, 2024 22:34
Copy link
Collaborator

@deining deining left a comment

Choose a reason for hiding this comment

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

LGTM

@chalin chalin force-pushed the chalin-im-dark-mode-pageinfo-2024-04-05 branch from 79e4063 to 6f3e7eb Compare April 7, 2024 21:09
@chalin chalin merged commit 4ff9fc6 into google:main Apr 7, 2024
11 checks passed
@chalin chalin deleted the chalin-im-dark-mode-pageinfo-2024-04-05 branch April 7, 2024 21:14
@chalin chalin added this to the 24Q2 milestone Apr 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants