From c135aebcc48dff37c5ad4ef21590cfb14e473f37 Mon Sep 17 00:00:00 2001
From: Rebecca Valente <rebecca@puddi.ng>
Date: Thu, 28 May 2026 15:02:06 -0300
Subject: [PATCH] rebrand: switch palette from indigo to puddi.ng emerald green

Use #10b981 primary, #059669 dark, #34d399 light, #d1fae5 accent
to match puddi.ng brand identity. Logo, theme vars, footer link
all updated.
---
 web/app/src/App.vue         |  2 +-
 web/app/src/assets/logo.svg |  8 ++---
 web/app/src/index.css       | 62 ++++++++++++++++++-------------------
 3 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/web/app/src/App.vue b/web/app/src/App.vue
index dd001b7e..0d831638 100644
--- a/web/app/src/App.vue
+++ b/web/app/src/App.vue
@@ -100,7 +100,7 @@
         <div class="container mx-auto px-4 py-6 max-w-7xl">
           <div class="flex flex-col items-center gap-4">
             <div class="text-sm text-muted-foreground text-center">
-              Powered by <a href="https://github.com/TwiN/gatus" target="_blank" class="font-medium text-indigo-600 hover:text-indigo-400 dark:text-indigo-400 dark:hover:text-indigo-300">Gatus</a>
+              Powered by <a href="https://github.com/TwiN/gatus" target="_blank" class="font-medium text-emerald-600 hover:text-emerald-500 dark:text-emerald-400 dark:hover:text-emerald-300">Gatus</a>
             </div>
             <Social />
           </div>
diff --git a/web/app/src/assets/logo.svg b/web/app/src/assets/logo.svg
index e5316e74..1a241146 100644
--- a/web/app/src/assets/logo.svg
+++ b/web/app/src/assets/logo.svg
@@ -1,12 +1,12 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
   <defs>
     <linearGradient id="sg" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0%" stop-color="#818cf8"/>
-      <stop offset="100%" stop-color="#4f46e5"/>
+      <stop offset="0%" stop-color="#34d399"/>
+      <stop offset="100%" stop-color="#059669"/>
     </linearGradient>
   </defs>
   <path d="M32 4 L56 18 Q60 20 60 25 L60 44 Q60 52 52 56 L36 62 Q32 64 28 62 L12 56 Q4 52 4 44 L4 25 Q4 20 8 18 Z" fill="url(#sg)"/>
-  <path d="M32 8 L53 20 Q56 22 56 26 L56 43 Q56 50 49 53 L35 59 Q32 60 29 59 L15 53 Q8 50 8 43 L8 26 Q8 22 11 20 Z" fill="#4f46e5"/>
-  <path d="M32 12 L50 22 Q52 24 52 27 L52 42 Q52 48 46 50 L34 56 Q32 57 30 56 L18 50 Q12 48 12 42 L12 27 Q12 24 14 22 Z" fill="#6366f1"/>
+  <path d="M32 8 L53 20 Q56 22 56 26 L56 43 Q56 50 49 53 L35 59 Q32 60 29 59 L15 53 Q8 50 8 43 L8 26 Q8 22 11 20 Z" fill="#059669"/>
+  <path d="M32 12 L50 22 Q52 24 52 27 L52 42 Q52 48 46 50 L34 56 Q32 57 30 56 L18 50 Q12 48 12 42 L12 27 Q12 24 14 22 Z" fill="#10b981"/>
   <polyline points="14,36 24,36 27,28 30,44 33,24 36,40 39,32 42,36 50,36" fill="none" stroke="#ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
diff --git a/web/app/src/index.css b/web/app/src/index.css
index 477adf44..37bea6ec 100644
--- a/web/app/src/index.css
+++ b/web/app/src/index.css
@@ -4,48 +4,48 @@
 
 @layer base {
   :root {
-    --background: 240 20% 99%;
-    --foreground: 240 10% 6%;
+    --background: 150 20% 99%;
+    --foreground: 160 10% 6%;
     --card: 0 0% 100%;
-    --card-foreground: 240 10% 6%;
+    --card-foreground: 160 10% 6%;
     --popover: 0 0% 100%;
-    --popover-foreground: 240 10% 6%;
-    --primary: 239 84% 67%;
+    --popover-foreground: 160 10% 6%;
+    --primary: 160 84% 39%;
     --primary-foreground: 0 0% 100%;
-    --secondary: 240 20% 95%;
-    --secondary-foreground: 240 10% 6%;
-    --muted: 240 20% 95%;
-    --muted-foreground: 240 5% 46%;
-    --accent: 240 20% 95%;
-    --accent-foreground: 240 10% 6%;
+    --secondary: 152 82% 95%;
+    --secondary-foreground: 160 10% 6%;
+    --muted: 152 20% 95%;
+    --muted-foreground: 160 5% 46%;
+    --accent: 152 82% 90%;
+    --accent-foreground: 160 10% 6%;
     --destructive: 0 84.2% 60.2%;
     --destructive-foreground: 0 0% 100%;
-    --border: 240 12% 91%;
-    --input: 240 12% 91%;
-    --ring: 239 84% 67%;
+    --border: 152 12% 90%;
+    --input: 152 12% 90%;
+    --ring: 160 84% 39%;
     --radius: 0.5rem;
   }
   
   :root.dark {
-    --background: 240 17% 8%;
-    --foreground: 240 20% 95%;
-    --card: 240 17% 10%;
-    --card-foreground: 240 20% 95%;
-    --popover: 240 17% 10%;
-    --popover-foreground: 240 20% 95%;
-    --primary: 239 84% 67%;
+    --background: 160 20% 6%;
+    --foreground: 152 20% 95%;
+    --card: 160 20% 8%;
+    --card-foreground: 152 20% 95%;
+    --popover: 160 20% 8%;
+    --popover-foreground: 152 20% 95%;
+    --primary: 160 84% 39%;
     --primary-foreground: 0 0% 100%;
-    --secondary: 240 15% 18%;
-    --secondary-foreground: 240 20% 95%;
-    --muted: 240 15% 18%;
-    --muted-foreground: 240 10% 60%;
-    --accent: 240 15% 18%;
-    --accent-foreground: 240 20% 95%;
+    --secondary: 160 15% 15%;
+    --secondary-foreground: 152 20% 95%;
+    --muted: 160 15% 15%;
+    --muted-foreground: 152 10% 55%;
+    --accent: 160 15% 15%;
+    --accent-foreground: 152 20% 95%;
     --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 240 20% 95%;
-    --border: 240 15% 18%;
-    --input: 240 15% 18%;
-    --ring: 239 84% 67%;
+    --destructive-foreground: 152 20% 95%;
+    --border: 160 15% 15%;
+    --input: 160 15% 15%;
+    --ring: 160 84% 39%;
   }
 }