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,