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

Added automatic dark mode to the widget #135

Merged
merged 2 commits into from
Feb 19, 2024

Conversation

SebastianGode
Copy link
Contributor

@SebastianGode SebastianGode commented Feb 13, 2024

A lot of pages nowadays respect the CSS prefers-color-scheme attribute to change the colors of the website automatically based on the users browser or system settings.
As the widget didn't have any CSS logic to respect that and looked quite ugly with the dark mode I added some CSS to make the widget also look good if the user requests the dark mode of a page.
I also adjusted the existing background a bit so that we don't have white-on-white for a normal page.

This is how it will look in dark mode (prefers-color-scheme: dark):
image

And this is how it will look in light mode (prefers-color-scheme: light):
image
Note that the links are blue as well if not visited before.

If you have any suggestions feel free to write comments.

@tischrei
Copy link

looks much better

Copy link
Member

@realaravinth realaravinth left a comment

Choose a reason for hiding this comment

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

Looks good!


Hello @SebastianGode,

I apologize for the delay, I just got back from an unavoidable personal leave. I will get to your PRs and issues over the next couple of days.

@realaravinth realaravinth merged commit 3cd3851 into mCaptcha:master Feb 19, 2024
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.

None yet

3 participants