Post #1926500
2026-04-27 18:04 UTC
@NatalyaD The text styles in the screenshot are alright, it's a subtle text-shadow effect used to reinforce contrast as seen in the first paragraph. The issue arises when the background color changes due to the selection.
The selection background color can vary wildly based on the OS, browser and user settings. I'm on macOS with a pink highlight color, this translates to a dark pink color for selections in Firefox, not sure what Safari does.
Theoretically one could do:
```css
::selection {
background: highlight;
color: highlighttext;
}
```
But the `highlighttext` value didn't work correctly in my tests. I'll have to try more things and document what I find.
Replies (1)
-
@NatalyaD@disabled.social 2026-04-27 18:11
@fvsch I think the text designer shouldn't assume what background colour the user is using (or selecting with) and should ensure the text is contrasty/clear enough without shadow effects as I would find that distorting and am often using browsers to adapt the background colour to something that doesn't hurt. I of course spend my life in reader mode in FF or plugins like Tranquility Reader cos so many fonts are just impossible for me to read now.