- From: Bramus via GitHub <noreply@w3.org>
- Date: Tue, 06 Jan 2026 10:07:46 +0000
- To: public-css-archive@w3.org
> The image case seems pretty clear to me, I'm less sure about `font-weight: light-dark(..)` etc. It has to do with the perception of the thickness of the font. In Dark Mode, you want to make it smaller so that it visually looks the same. Here’s two articles about it: - https://css-tricks.com/using-css-custom-properties-to-adjust-variable-font-weights-in-dark-mode/ - https://nerdy.dev/adjust-perceived-typepace-weight-for-dark-mode-without-layout-shift This image from the first article nicely demonstrates it: <img width="618" height="368" alt="Image" src="https://github.com/user-attachments/assets/4ca38ed1-af5b-462d-8e20-8e02fee733ed" /> > The top shows us some light text on a dark background. > The middle panel shows what happens in dark mode without changing any font weight settings. > And the bottom panel demonstrates dark mode text that we’ve thinned out a bit, to visually match the weight of its light counterpart. -- GitHub Notification of comment by bramus Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12513#issuecomment-3714052954 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 6 January 2026 10:07:47 UTC