open-props icon indicating copy to clipboard operation
open-props copied to clipboard

Darker shades / lightness consistency

Open toastal opened this issue 7 months ago • 1 comments

Looking at the Colors section, these there is a scale from 0 to 12. The 0 (& often the 1 as well) is perceptually pretty “close” to white, but, with the exception of ‘gray’, ‘stone’ & ‘sand’, the 12 value is nowhere near as close to black (to test, :root { --surface: #000 } to simulate an “OLED Black” theme). Extrapolating the current scale, the ‘yellow’ I should be able to get to yellow-15 at that scale before one would hit black.

I would expect something like oklab to keep the lightness consistent across the 0­–12 across any color scheme. I would either expect 12 to be nearer to black or the scale extended to 15 for these darker shades missing in almost every color which is less likely to break existing code.

Currently I’m extending blue-15, lime-15, violet-15, yellow-15, orange-15, & red-15 for --surface-* values in a theme just to get these necessary values for my OLED-compatible theme, & while I have the ability to make my own color scales, surely I’m not the only one experiencing this issue for the default setup.

toastal avatar Nov 21 '23 08:11 toastal