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

improved night mode #384

Open
quantenschaum opened this issue Nov 12, 2024 · 3 comments
Open

improved night mode #384

quantenschaum opened this issue Nov 12, 2024 · 3 comments

Comments

@quantenschaum
Copy link
Contributor

quantenschaum commented Nov 12, 2024

Improve the display of charts in night mode by applying CSS filters to the map canvas.

This can be achieved in the user.js user.css by adding

.nightMode .ol-layer {
  filter: invert(100%) hue-rotate(180deg);
}

The brightness is inverted and the hue rotation keeps the colors correct. The brightness can still be reduced as usual.

@wellenvogel
Copy link
Owner

Cool.
Should also be possible simply by using the user.css.

@quantenschaum
Copy link
Contributor Author

I was not aware that this exists, that's even easier. It would make sense to disable this feature for charts that already come in a night theme.

@wellenvogel
Copy link
Owner

good point. So maybe I should add some css class that has an identifier for the chart so that you can select based on this one.

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

2 participants