From f35cbde38ab288035e33ca4b19728afb7d8eeaa9 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 25 Jul 2023 17:56:02 -0300
Subject: [PATCH] Changed color to specific one

---
 src/frontend/src/index.css      | 8 +++++++-
 src/frontend/tailwind.config.js | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css
index c882ab6ea..4e1356873 100644
--- a/src/frontend/src/index.css
+++ b/src/frontend/src/index.css
@@ -43,6 +43,9 @@
     --chat-bot-icon: #afe6ef;
     --chat-user-icon: #aface9;
 
+    --beta-background: rgb(219 234 254);
+    --beta-foreground: rgb(37 99 235);
+
     /* Colors that are shared in dark and light mode */
     --blur-shared: #151923de;
     --build-trigger: #dc735b;
@@ -101,6 +104,9 @@
     --high-indigo: #4338ca;
     --medium-indigo: #6366f1;
 
+    --beta-background: rgb(37 99 235);
+    --beta-foreground: rgb(219 234 254);
+
     /* Colors that are shared in dark and light mode */
     --blur-shared: #151923d2;
     --build-trigger: #dc735b;
@@ -1115,7 +1121,7 @@ The cursor: default; property value restores the browser's default cursor style
     @apply absolute right-0 top-0 h-16 w-16 overflow-hidden rounded-tr-lg;
   }
   .beta-badge-content {
-    @apply mt-2 w-24 rotate-45 bg-status-blue text-center text-xs font-semibold text-destructive-foreground
+    @apply mt-2 w-24 rotate-45 bg-beta-background text-center text-xs font-semibold text-beta-foreground
   }
   .export-modal-save-api {
     @apply font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70;
diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js
index cdc5af220..1dc51433e 100644
--- a/src/frontend/tailwind.config.js
+++ b/src/frontend/tailwind.config.js
@@ -69,6 +69,8 @@ module.exports = {
         "status-yellow": "var(--status-yellow)",
         "success-background": "var(--success-background)",
         "success-foreground": "var(--success-foreground)",
+        "beta-background": "var(--beta-background)",
+        "beta-foreground": "var(--beta-foreground)",
         "chat-bot-icon": "var(--chat-bot-icon)",
         "chat-user-icon": "var(--chat-user-icon)",