Changed color to specific one

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;

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)",