<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/sources/bram/best-of/2026/03" -->

---
title: Best Bram.us posts — March 2026 | daily.dev
description: The most upvoted Bram.us posts from March 2026, curated by the daily.dev community.
canonical: https://daily.dev/sources/bram/best-of/2026/03
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:url: https://daily.dev/sources/bram/best-of/2026/03
og:type: website
og:site_name: daily.dev
og:title: Best Bram.us posts — March 2026 | daily.dev
og:description: The most upvoted Bram.us posts from March 2026, curated by the daily.dev community.
og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph
---

# Best of Bram.us — March 2026

1. 1  
[](https://daily.dev/posts/more-easy-light-dark-mode-switching-light-dark-is-about-to-support-images--koazaflkr "More Easy Light-Dark Mode Switching: light-dark() is about to support images!")  
Article  
![Avatar of bram](https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/3db2116954be44df873ec24cf0e03d14)Bram.us · 25w  
More Easy Light-Dark Mode Switching: light-dark() is about to support images!  
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.  
42  
3

[See all Bram.us archives](/sources/bram/best-of)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/bram/best-of/2026/03#page","url":"https://daily.dev/sources/bram/best-of/2026/03","name":"Best Bram.us Posts — March 2026","description":"The most upvoted Bram.us posts from March 2026, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/bram/best-of/2026/03#items","numberOfItems":1,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/more-easy-light-dark-mode-switching-light-dark-is-about-to-support-images--koazaflkr","name":"More Easy Light-Dark Mode Switching: light-dark() is about to support images!"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Bram.us","item":"https://daily.dev/sources/bram"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/bram/best-of"},{"@type":"ListItem","position":5,"name":"March 2026"}]}]}
```

