Steps to reproduce:
- Go to https://en.wikipedia.org/wiki/Stephen_Spielberg
- Enable dark mode if it is not enabled
- Look at the "(Redirected from Stephen Spielberg)" line
This is what I get:
dark | white |
The way I see it, the color of the subtitle is nearly indistinguishable from the base color for text.
It's #eaecf0 (--color-subtle) compared to #f8f9fa (--color-base). The contrast ratio for them is only 1.12. For comparison, in light mode, said ratio is 2.27. (Which is why I put --color-subtle in the title and not "the subtitle" – the issue is specifically the value of --color-subtle in the dark mode, and it affects all places in the design where --color-subtle is used.)
In my designs, I have to resort to using the value of --color-placeholder (gray300, #c8ccd1) which gives the contrast of 1.53, which still seems not enough. In terms of text-to-text contrast, the closest value to 2.27 is produced by gray400, #a2a9b1, which is 2.25, and it has safe 7.79 to the dark background.
gray300, text-to-text contrast ratio 1.53 | gray400, text-to-text contrast ratio 2.25 |
Context: T26070