From 6405ae12ddb85848eebb18abf064411a0eb1af8d Mon Sep 17 00:00:00 2001
From: SilviaAmAm <silvia@maykinmedia.nl>
Date: Fri, 27 Oct 2023 17:01:46 +0200
Subject: [PATCH] :sparkles: [open-formulieren/open-forms-sdk#462] Update our
 button colours for the borders

---
 src/community/utrecht/button.tokens.json | 29 ++++++++++++++++++------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/community/utrecht/button.tokens.json b/src/community/utrecht/button.tokens.json
index 349f725..30abe90 100644
--- a/src/community/utrecht/button.tokens.json
+++ b/src/community/utrecht/button.tokens.json
@@ -21,24 +21,24 @@
 
       "hover": {
         "background-color": {"value": "{of.button.hover.bg}"},
-        "border-color": {"value": "rgba(0,0,0,0)"},
+        "border-color": {"value": "#5e5e5e"},
         "color": {"value": "{of.button.fg}"}
       },
 
       "active": {
         "background-color": {"value": "{of.button.active.bg}"},
-        "border-color": {"value": "rgba(0,0,0,0)"},
+        "border-color": {"value": "{of.color.border}"},
         "color": {"value": "{of.button.active.fg}"}
       },
 
       "primary-action": {
         "background-color": {"value": "{of.button.primary.bg}"},
-        "border-color": {"value": "rgba(0,0,0,0)"},
+        "border-color": {"value": "{of.color.primary}"},
         "color": {"value": "{of.button.primary.fg}"},
 
         "hover": {
           "background-color": {"value": "{of.button.primary.hover.bg}"},
-          "border-color": {"value": "rgba(0,0,0,0)"},
+          "border-color": {"value": "#01537c"},
           "color": {"value": "{of.button.primary.fg}"}
         },
 
@@ -54,12 +54,12 @@
 
         "danger": {
           "background-color": {"value": "{of.button.danger.bg}"},
-          "border-color": {"value": "rgba(0,0,0,0)"},
+          "border-color": {"value": "#aa2218"},
           "color": {"value": "{of.button.danger.fg}"},
 
           "hover": {
             "background-color": {"value": "{of.button.danger.hover.bg}"},
-            "border-color": {"value": "rgba(0,0,0,0)"},
+            "border-color": {"value": "#881b13"},
             "color": {"value": "{of.button.danger.fg}"}
           },
 
@@ -85,10 +85,25 @@
       },
 
       "subtle": {
+        "border": {
+          "color": {
+            "value": "rgba(0,0,0,0)"
+          }
+        },
+        "hover": {
+          "background": {
+            "color": {
+              "value": "{of.color.bg}"
+            }
+          }
+        },
         "danger": {
+          "color": {
+            "value": "{of.color.danger}"
+          },
           "background": {
             "color": {
-              "value": "{of.color.danger}"
+              "value": "{of.color.bg}"
             }
           },
           "hover": {