CROW CSS

Kleurenvariabelen

De 500-kleuren zijn de basiskleuren uit de huisstijl. Hoofdelementen moeten een 500-kleur hebben. Lang niet alle kleuren zijn geschikt voor WCAG 2.1 AA-toegankelijke tekst; WCAG 2.1 AA-toegankelijkheid is een wettelijke verplichting vanaf 2025 (o.b.v. Richtlijn (EU) 2019/882).

In donkere modus (prefers-color-scheme: dark) worden al deze kleuren aangepast qua verzadiging en verlopen ze naar zachtere tinten wit en zwart. Gebruik daarom voor kleuren die met print, of vaste kleuren moeten coördineren, de vaste kleurcodes.

var(--crow-blauw-100)

var(--crow-blauw-200)

var(--crow-blauw-300)

var(--crow-blauw-400)

var(--crow-blauw-500)

var(--pantone-process-cyan)

var(--crow-blauw-600)

var(--crow-blauw-700)

var(--crow-blauw-800)

var(--crow-blauw-900)

var(--crow-zeeblauw-100)

var(--crow-zeeblauw-200)

var(--crow-zeeblauw-300)

var(--crow-zeeblauw-400)

var(--crow-zeeblauw-500)

var(--pantone-3145)

var(--crow-zeeblauw-600)

var(--crow-zeeblauw-700)

var(--crow-zeeblauw-800)

var(--crow-zeeblauw-900)

var(--crow-leliegroen-100)

var(--crow-leliegroen-200)

var(--crow-leliegroen-300)

var(--crow-leliegroen-400)

var(--crow-leliegroen-500)

var(--pantone-3405)

var(--crow-leliegroen-600)

var(--crow-leliegroen-700)

var(--crow-leliegroen-800)

var(--crow-leliegroen-900)

var(--crow-grasgroen-100)

var(--crow-grasgroen-200)

var(--crow-grasgroen-300)

var(--crow-grasgroen-400)

var(--crow-grasgroen-500)

var(--pantone-375)

var(--crow-grasgroen-600)

var(--crow-grasgroen-700)

var(--crow-grasgroen-800)

var(--crow-grasgroen-900)

var(--crow-steunkleur-100)

var(--crow-steunkleur-200)

var(--crow-steunkleur-300)

var(--crow-steunkleur-400)

var(--crow-steunkleur-500)

var( --steunkleur)

var(--crow-steunkleur-600)

var(--crow-steunkleur-700)

var(--crow-steunkleur-800)

var(--crow-steunkleur-900)

var(--crow-neutral-gray-100)

var(--crow-neutral-gray-200)

var(--crow-neutral-gray-300)

var(--crow-neutral-gray-400)

var(--crow-neutral-gray-500)

var(--crow-grijs-100)

var(--crow-grijs-200)

var(--crow-grijs-300)

var(--crow-grijs-400)

var(--crow-grijs-500)

var(--pantone-432)

var(--pantone-cool-gray-2)

var(--pantone-cool-gray-10)

Semantische kleuren

var(--crow-error-100)

var(--crow-error-200)

var(--crow-error-300)

var(--crow-warning-100)

var(--crow-warning-200)

var(--crow-warning-300)

var(--crow-success-100)

var(--crow-success-200)

var(--crow-success-300)

Publicatiespoor I: niet-versiebeheerd

Dit is een voorstel voor ReSpec-documenten. Gebruik de codes in de specStatus-rij om aan te geven dat een document deze status heeft. Deze stadia zijn niet voor zorgvuldige versiebeheer bedoeld, gebruik daarvoor Publicatiespoor II.

specStatus: LD IR DRAFT DOC REG
NL
EN

Publicatiespoor II: versiebeheerd

Dit is een voorstel voor ReSpec-documenten. Gebruik de codes in de specStatus-rij om aan te geven dat een document deze status heeft. Deze codes zijn bedoeld om versies van documenten zorgvuldig verschillende stadia te laten doorlopen.

PFB
NP
Naar verwachting zelden gebruikt.
WD
Werkdocument, laatste versie in bewerking van de werkgroep.
CR
PR
OR
Naar wens van werkgroep kunnen verschillende reviewstadia gebruikt worden.
DEF
De definitieve, vastgestelde versie van het document.
REPL
Er is een nieuwer en beter document beschikbaar dat de kennis in het onderhavige vervangt.
RESC
De kennis in het onderhavige is dusdanig verouderd, dat het niet meer gebruikt zou moeten worden.
RQR
De kennis in het onderhavige is mogelijk verouderd. Er moet bepaald worden of vernieuwing noodzakelijk is.
specStatus: PFB NP WD CR PR OR DEF REPL RESC RQR
ISO: 00 10 20 30 40 50 60 95 95 90
NL
EN

Logo's in SVG

Merk imprint: Logo
CROW crow
C (van CROW) crow-c
CROW-academie crow-academie
CROW-CUR crow-cur
CROW-Fietsberaad crow-fietsberaad
Innovatie in de Infra crow-innovatie-in-de-infra
CROW-KpVV crow-kpvv
CROW Levende Stad crow-levende-stad
CROW Platform crow-platform
CROW-RAW crow-raw
CROW (dark mode) crow-darkmode
iAMPro iampro
Kennisnetwerk SPV̵ knspv
BIM Loket bimloket
DigiGO digigo
DigiGO digigo-darkmode

1. Introduction

Dit onderdeel is niet normatief.

Some informative introductory text.

Noot : A useful note

2. A section

2.1 I'm a sub-section

Issue 3524 : This is an example issue from Github question a11y good first issue

3. Start your spec!

WebIDL[Exposed=Window]
interface Foo {
attribute DOMString bar;
undefined doTheFoo();
};

The Foo interface represents a Foo .

The doTheFoo() method does the foo. Call it by running doTheFoo() .

  1. A variable can be declared like this.