From 4cbb2988fe7c4f3d092d26dc0a430825231cc62f Mon Sep 17 00:00:00 2001
From: dschlueter <dschlueter@kitux.de>
Date: Sun, 26 Apr 2026 02:01:08 +0200
Subject: [PATCH] =?UTF-8?q?Design=20Variante=20A:=20Magenta=20=E2=86=92=20?=
 =?UTF-8?q?Violet=20(fly.io-Farbpalette)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Akzent/Ring Dark Mode: hue 330 → 280 (violet)
- Gradient Mesh: Magenta-Töne → Purple/Violet/Cyan
- Glow + Selection: gleiche Verschiebung
- Button default: from-pink→violet → from-violet→cyan

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/globals.css          | 20 ++++++++++----------
 components/ui/button.tsx |  2 +-
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 6e06bb0..cd137b4 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -41,13 +41,13 @@
   --secondary-foreground: oklch(0.90 0.01 100);
   --muted: oklch(0.18 0.02 260);
   --muted-foreground: oklch(0.65 0.01 100);
-  --accent: oklch(0.72 0.18 330);
+  --accent: oklch(0.65 0.22 280);
   --accent-foreground: oklch(0.98 0.01 100);
   --destructive: oklch(0.396 0.141 25.723);
   --destructive-foreground: oklch(0.95 0.01 100);
   --border: oklch(0.28 0.02 260);
   --input: oklch(0.20 0.02 260);
-  --ring: oklch(0.72 0.18 330);
+  --ring: oklch(0.65 0.22 280);
 }
 
 @theme inline {
@@ -106,16 +106,16 @@
 
 /* Fly.io-style gradient backgrounds */
 .bg-gradient-mesh {
-  background: 
-    radial-gradient(at 0% 0%, oklch(0.4 0.2 320 / 0.15) 0px, transparent 50%),
-    radial-gradient(at 100% 0%, oklch(0.5 0.2 260 / 0.15) 0px, transparent 50%),
-    radial-gradient(at 100% 100%, oklch(0.4 0.15 180 / 0.15) 0px, transparent 50%),
-    radial-gradient(at 0% 100%, oklch(0.5 0.2 320 / 0.15) 0px, transparent 50%);
+  background:
+    radial-gradient(at 0% 0%, oklch(0.4 0.22 280 / 0.18) 0px, transparent 50%),
+    radial-gradient(at 100% 0%, oklch(0.5 0.20 220 / 0.15) 0px, transparent 50%),
+    radial-gradient(at 100% 100%, oklch(0.4 0.15 190 / 0.15) 0px, transparent 50%),
+    radial-gradient(at 0% 100%, oklch(0.5 0.22 280 / 0.15) 0px, transparent 50%);
 }
 
 /* Subtle glow effects */
 .glow-accent {
-  box-shadow: 0 0 40px oklch(0.70 0.18 320 / 0.3);
+  box-shadow: 0 0 40px oklch(0.70 0.22 280 / 0.3);
 }
 
 .glow-cyan {
@@ -124,9 +124,9 @@
 
 /* Selection colors */
 ::selection {
-  background: oklch(0.70 0.18 320 / 0.4);
+  background: oklch(0.70 0.22 280 / 0.4);
 }
 
 .dark ::selection {
-  background: oklch(0.70 0.18 320 / 0.5);
+  background: oklch(0.70 0.22 280 / 0.5);
 }
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index 0a366e3..7349672 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -9,7 +9,7 @@ const buttonVariants = cva(
   {
     variants: {
       variant: {
-        default: 'bg-gradient-to-r from-pink-500 to-violet-500 text-white hover:from-pink-600 hover:to-violet-600 shadow-lg shadow-pink-500/25',
+        default: 'bg-gradient-to-r from-violet-500 to-cyan-400 text-white hover:from-violet-600 hover:to-cyan-500 shadow-lg shadow-violet-500/25',
         destructive:
           'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
         outline: