From b67de1ce01b03e9d121ab6093f0a46b44cf0b129 Mon Sep 17 00:00:00 2001
From: "R.Eugenio" <yo@reugenio.com>
Date: Tue, 30 Dec 2025 18:12:28 +0100
Subject: [PATCH] =?UTF-8?q?style:=20Z-Design=20V2=20-=20Atm=C3=B3sfera=20e?=
 =?UTF-8?q?n=20vez=20de=20fogonazo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Refinamiento Visual Premium:
- Dark mode fondo_sin_focus: negro puro → 7% base color
- Dark mode fondo_con_focus: mantiene 15% base color
- Light mode sincronizado: 1%/3% base color

Efecto: Los paneles siempre tienen su "identidad" de color,
incluso sin focus. El cambio de focus es ahora una transición
suave de "iluminación" en vez de un fogonazo negro→color.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/core/style.zig | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/core/style.zig b/src/core/style.zig
index 3ff7616..a52c8b3 100644
--- a/src/core/style.zig
+++ b/src/core/style.zig
@@ -1031,6 +1031,9 @@ pub fn derivePanelPalette(base: Color, mode: ThemeMode) PanelColorScheme {
 }
 
 /// Derive palette for dark mode (dark backgrounds, light text)
+/// Z-Design V2: "Atmósfera, no fogonazo"
+/// - fondo_sin_focus: 7% base color (sutil identidad del panel)
+/// - fondo_con_focus: 15% base color (brilla al ganar foco)
 fn deriveDarkPalette(base: Color) PanelColorScheme {
     // Reference colors for dark mode
     const black = Color.soft_black; // RGB(17, 17, 20) - not pure black
@@ -1039,9 +1042,11 @@ fn deriveDarkPalette(base: Color) PanelColorScheme {
     const dark_border = Color.rgb(60, 60, 65);
 
     return .{
-        // Backgrounds: visible tint of base color (15% base, 85% black)
+        // Backgrounds: Z-Design V2 - panel siempre tiene su "identidad"
+        // Focus: 15% base, 85% black (brilla más)
         .fondo_con_focus = base.blendTowards(black, 85),
-        .fondo_sin_focus = black,
+        // Sin focus: 7% base, 93% black (sutil pero presente)
+        .fondo_sin_focus = base.blendTowards(black, 93),
 
         // Text: high contrast
         .datos = white,
@@ -1063,6 +1068,9 @@ fn deriveDarkPalette(base: Color) PanelColorScheme {
 }
 
 /// Derive palette for light mode (light backgrounds, dark text)
+/// Z-Design V2: Sincronizado con dark mode
+/// - fondo_sin_focus: 1% base (casi blanco, sutil identidad)
+/// - fondo_con_focus: 3% base (brilla al ganar foco)
 fn deriveLightPalette(base: Color) PanelColorScheme {
     // Reference colors for light mode
     const white = Color.soft_white; // RGB(250, 250, 252) - slight cool tint
@@ -1071,9 +1079,11 @@ fn deriveLightPalette(base: Color) PanelColorScheme {
     const light_border = Color.rgb(220, 220, 225);
 
     return .{
-        // Backgrounds: subtle tint of base color (3% base, 97% white)
+        // Backgrounds: Z-Design V2 - panel siempre tiene su "identidad"
+        // Focus: 3% base, 97% white
         .fondo_con_focus = base.blendTowards(white, 97),
-        .fondo_sin_focus = white,
+        // Sin focus: 1% base, 99% white (sutil pero presente)
+        .fondo_sin_focus = base.blendTowards(white, 99),
 
         // Text: high contrast
         .datos = black,