Bram.us, curated by Bram Van Damme, is a  web development blog offering tutorials, guides, and insights into various aspects of frontend and backend development. With a focus on modern web technologies such as HTML5, CSS3, and JavaScript frameworks like Vue.js and React, Bram.us covers topics ranging from responsive web design to server-side scripting with PHP and Node.js. Developers can learn about  web development techniques, browser APIs, and best practices for building fast, accessible, and user-friendly websites and web applications.

Bram.us

The CSS `light-dark()` function is being extended beyond colors to support `<image>` values, allowing developers to swap background images, masks, and logos based on color scheme in a single declaration. This eliminates the need for repetitive `@media (prefers-color-scheme)` blocks and respects local `color-scheme` overrides. Browser support is early: available behind a flag in Chromium 148+, shipping in Firefox 150 (stable April 2026), and not yet supported in Safari. A `@supports` detection snippet using `linear-gradient()` is provided for progressive enhancement. For non-color, non-image values, a 3-line CSS Custom Function workaround is also shown.

More Easy Light-Dark Mode Switching: light-dark() is about to support images!

But what about non- <color> and non- <image> values?

<p>I don’t understand why shouldn’t it just support any value regardless of their type.</p>


<p>Wow this is awesome!! Can’t wait to it drops and we can use it.</p>
