una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries
Summary
A technical article exploring how to combine three modern CSS features — @property, light-dark(), and style queries — to build fully adaptive themed components. The technique creates components with shadows in light mode that swap to glowing borders in dark mode, with text that remains readable against dynamic backgrounds. All features are available in modern browsers as of May 2026.
Source
una.imuna.im | Modern CSS theming with light-dark(), contrast-color(), and style queriesuna.imYou might also wanna read
Six Implementation Levels of Dark Mode and Color Scheme Switching
The article discusses six levels of implementing dark mode on websites, ranging from basic CSS-only approaches to more complex JavaScript-po
cssence.com·2mo ago
Modern CSS Reference: Comparing Outdated Techniques with Native CSS Replacements
modern-css.com is a reference website for web developers that provides side-by-side comparisons of outdated CSS techniques and their modern
modern-css.com·4mo agoLooking for 2 colour themes on a single website
CSS @scope Rule: A Native Solution for Scoped Styles and Component Isolation
The article discusses the new CSS @scope rule as a solution to the challenges of maintaining CSS in complex modern interfaces. It explains h
Smashing Magazine·4mo agoExploring CSS as a Query Language and General-Purpose Programming Tool
An exploration of using CSS as a query language and general-purpose programming language beyond its traditional role of styling web pages. T
Advanced SVG Animation Techniques Using <symbol>, <use>, and CSS Custom Properties
This article by web designer Andy Clarke presents an advanced technique for animating SVG elements using <symbol>, <use>, and CSS custom pro
Smashing Magazine·7mo ago
Comments
Sign in to join the conversation.
No comments yet. Be the first.