fix(eidos): consistent surface ladder light/dark — overlay above muted (P3-11)

In the base light theme `overlay` was neutral-3, identical to `muted` (neutral-3),
so popovers/menus/dialogs were indistinguishable from muted panels in light mode.
Dark already had overlay=neutral-4. Light overlay -> neutral-4 makes the elevation
ladder consistent across both modes: default(1) < raised(2) < muted(3) < overlay(4).

Verified in browser (light popover): overlay L93% now distinct from muted L95.5% and
default L99% (was overlay == muted). Dark unchanged. generated/base.css regenerated.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
active-uix
dev 4 months ago
parent cd8343849d
commit 76e1877281

@ -114,7 +114,7 @@ definiciones vs referencias). Orden de prioridad para empezar a resolver.
- **P3-8** · `index.ts` re-exporta los render-fns crudos (duplican la API de la clase, sin gating).
- **P3-9** · `editable._accent-solid-hover` se salta los forwarders del recipe (`base.ts:2652-2661`); forwarders huérfanos varios (select/tags-input/editable) sobreviven al test de orphans por la cadena `_accent-*`.
- **P3-10** · Words `rail-bg/border` son hex literales (`base.ts:2726-2727`) — intencional (margen de papel fixed-tone), pero no adapta a dark.
- **P3-11** · Asimetría light/dark: `overlay` usa neutral-3 (light) vs neutral-4 (dark), `muted` neutral-3 en ambos → la relación muted/overlay cambia entre modos (`themes/base.ts:374-408`).
- **P3-11** · ✅ _(resuelto 2026-06-05)_ Asimetría light/dark de superficies: light `overlay` era `neutral-3` == `muted` (popovers indistinguibles de paneles muted); dark ya tenía `overlay=neutral-4`. Light `overlay` → `neutral-4` → ladder consistente en ambos modos: `default(1) < raised(2) < muted(3) < overlay(4)`. Verificado en navegador (popover light: overlay L93% distinto de muted L95.5% / default L99%).
---

@ -6362,7 +6362,7 @@
--color-loss-surface-hover: var(--primitive-loss-a3);
--color-surface-default: var(--primitive-neutral-1);
--color-surface-raised: var(--primitive-neutral-2);
--color-surface-overlay: var(--primitive-neutral-3);
--color-surface-overlay: var(--primitive-neutral-4);
--color-surface-muted: var(--primitive-neutral-3);
--color-overlay: rgb(28 25 23 / 0.42);
--color-content-primary: var(--primitive-neutral-12);

@ -388,7 +388,10 @@ export const THEME_BASE_LIGHT_COLOR_SEMANTICS: Pick<
surface: {
default: 'var(--primitive-neutral-1)',
raised: 'var(--primitive-neutral-2)',
overlay: 'var(--primitive-neutral-3)',
// overlay sits ABOVE muted (consistent ladder default<raised<muted<overlay,
// matching dark). Was neutral-3 == muted, so popovers/menus were
// indistinguishable from muted panels in light mode.
overlay: 'var(--primitive-neutral-4)',
muted: 'var(--primitive-neutral-3)',
backdrop: 'rgb(28 25 23 / 0.42)'
},

Loading…
Cancel
Save

Powered by TurnKey Linux.