[{"data":1,"prerenderedAt":185},["ShallowReactive",2],{"sanity-F1we6DxVvAKMPl09y3iwWdJ0F2OIe9ZkBhgMzNAahdk":3,"sanity-57ovnufXOX-kW3PleZ45ZWF1WXwxu_dc-NQT-VMBnKs":37},{"data":4,"sourceMap":14},[5,10],{"slug":6,"title":9},{"_type":7,"current":8},"slug","website-laten-maken-in-linden","Linden",{"slug":11,"title":13},{"_type":7,"current":12},"website-laten-maken-in-leuven","Leuven",{"documents":15,"paths":21,"mappings":24},[16,19],{"_id":17,"_type":18},"14d1e007-3170-41d2-ad7b-0d25f9fb6d25","location",{"_id":20,"_type":18},"efd1d7fc-38fa-48f6-aefe-c5cf53bf4b7b",[22,23],"$['slug']","$['title']",{"$[0]['slug']":25,"$[0]['title']":30,"$[1]['slug']":33,"$[1]['title']":35},{"source":26,"type":29},{"document":27,"path":27,"type":28},0,"documentValue","value",{"source":31,"type":29},{"document":27,"path":32,"type":28},1,{"source":34,"type":29},{"document":32,"path":27,"type":28},{"source":36,"type":29},{"document":32,"path":32,"type":28},{"data":38,"sourceMap":119},{"_createdAt":39,"_id":40,"_translations":41,"body":52,"categories":88,"intro":111,"language":43,"mainImage":112,"shorts":117,"slug":118,"title":46},"2023-08-13T10:42:25Z","4f9feb07-c0ea-4f4e-924b-ba7bef270784",[42,47],{"language":43,"slug":44,"title":46},"en-BE",{"_type":7,"current":45},"using-the-accent-color-property","Using the accent color property",{"language":48,"slug":49,"title":51},"nl-BE",{"_type":7,"current":50},"gebruik-van-de-accent-color-property","Gebruik van de accent color property",[53,64,72,80],{"_key":54,"_type":55,"children":56,"markDefs":62,"style":63},"66339715ec65","block",[57],{"_key":58,"_type":59,"marks":60,"text":61},"3269603c284d","span",[],"Script:",[],"normal",{"_key":65,"_type":55,"children":66,"markDefs":71,"style":63},"f5c62877bc55",[67],{"_key":68,"_type":59,"marks":69,"text":70},"346572c036dd0",[],"As you can see the input elements use the default color from the browser. This can be overwritten with the accent-color css property. Just add the class accent-dash-green-dash-600.",[],{"_key":73,"_type":55,"children":74,"markDefs":79,"style":63},"342a1c703526",[75],{"_key":76,"_type":59,"marks":77,"text":78},"f3d2d6a67b36",[],"",[],{"_key":81,"_type":55,"children":82,"markDefs":87,"style":63},"33b532f3841e",[83],{"_key":84,"_type":59,"marks":85,"text":86},"72b3795c789b0",[],"We can even take it a step further and use our own defined brand colors from the tailwind config. Using the class accent-dash-primary or accent-dash-brand. So it is easy to give your input elements a brand touch.",[],[89,95,100,105],{"_createdAt":90,"_id":91,"_rev":92,"_type":93,"_updatedAt":90,"title":94},"2023-02-18T17:26:59Z","0696721f-df3b-4be2-97e2-b4f5623a69fe","B6AE3991Q6GdNnatPonQFD","category","Css",{"_createdAt":96,"_id":97,"_rev":98,"_type":93,"_updatedAt":96,"title":99},"2023-01-07T20:45:48Z","a8da6b65-21c9-4eac-a144-2406c9b7fdfd","3aNKSX1N3OU7ugnRjsvknv","Tailwindcss",{"_createdAt":101,"_id":102,"_rev":103,"_type":93,"_updatedAt":101,"title":104},"2022-10-16T12:54:35Z","d8367402-7de7-47dc-89eb-36d75c128cf8","52CpX3tZR7hi7So0BrUrcb","Frontend",{"_createdAt":106,"_id":107,"_rev":108,"_type":93,"_updatedAt":106,"description":109,"title":110},"2023-08-13T10:44:00Z","04cb32e4-0f0c-4d0d-ad20-f30887608373","ffwxrt3zfE5wmw2Ba4WzDD","youtube short","Shorts","Styling input elements with the accent color property using tailwind css.",{"_type":113,"asset":114},"image",{"_ref":115,"_type":116},"image-06ee3be1e706dcf44206f1300f97c240e1a29508-2048x1280-jpg","reference","https://www.youtube.com/embed/Ix58a0tU7ko",{"_type":7,"current":45},{"documents":120,"paths":129,"mappings":138},[121,122,123,125,127,128],{"_id":107,"_type":93},{"_id":91,"_type":93},{"_id":40,"_type":124},"post",{"_id":126,"_type":124},"9cd4175c-90f0-4364-b302-f3507dba85fa",{"_id":97,"_type":93},{"_id":102,"_type":93},[130,131,132,133,134,135,136,137,22,23],"$","$['_createdAt']","$['_id']","$['body']","$['intro']","$['language']","$['mainImage']","$['shorts']",{"$['_createdAt']":139,"$['_id']":142,"$['_translations'][0]['language']":144,"$['_translations'][0]['slug']":147,"$['_translations'][0]['title']":150,"$['_translations'][1]['language']":153,"$['_translations'][1]['slug']":156,"$['_translations'][1]['title']":158,"$['body']":160,"$['categories'][0]":162,"$['categories'][1]":164,"$['categories'][2]":167,"$['categories'][3]":169,"$['intro']":171,"$['language']":173,"$['mainImage']":175,"$['shorts']":178,"$['slug']":181,"$['title']":183},{"source":140,"type":29},{"document":141,"path":32,"type":28},2,{"source":143,"type":29},{"document":141,"path":141,"type":28},{"source":145,"type":29},{"document":141,"path":146,"type":28},5,{"source":148,"type":29},{"document":141,"path":149,"type":28},8,{"source":151,"type":29},{"document":141,"path":152,"type":28},9,{"source":154,"type":29},{"document":155,"path":146,"type":28},3,{"source":157,"type":29},{"document":155,"path":149,"type":28},{"source":159,"type":29},{"document":155,"path":152,"type":28},{"source":161,"type":29},{"document":141,"path":155,"type":28},{"source":163,"type":29},{"document":32,"path":27,"type":28},{"source":165,"type":29},{"document":166,"path":27,"type":28},4,{"source":168,"type":29},{"document":146,"path":27,"type":28},{"source":170,"type":29},{"document":27,"path":27,"type":28},{"source":172,"type":29},{"document":141,"path":166,"type":28},{"source":174,"type":29},{"document":141,"path":146,"type":28},{"source":176,"type":29},{"document":141,"path":177,"type":28},6,{"source":179,"type":29},{"document":141,"path":180,"type":28},7,{"source":182,"type":29},{"document":141,"path":149,"type":28},{"source":184,"type":29},{"document":141,"path":152,"type":28},1760905763762]