Combine three new CSS features to build fully adaptive themed components.
CSS image() | 12 Days of Web
The working draft for image() proposes new features to enhance the capabilities of background-image declarations.
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.
Adding Visual Effects | Web Browser Engineering
Right now our browser can only draw colored rectangles and text—pretty boring! Real browsers support all kinds of visual effects that change how pixels and colors blend together. To implement those effects, and also make our browser faster, we’ll need control over surfaces, the key low-level feature behind fast scrolling, visual effects, animations, and many other browser capabilities. To get that control, we’ll also switch to using the Skia graphics library and even take a peek under its hood.
CSS-Tricks has a new owner! | CSS-Tricks
Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that.
🧛 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.
