Toggle Dark Mode with CSS :has()

Toggle Dark Mode with CSS :has()

The CSS :has() selector can be used to toggle dark mode, light mode, and themes with zero Javascript, just HTML and CSS. :has() finally arrived in all major browsers, having dropped in Firefox December 2023.

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
1.14.24

Similar items

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Circular Digital

1.25.22

Primary

1.25.22

Vaayu Tech

1.25.22

Datafetcher

1.22.22

Segurado

1.20.22

Composer

1.20.22

Modern Health

1.20.22

Pagemaker

1.20.22

Compound

1.14.22

The Archive

1.14.22

CMS Card Slider + Filter

1.13.22

The Manual

1.13.22

TALA

1.13.22

Fivetran

1.7.22

Hejwa

1.7.22

OK Micah

1.7.22

EverAfter

1.7.22

LUNI

1.5.22

Art House Collection

1.5.22

Luc Chaissac

1.5.22

Luke Meyer

1.4.22

Eko

1.3.22

David McGillivray

1.3.22

Christopher Green

12.28.21

Venus Williams

12.28.21

Maircare

12.21.21

Matter App

12.20.21

Highvibe Network

12.15.21

Hard Work Club

12.10.21

Bernie January Jr.

12.8.21

No-Code Machine

12.8.21

Joris Bijdendijk

12.7.21

Manna

12.7.21

ALPHA10X

12.1.21

Soveren

12.1.21

Simple Countdown Timer in Seconds

12.1.21

Stryve

11.30.21

Mockup Maison

11.30.21

Wannathis | Christmas

11.30.21

The Great Work Teardown | Upwork

11.30.21

Fractal Software

11.28.21

Gumroad

11.28.21

Gloria Foods

11.25.21

Accessibility Guide

11.18.21

Zoomo

11.15.21

Aquerone

11.10.21

Juan Mora

11.10.21

Mandolin

11.9.21

Monitor Creative

10.28.21

Al Murphy

10.28.21

Osso VR

10.28.21

Flow Remote

10.27.21
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.