From e711a295c221e5638480b487396048ffdac8dfd6 Mon Sep 17 00:00:00 2001
From: brabli <67018167+brabli@users.noreply.github.com>
Date: Fri, 8 May 2026 12:48:45 +0100
Subject: [PATCH] Add semantic colours to showcase

---
 dev/templates/showcase.html.twig | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/dev/templates/showcase.html.twig b/dev/templates/showcase.html.twig
index 68bd2d5..eb1e20d 100644
--- a/dev/templates/showcase.html.twig
+++ b/dev/templates/showcase.html.twig
@@ -11,6 +11,9 @@
                     colors: {
                         accent: '#7c3aed',
                         primary: '#0f172a',
+                        danger: '#cc0000',
+                        warning: '#df5010',
+                        success: '#00d00a',
                     },
                     fontSize: {
                         '2xs': ['0.625rem', '0.875rem'],
@@ -28,7 +31,7 @@
         <h2 class="text-lg font-semibold mb-3">Solid</h2>
         <div class="flex flex-wrap gap-2">
             {% for colour in colours %}
-                <twig:Pcm:Badge colour="{{ colour }}">{{ colour }}</twig:Pcm:Badge>
+                <twig:Pcm:Badge colour="{{ colour }}" :label="colour" />
             {% endfor %}
         </div>
     </section>