Hva er prefers-color-scheme?

prefers-color-scheme er en CSS-mediefunksjon som forteller nettsteder om du foretrekker et mørkt eller lyst tema. Nettlesere henter informasjonen fra innstillingen for mørk modus på systemet ditt i Windows, macOS, Linux, Android eller iOS, og nettsteder endrer fargene sine med @media (prefers-color-scheme: dark) i CSS eller window.matchMedia("(prefers-color-scheme: dark)") i JavaScript. Hvis et nettsted fortsatt vises lyst når systemet ditt er i mørk modus, bør du først sjekke hva nettleseren faktisk rapporterer.

Verktøybeskrivelse

Dette verktøyet viser systemtemaet ditt i én stor blokk: Mørkt med en måne eller Lyst med en sol. Det spør nettleseren om prefers-color-scheme: dark samsvarer, og følger med på endringer. Når du bytter mellom mørk og lys modus i enhetsinnstillingene, oppdateres resultatet umiddelbart uten at siden lastes inn på nytt. Alt som ikke rapporteres som mørkt, vises som lyst.

Svaret viser hva nettleseren din forteller nettsteder, og samsvarer ikke alltid med systeminnstillingen. Firefox har for eksempel en innstilling for nettsteders utseende som kan gjøre alle nettsteder lyse eller mørke, uavhengig av systeminnstillingen.

Funksjoner

  • Viser Mørkt eller Lyst med et raskt blikk
  • Oppdateres direkte når du endrer systemtema
  • Kjører i nettleseren, uten at du trenger å installere noe