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

Dark mode dashboard #816

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Conversation

martinthomson
Copy link
Member

This isn't so trivial, but likely only because I don't know how to drive bootstrap. This just overrides the rules for stuff we use.

Feedback on color choice welcome; I just picked something that looked OK on my screen.

Closes #814.

This isn't so trivial, but likely only because I don't know how to drive
bootstrap.  This just overrides the rules for stuff we use.

Feedback on color choice welcome; I just picked something that looked OK
on my screen.

Closes mozilla#814.
@martinthomson
Copy link
Member Author

Example:
image

@zcorpan
Copy link
Member

zcorpan commented Jun 8, 2023

This looks OK I think (but I'm not a designer). Maybe mark should have different colors?

I was also going to suggest to check for color contrast issues (with Accessibility Inspector), but light mode already has some issues there so could be a follow-up.

@bgrins
Copy link
Member

bgrins commented Jun 9, 2023

Looks like if we were using bootstrap >= 5.3 there's some built in support for dark theme and custom variables that could be set: https://getbootstrap.com/docs/5.3/customize/color-modes/. Upgrading to a new version may be more work than this patch though

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

Successfully merging this pull request may close these issues.

Dark mode on your website
3 participants