Niveau | Tabel | Klasse | Standaard kleur | Elementen |
---|
Basis Basic | Tekst Font | Licht Light | #F8F9FA | |
Donker Dark | #343A40 | |
Identity | Achtergrond Background | #007BFF | |
Logobalk tekst Header font | | |
Platform | Achtergrond Background | #F2F6FC | |
Logobalk Header | #007BFF | |
Logobalk tekst Header font | | |
Primair Primary | #007BFF | Navigatie knoppen Pagina navigatie Menu items (zweven) Zoom knoppen (negatief) Ondertekenveld geplaatst Workflow stappen Actie navigatie Document headers Active font (hyperlinks en breadcrumb active) Select (radio, checkbox en switches) Spinners en voortgangsbalken
|
Primair zweven Primary hover | #0069D9 | |
Primair uitgeschakeld Primary disabled | #58AAFF | Navigatie knoppen uitgeschakeld Pagina navigatie uitgeschakeld Workflow stappen uitgeschakeld Select (radio, checkbox en switches) uitgeschakeld
|
Primair tekst Primary Font | | |
E-mail Email | Knop Button | #007BFF | |
Knop tekst Button font | | |
Geavanceerd Advanced | Platform | Secundair Secondary | #6C757D | Optie knoppen (Instellingen, hamburgermenu bij acties uitvoeren) Selecteer knoppen (Mijn verzoeken / Alle verzoeken)
|
Secundair zweven Secondary hover | #5A6268 | |
Secundair uitgeschakeld Secondary disabled | #B0B6BA | |
Secundair tekst Secondary font | | |
Succes Success | #28A745 | Success knoppen (Toevoegen, Verzenden, Ga naar verzoek, Acties uitvoeren, etc) Toast success Status afgerond Premium badges actief (instellingen) Ondertekenveld actief Badges services integraties - productie (instellingen)
|
Succes zweven Success hover | #218838 | |
Succes uitgeschakeld Success disabled | #74C686 | |
Succes tekst Success font | | |
Waarschuwing Warning | #FFC107 | |
Waarschuwing zweven Warning hover | #E0A800 | |
Waarschuwing uitgeschakeld Warning disabled | #FFD75E | |
Waarschuwing tekst Warning font | | |
Gevaar Danger | #DC3545 | |
Gevaar zweven Danger hover | #C82333 | |
Gevaar uitgeschakeld Danger disabled | #E97B86 | |
Gevaar tekst Danger font | | |
Info | #17A2B8 | |
Info zweven Info hover | #138496 | Info kaders (border) Placeholders (border)
|
Info uitgeschakeld Info disabled | #67C3D0 | |
Info tekst Info font | | |