chore: build

frontend-prep/src/api/api.ts

@@ -1865,6 +1865,8 @@ export interface PublicSettings {
     client_color_success: string;
     client_color_danger: string;
     client_color_warning: string;
+    client_title_gradient_from: string;
+    client_title_gradient_to: string;
 }
 
 export const getPublicSettings = async (): Promise<PublicSettings> => {
@@ -1887,6 +1889,8 @@ export const getPublicSettings = async (): Promise<PublicSettings> => {
         client_color_success: "#22c55e",
         client_color_danger: "#ef4444",
         client_color_warning: "#f59e0b",
+        client_title_gradient_from: "#a78bfa",
+        client_title_gradient_to: "#22d3ee",
     };
     try {
         const response = await fetch(`${API_URL}/app-settings`);
@@ -1916,6 +1920,8 @@ export const getPublicSettings = async (): Promise<PublicSettings> => {
             client_color_success: data.client_color_success || "#22c55e",
             client_color_danger: data.client_color_danger || "#ef4444",
             client_color_warning: data.client_color_warning || "#f59e0b",
+            client_title_gradient_from: data.client_title_gradient_from || "#a78bfa",
+            client_title_gradient_to: data.client_title_gradient_to || "#22d3ee",
         };
     } catch {
         return defaults;

frontend-prep/src/components/Navbar.css

@@ -18,6 +18,8 @@
     --text-muted:    #71717a;
     --radius:        10px;
     --transition:    0.22s cubic-bezier(0.4, 0, 0.2, 1);
+    --title-gradient-from: #a78bfa;
+    --title-gradient-to:   #22d3ee;
 }
 
 /* ============================================================
@@ -96,7 +98,7 @@ body {
     font-size: 1rem;
     font-weight: 700;
     letter-spacing: 0.02em;
-    background: linear-gradient(135deg, var(--cyan), color-mix(in srgb, var(--cyan) 60%, var(--primary)));
+    background: linear-gradient(135deg, var(--title-gradient-from), var(--title-gradient-to));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;

frontend-prep/src/context/ThemeContext.tsx

@@ -30,6 +30,8 @@ type ColorSettings = {
     client_color_success: string;
     client_color_danger: string;
     client_color_warning: string;
+    client_title_gradient_from: string;
+    client_title_gradient_to: string;
 };
 
 function applyClientColors(s: ColorSettings) {
@@ -40,7 +42,6 @@ function applyClientColors(s: ColorSettings) {
         root.style.setProperty("--primary", p);
         root.style.setProperty("--primary-soft", hexToRgba(p, 0.12));
         root.style.setProperty("--primary-glow", hexToRgba(p, 0.25));
-        // --bg / --surface / --surface-2 intentionnellement non modifiés : le body garde sa couleur CSS
     }
     if (s.client_color_secondary) {
         root.style.setProperty("--cyan", s.client_color_secondary);
@@ -49,6 +50,12 @@ function applyClientColors(s: ColorSettings) {
     if (s.client_color_danger) {
         root.style.setProperty("--red", s.client_color_danger);
     }
+    if (s.client_title_gradient_from) {
+        root.style.setProperty("--title-gradient-from", s.client_title_gradient_from);
+    }
+    if (s.client_title_gradient_to) {
+        root.style.setProperty("--title-gradient-to", s.client_title_gradient_to);
+    }
 }
 
 function saveColorsToStorage(s: ColorSettings) {