User:Pelagic/Journal/2022/01

__NEWSECTIONLINK__ January 2022.

local timestamp: (+10 hours, AEST)

Dark mode
A big challenge in creating a dark theme is that there are buttloads of templates which set custom background colours, but don't specify a foreground colour. They just assume the parent body style will be dark-on-light. So when you set light text, they become unreadable.

The other approach is to invert the screen at a system level (e.g. iOS SmartInvert), or by applying a CSS filter to invert and rotate hue. That works okay, but it's not great. The subtle light greys and pastels all look near-black when inverted. If browsers implemented transforms using the CSS level 5 perceptual colour spaces like Lch or OkLch, then results might be better. But they don't, not yet.

So, I just had a brain-wave. Why not make a more contrast light theme, that looks good when inverted? I mightn't be able to herd all the different coloured boxes, but at least they will be readable.

⁓ Pelagic ( messages ) 09:56, 20 January 2022 (UTC) (19:56 Thu 20, AEST)