From 6b53a9a4ce8312de7b63a9c1f1a0c2b7ffbe33ed Mon Sep 17 00:00:00 2001
From: Fara Woolf <fara@trustmachines.co>
Date: Tue, 30 Apr 2024 15:59:04 -0500
Subject: [PATCH] fix: colors.focus warning, closes #5225

---
 theme/recipes/button-recipe.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/theme/recipes/button-recipe.ts b/theme/recipes/button-recipe.ts
index 8a881afd9bb..38d2c37f809 100644
--- a/theme/recipes/button-recipe.ts
+++ b/theme/recipes/button-recipe.ts
@@ -58,7 +58,7 @@ export const buttonRecipe = defineRecipe({
         },
         _focus: {
           _before: {
-            border: '3px solid {colors.focus}',
+            border: '3px solid {colors.blue.border}',
           },
         },
         _hover: {
@@ -81,7 +81,7 @@ export const buttonRecipe = defineRecipe({
         },
         _focus: {
           _before: {
-            border: '3px solid {colors.focus}',
+            border: '3px solid {colors.blue.border}',
           },
         },
         _hover: {
@@ -102,7 +102,7 @@ export const buttonRecipe = defineRecipe({
         },
         _focus: {
           _before: {
-            border: '3px solid {focus}',
+            border: '3px solid {colors.blue.border}',
           },
         },
         _hover: {