From 4be7005800839acad7d733c207dee69c19cf4aae Mon Sep 17 00:00:00 2001
From: Scott Wilson <scottraywilson@gmail.com>
Date: Fri, 21 Nov 2025 12:32:22 -0800
Subject: [PATCH] style: update info color value and update documentation link
 badge styling

---
 .../DocumentationLinkBadge.tsx                |  6 +++---
 frontend/src/index.css                        | 20 +++++++++----------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/v3/platform/DocumentationLinkBadge/DocumentationLinkBadge.tsx b/frontend/src/components/v3/platform/DocumentationLinkBadge/DocumentationLinkBadge.tsx
index b847f93ae9..dca7785fab 100644
--- a/frontend/src/components/v3/platform/DocumentationLinkBadge/DocumentationLinkBadge.tsx
+++ b/frontend/src/components/v3/platform/DocumentationLinkBadge/DocumentationLinkBadge.tsx
@@ -1,4 +1,4 @@
-import { BookOpenIcon } from "lucide-react";
+import { ExternalLinkIcon } from "lucide-react";
 
 import { Badge } from "@app/components/v3";
 
@@ -8,10 +8,10 @@ type TDocumentationLinkBadgeProps = {
 
 export function DocumentationLinkBadge({ href }: TDocumentationLinkBadgeProps) {
   return (
-    <Badge variant="neutral" asChild>
+    <Badge variant="info" asChild>
       <a href={href} target="_blank" rel="noopener noreferrer">
-        <BookOpenIcon />
         Documentation
+        <ExternalLinkIcon />
       </a>
     </Badge>
   );
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 2a1da3fa2d..fdedc2f687 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -29,11 +29,11 @@
 }
 
 :root {
-    font-family: var(--font-inter);
-    --foreground: oklch(0.985 0 0);
-    --background: oklch(0.145 0 0);
+  font-family: var(--font-inter);
+  --foreground: oklch(0.985 0 0);
+  --background: oklch(0.145 0 0);
 
-    --toastify-color-dark: var(--color-mineshaft-700);
+  --toastify-color-dark: var(--color-mineshaft-700);
 }
 
 @theme {
@@ -45,16 +45,16 @@
   --color-background: #19191c;
   --color-foreground: white;
   --color-success: #2ecc71;
-  --color-info: #34c2db;
+  --color-info: #63b0bd;
   --color-warning: #f1c40f;
   --color-danger: #e74c3c;
-  --color-org: #30B3FF;
+  --color-org: #30b3ff;
   --color-sub-org: #96ff59;
   --color-project: #e0ed34;
   --color-neutral: #adaeb0;
 
   /*legacy color schema */
-  --color-org-v1: #30B3FF;
+  --color-org-v1: #30b3ff;
   --color-namespace-v1: #96ff59;
 
   /* Primary */
@@ -418,15 +418,15 @@
 }
 
 .Toastify__toast {
-    @apply rounded-md;
+  @apply rounded-md;
 }
 
 .Toastify__toast-body {
-    @apply items-start;
+  @apply items-start;
 }
 
 .Toastify__toast-icon {
-    @apply w-4 pt-1;
+  @apply w-4 pt-1;
 }
 
 .tags-conic-bg {