#color-scheme tag

A late-1990s maple kitchen was transformed into a modern, functional space combining natural walnut and berry-toned cabinetry, completed in four months for about $275,000.

fromCSS-Tricks

8 months ago

Should the CSS light-dark() Function Support More Than Light and Dark Values? | CSS-Tricks

If you don't know, the light-dark() function takes two color arguments: one for light mode and one for dark mode. Hence, the name light-dark(). It toggles between the two light and dark values based on a user's preferences. Sara Joy has a wonderful article where you can get a much more detailed explanation. The key thing is that the function requires you to use the color-scheme property to activate those two color modes: :root { color-scheme: light dark; } .element { color: light-dark(brown, black); }

Web development

#color-scheme#color-scheme

Ryan Lawson Rethinks a 1,500-Square-Foot Bungalow For One Houston Couple

This 280-Square-Foot Pied-a-Terre Is Inspired by the Colors of Naples

The Insider: New Layout, Millwork, Paint, and Tile Remake Clinton Hill Duplex

Apartment B / Grau Architects

Ryan Lawson Rethinks a 1,500-Square-Foot Bungalow For One Houston Couple

This 280-Square-Foot Pied-a-Terre Is Inspired by the Colors of Naples

The Insider: New Layout, Millwork, Paint, and Tile Remake Clinton Hill Duplex

Apartment B / Grau Architects

Six levels of dark mode

This Kitchen Was "a Sea of Natural Maple Cabinetry" Until Its Surprising, Stunning Makeover

Should the CSS light-dark() Function Support More Than Light and Dark Values? | CSS-Tricks

#color-scheme
#color-scheme