Combine three new CSS features to build fully adaptive themed components.
The State of CSS 2020: Conclusion
The annual survey about the latest trends in CSS.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
OS X Aqua - Kagi Search Theme
A custom theme that's inspired by old school Apple's OS X Aqua theme. Has both Dark and Light mode that changes based on your system settings. ** [Github repo](https://github.com/Visnes/kagi-aqua/) ** Do the following: Go to Appearance → Change theme to "Default", not "Light" or "Dark" → Enable Custom CSS & Paste custom.css → Save changes
prefers-color-scheme: Hello darkness, my old friend | Articles | web.dev
Many devices now support an operating system wide dark mode or dark theme experience. This post explains how dark mode can be supported on web pages, lists best practices, and introduces a custom element named dark-mode-toggle that allows web developers to offer users a way to override their operating system level preference on specific web pages.
Aesthetics Wiki | Fandom
Thank you to the winner of our redesign contest, Ethan Duke! The background and wordmark are both his work. You can check him out on both Instagram and Twitter at @theduke2442! The dark mode was designed by Gwenanenn.
🧛 Official Dracula & Alucard Theme - Kagi Search Theme
A modern and sleek custom theme for Kagi that follows the styling rules of the very popular [Dracula theme](https://draculatheme.com). **Features** - Automatic dark and light mode based on system - All(?) elements have been skinned - Responsive to desktop, tablet & mobile **Install** - Go to Appearance and change theme to "Default" - Enable Custom CSS, paste content of custom.css and save **[Github repo](https://github.com/dracula/kagi)**
Dark mode with web standards
Implementing dark mode with minimal JavaScript and standard CSS
12 CSS features you can use today with no build step
Modern CSS features that replace Sass, PostCSS plugins and JavaScript hacks: nesting, :has(), container queries, subgrid and more, checked in September 2026.
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
Stop Treating CSS Container Queries Like Traditional Media Queries — Smashing Magazine
Despite broad browser support, container queries remain surprisingly underused and frequently misunderstood. Let’s look at how they differ from media queries, when to reach for each, and how container queries help reusable components respond naturally to the contexts in which they appear. - CSS - Tools - Techniques
Mac OS Liquid Glass - Kagi Search Theme
A modern and sleek custom theme for Kagi based on liquid glass introduced in Mac OS Tahoe. **Features** - Automatic dark and light mode based on system - All(?) elements have been skinned - You can configure look at top of file - Responsive to desktop, tablet & mobile - Refracts what's behind elements **Install** - Go to Appearance and change theme to "Default" - Enable Custom CSS, paste content of custom.css and save **[Github repo](https://github.com/Visnes/kagi-liquid-glass)**
good-css
Strong opinions about modern CSS technique, borrowed from experts, for agents to know and reach for.
