rebecca/pandus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rebrand: switch palette from indigo to puddi.ng emerald green
Some checks failed
test-ui / test-ui (push) Has been cancelled
Details
test / test (push) Has been cancelled
Details

Browse Source 
Use #10b981 primary, #059669 dark, #34d399 light, #d1fae5 accent
to match puddi.ng brand identity. Logo, theme vars, footer link
all updated.
This commit is contained in:
Rebecca Valente 2026-05-28 15:02:06 -03:00
parent 7c6bc53dc7
commit c135aebcc4
3 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/src/App.vue
View File

@ -100,7 +100,7 @@
<div class="container mx-auto px-4 py-6 max-w-7xl"> <div class="container mx-auto px-4 py-6 max-w-7xl">
<div class="flex flex-col items-center gap-4"> <div class="flex flex-col items-center gap-4">
<div class="text-sm text-muted-foreground text-center"> <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> </div>
<Social /> <Social />
</div> </div>

8
web/app/src/assets/logo.svg
View File

@ -1,12 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<defs> <defs>
<linearGradient id="sg" x1="0" y1="0" x2="0" y2="1"> <linearGradient id="sg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#818cf8"/> <stop offset="0%" stop-color="#34d399"/>
<stop offset="100%" stop-color="#4f46e5"/> <stop offset="100%" stop-color="#059669"/>
</linearGradient> </linearGradient>
</defs> </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 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 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="#6366f1"/> <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"/> <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> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 838 B

After

Width:  |  Height:  |  Size: 838 B

62
web/app/src/index.css
View File

@ -4,48 +4,48 @@
@layer base { @layer base {
:root { :root {
--background: 240 20% 99%; --background: 150 20% 99%;
--foreground: 240 10% 6%; --foreground: 160 10% 6%;
--card: 0 0% 100%; --card: 0 0% 100%;
--card-foreground: 240 10% 6%; --card-foreground: 160 10% 6%;
--popover: 0 0% 100%; --popover: 0 0% 100%;
--popover-foreground: 240 10% 6%; --popover-foreground: 160 10% 6%;
--primary: 239 84% 67%; --primary: 160 84% 39%;
--primary-foreground: 0 0% 100%; --primary-foreground: 0 0% 100%;
--secondary: 240 20% 95%; --secondary: 152 82% 95%;
--secondary-foreground: 240 10% 6%; --secondary-foreground: 160 10% 6%;
--muted: 240 20% 95%; --muted: 152 20% 95%;
--muted-foreground: 240 5% 46%; --muted-foreground: 160 5% 46%;
--accent: 240 20% 95%; --accent: 152 82% 90%;
--accent-foreground: 240 10% 6%; --accent-foreground: 160 10% 6%;
--destructive: 0 84.2% 60.2%; --destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 100%; --destructive-foreground: 0 0% 100%;
--border: 240 12% 91%; --border: 152 12% 90%;
--input: 240 12% 91%; --input: 152 12% 90%;
--ring: 239 84% 67%; --ring: 160 84% 39%;
--radius: 0.5rem; --radius: 0.5rem;
} }
:root.dark { :root.dark {
--background: 240 17% 8%; --background: 160 20% 6%;
--foreground: 240 20% 95%; --foreground: 152 20% 95%;
--card: 240 17% 10%; --card: 160 20% 8%;
--card-foreground: 240 20% 95%; --card-foreground: 152 20% 95%;
--popover: 240 17% 10%; --popover: 160 20% 8%;
--popover-foreground: 240 20% 95%; --popover-foreground: 152 20% 95%;
--primary: 239 84% 67%; --primary: 160 84% 39%;
--primary-foreground: 0 0% 100%; --primary-foreground: 0 0% 100%;
--secondary: 240 15% 18%; --secondary: 160 15% 15%;
--secondary-foreground: 240 20% 95%; --secondary-foreground: 152 20% 95%;
--muted: 240 15% 18%; --muted: 160 15% 15%;
--muted-foreground: 240 10% 60%; --muted-foreground: 152 10% 55%;
--accent: 240 15% 18%; --accent: 160 15% 15%;
--accent-foreground: 240 20% 95%; --accent-foreground: 152 20% 95%;
--destructive: 0 62.8% 30.6%; --destructive: 0 62.8% 30.6%;
--destructive-foreground: 240 20% 95%; --destructive-foreground: 152 20% 95%;
--border: 240 15% 18%; --border: 160 15% 15%;
--input: 240 15% 18%; --input: 160 15% 15%;
--ring: 239 84% 67%; --ring: 160 84% 39%;
} }
} }