[{"data":1,"prerenderedAt":196},["ShallowReactive",2],{"page:\u002Fdesign-system\u002Ftokens":3},{"id":4,"title":5,"body":6,"description":188,"extension":189,"meta":190,"navigation":191,"path":192,"seo":193,"stem":194,"__hash__":195},"pages\u002Fdesign-system\u002Ftokens.md","Tokens",{"type":7,"value":8,"toc":181},"minimark",[9,14,23,40,43,47,156,163,167,178],[10,11,13],"h2",{"id":12},"eén-bron","Eén bron",[15,16,17,18,22],"p",{},"De tokens staan in één bestand: ",[19,20,21],"code",{},"app\u002Fassets\u002Fcss\u002Ftokens.css",". Deze site gebruikt dat bestand, en hieronder staat het zoals het is. Een token verander je dus in dat bestand, nooit in een tweede kopie.",[15,24,25,26,29,30,33,34,39],{},"Licht is de standaard. Donker volgt het systeem, en ",[19,27,28],{},"data-theme"," op ",[19,31,32],{},"\u003Chtml>"," gaat voor allebei. De rollen en waarom staan op ",[35,36,38],"a",{"href":37},"\u002Fidentity\u002Fcolor","Kleur",".",[41,42],"token-source",{},[10,44,46],{"id":45},"wat-erin-staat","Wat erin staat",[48,49,50,63],"table",{},[51,52,53],"thead",{},[54,55,56,60],"tr",{},[57,58,59],"th",{},"Token",[57,61,62],{},"Waar",[64,65,66,84,97,110,120,130,146],"tbody",{},[54,67,68,81],{},[69,70,71,74,75,74,78],"td",{},[19,72,73],{},"bg",", ",[19,76,77],{},"surface",[19,79,80],{},"surface-high",[69,82,83],{},"Achtergrond, vlakken en een vlak dat eruit springt, zoals wat geselecteerd is",[54,85,86,94],{},[69,87,88,74,91],{},[19,89,90],{},"border",[19,92,93],{},"border-strong",[69,95,96],{},"Lijnen tussen dingen, en een rand die je moet zien",[54,98,99,107],{},[69,100,101,74,104],{},[19,102,103],{},"text",[19,105,106],{},"muted",[69,108,109],{},"Tekst en rustige tekst",[54,111,112,117],{},[69,113,114],{},[19,115,116],{},"known",[69,118,119],{},"De stip naast wat we weten, en het logo",[54,121,122,127],{},[69,123,124],{},[19,125,126],{},"halo",[69,128,129],{},"De halo om het teken",[54,131,132,143],{},[69,133,134,74,137,74,140],{},[19,135,136],{},"success",[19,138,139],{},"warning",[19,141,142],{},"error",[69,144,145],{},"Statuskleuren, altijd met een icoon en tekst",[54,147,148,153],{},[69,149,150],{},[19,151,152],{},"brand-gradient",[69,154,155],{},"Het verloop, alleen in merkvlakken",[15,157,158,159,39],{},"Er is geen token voor koraal als tekst: koraal is nooit tekst. Zie ",[35,160,162],{"href":161},"\u002Fdesign-system\u002Fstates","Toestanden",[10,164,166],{"id":165},"hoeken","Hoeken",[15,168,169,170,173,174,177],{},"Knoppen, velden en labels ",[19,171,172],{},"8px",", kaarten en schermen ",[19,175,176],{},"12px",". Geen pilvorm.",[15,179,180],{},"Ruimte is nog in te vullen.",{"title":182,"searchDepth":183,"depth":183,"links":184},"",2,[185,186,187],{"id":12,"depth":183,"text":13},{"id":45,"depth":183,"text":46},{"id":165,"depth":183,"text":166},"Kleur, type en hoeken als tokens.","md",{},true,"\u002Fdesign-system\u002Ftokens",{"title":5,"description":188},"design-system\u002Ftokens","jGz0NxymhSRaNVqP3IHFyUkKvGbJJeSKJQBSMSxoK50",1793469356492]