De waarde color-scheme voor het name-attribuut van het <meta>-element geeft een voorgesteld kleurenschema aan dat user agents voor een pagina moeten gebruiken.
Als deze waarde is opgegeven, definieert u het kleurenschema met een content-attribuut in het <meta>-element, met een geldige CSS color-scheme-waarde.
Een <meta>-element met name=color-scheme moet een content-attribuut hebben dat het kleurenschema definieert als een CSS color-scheme-waarde.
Het content-attribuut kan een van de volgende zijn:
normal
: Het document is zich niet bewust van kleurenschema's en moet worden weergegeven met het standaard kleurenpalet.
light, dark, light dark, dark light
: Een of meer kleurenschema's die door het document worden ondersteund.
Meerdere kleurenschema's geven aan dat het eerste schema de voorkeur van het document heeft, maar dat het tweede schema acceptabel is als de gebruiker daar de voorkeur aan geeft.
Hetzelfde kleurenschema meerdere keren opgeven heeft hetzelfde effect als het één keer opgeven.
only light
: Geeft aan dat het document uitsluitend de lichte modus ondersteunt, met een lichte achtergrond en donkere voorgrondkleuren.
only darkis ongeldig, omdat het forceren van een document om in de donkere modus weer te geven wanneer het daar niet compatibel mee is, kan leiden tot onleesbare inhoud, en alle belangrijke browsers standaard de lichte modus gebruiken als er niets anders is geconfigureerd.
Voorbeelden
Een color-scheme-sleutelwoord gebruiken
Het volgende voorbeeld geeft aan de browser aan dat de pagina zowel lichte als donkere thema's ondersteunt.
Of het lichte of donkere kleurenschema wordt gebruikt, hangt af van gebruikersvoorkeuren, zoals instellingen op besturingssysteemniveau of browserinstellingen:
