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 nav bar is still light #62

Open
c00 opened this issue Jun 16, 2022 · 1 comment
Open

Dark mode nav bar is still light #62

c00 opened this issue Jun 16, 2022 · 1 comment

Comments

@c00
Copy link
Contributor

c00 commented Jun 16, 2022

When viewing the documentation in darkmode, the navbar is still light. Tho the content of the navbar seems to be prepared for darkmode.

To reproduce:

  1. set your browser to prefer dark mode,
  2. go to e.g. https://typeorm.io/

What you see:

image

What I'd expect:

image

Browser used: Firefox
Active extension: uBlock origin

@c00
Copy link
Contributor Author

c00 commented Jun 16, 2022

I was curious and was able to easily hunt down the issue.

The original css has a @supports (-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px)) query, within which is the styling for the navbar, including the dark mode styling.

However, firefox does not support the backdrop filter, which is why the styling was never applied.

Adjusted, the site looks like this:

image

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

No branches or pull requests

1 participant