Skip to content

Conversation

thePanz
Copy link
Contributor

@thePanz thePanz commented Sep 23, 2025

This is leveraging the light-dark() CSS function to implement an auto dark/light theme selection.

See reference on: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark

More details on: https://lyra.horse/blog/2025/08/you-dont-need-js/

See https://gist.github.com/thePanz/9425ead7cf9d148d457c0088a835a922 for the initial implementation.

This is leveraging the light-dark() CSS function to
implement an auto dark/light theme selection.

See reference on: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark

More details on: https://lyra.horse/blog/2025/08/you-dont-need-js/
Copy link

@kniziol kniziol left a comment

Choose a reason for hiding this comment

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

Please review and apply the following changes that make the dark mode even more readable 🙂

@sebastianbergmann sebastianbergmann merged commit b711a01 into sebastianbergmann:main Sep 24, 2025
16 checks passed
@sebastianbergmann sebastianbergmann changed the title Implement dark/light theme color variables in CSS Support light/dark mode in CSS for HTML report Sep 24, 2025
@sebastianbergmann sebastianbergmann changed the title Support light/dark mode in CSS for HTML report Support for light/dark mode in HTML report Sep 24, 2025
@Seldaek Seldaek mentioned this pull request Sep 25, 2025
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.

3 participants