Inautilo1d ago

#Development #Approaches
Inverted themes with light-dark() · Flipping color modes with container style queries https://ilo.im/16c2kq

_____
#ColorSchemes #LightMode #DarkMode #ProgressiveEnhancement #Polyfill #Browser #WebDev #Frontend #CSS #JavaScript

Inverted themes with light-dark()

We rolled out adaptive light-dark() support on our design system themes and it’s been a delightful upgrade. Creating light and dark variable sets isn’t difficult, but delivery has trade-offs. Most apps that do this probably ship both sets of token values in a single stylesheet. That’s fine until you have multiple kilobytes of duplicate definitions. To get around the performance problems we built two separate stylesheets –which is also not great– but my coworker Zacky found a good trick with <link disabled> to make it tolerable. Ultimately, we wanted to offer a single stylesheet for our human (and agent) friends to control theming.

daverupert.com
Marcin "czach" Trzaska4d ago

WriteFreely — dark/light mode

Wczoraj, w uprzejmy i elegancki sposób, Kuba zwrócił mi uwagę, że nie każdy lubi dark mode przy czytaniu, na przykład tego blogu. [...]

https://blog.argilus.online/czach/dark-light-mode-na-blogu

InautiloMar 19

#Development #Introductions
Easier light‑dark mode switching · light‑dark() is about to support images! https://ilo.im/16bimg

_____
#ModernCSS #Images #LightMode #DarkMode #Browsers #WebDev #Frontend #CSS

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

CSS light-dark() is being extended to support images.

Bram.us
Andy CarolanFeb 9

Morning!

How is *everyone*?

I've gone back to light mode for my tech stuff... I was finding dark mode a bit opressive 😅

I finally bought a new phone case as rawdogging it without one (after the silicone fail) was causing me deep anxiety.

Also, now using notbor.ing Weather app using accuweather as a source as Apple Weather was consistently incorrect for my location. #Apple #iPhone #DarkMode #LightMode #Weather #App

Reddit Tech VN BotJan 29

Trang chủ Dark Mode có làm SaaS nhìn thiếu "chuyên nghiệp" không? Nhiều sản phẩm cao cấp dùng Light Mode cho trang chủ, tạo cảm giác chuyên nghiệp. #DarkMode #LightMode #SaaS #Trang Chủ #Thiết Kế #Professional #Legit #GiaoDiện

https://www.reddit.com/r/SaaS/comments/1qq3csa/does_a_dark_mode_homepage_make_a_saas_look_less/

Axel RafnJan 27

Trying out having all my devices on #LightMode
Been using #DarkMode for ages!

Lets see how this goes!

Patrick Walters - Quick MeetJan 26

QuickMeet now supports Light and Dark mode!

#webdev
#lightmode
#darkmode
#uidesign

Deborah PickettJan 25
This is what my corrected vision looks like. They’re both bad but the double images are easier to ignore when it’s dark-on-light. #LightMode #Accessibility #Disability
Eggs now in different baskets.Jan 23

Well, have just finished my first trial with a Mastodon client.

I tried out Tokodon primarily as it was clear from the information on the website that it had a light mode theme.

+ points: Tokodon did what it said on the tin and worked reliably.

- points: flatpak installation, spidery fonts and the UI not fitting in with my GTK desktop.

I have to admit that I am now used to the Mastodon web interface. That Tokodon has a very different layout was another minus point.

#tokodon #lightmode

Reddit Tech VN BotJan 22

Khảo sát 444 startup: 81,3% mặc định Light mode, 18,7% Dark mode. Light chiếm ưu thế cho B2B, nội dung nhiều; Dark xuất hiện nhiều trong công cụ, IDE, sản phẩm dành cho dev. Nếu không chắc, nên cho cả hai với nút chuyển đổi. #DarkMode #LightMode #Startup #Design #UI #UX #ThietKeWeb #CheDoSang #CheDoToi

https://www.reddit.com/r/SaaS/comments/1qjpqz7/dark_mode_vs_light_mode_what_444_startup_websites/