chore(eidos): fold color-picker neutral hovers into the --state-* layer

color-picker.css is clean (committed in 72e8fb57), so the deferred color-picker fold is
unblocked. The trigger + eye-dropper neutral hovers move from bespoke
--color-picker-{trigger,eye-dropper}-hover-bg to the shared state layer:

  background: var(--color-picker-trigger-hover-bg)
  -> background-image: linear-gradient(var(--state-hover), var(--state-hover))

The trigger is filled (--color-picker-trigger-bg base), so the tint overlays via
background-image (not background, which would replace the base). Kept the border-color /
text-color hover shifts. Removed the 2 now-orphan recipe tokens + regenerated base.css.

Leaves tabs as the only neutral component still on a bespoke hover (blocked by the other
session's tabs.css WIP).

Verified: color-picker hover tokens gone from base.css; color-picker.css uses --state-hover
x2; eidos suite 15 failed (pre-existing, unchanged) / 255 passed.
menubar-v4-safe
dev 3 months ago
parent 7ec04d43b6
commit 3daa0e218e

@ -161,7 +161,7 @@
}
[data-color-picker-trigger]:hover:not([data-disabled]) {
background: var(--color-picker-trigger-hover-bg);
background-image: linear-gradient(var(--state-hover), var(--state-hover));
border-color: var(--color-picker-trigger-hover-border);
}
@ -577,7 +577,7 @@
}
[data-color-picker-eye-dropper]:hover:not([data-disabled]):not([data-unsupported]) {
background: var(--color-picker-eye-dropper-hover-bg);
background-image: linear-gradient(var(--state-hover), var(--state-hover));
color: var(--color-picker-eye-dropper-hover-color);
}

@ -1520,7 +1520,6 @@
--color-picker-trigger-border: var(--color-border-default);
--color-picker-trigger-bg: var(--color-surface-default);
--color-picker-trigger-color: var(--color-content-primary);
--color-picker-trigger-hover-bg: var(--color-surface-overlay);
--color-picker-trigger-hover-border: var(--color-border-strong);
--color-picker-trigger-swatch-size-sm: calc(var(--control-height-sm) - var(--space-2));
--color-picker-trigger-swatch-size-md: calc(var(--control-height-md) - var(--space-2));
@ -1548,7 +1547,6 @@
--color-picker-eye-dropper-radius: var(--radius-md);
--color-picker-eye-dropper-bg: transparent;
--color-picker-eye-dropper-color: var(--color-content-secondary);
--color-picker-eye-dropper-hover-bg: var(--color-surface-overlay);
--color-picker-eye-dropper-hover-color: var(--color-content-primary);
--color-picker-hue-0: hsl(0, 100%, 50%);
--color-picker-hue-60: hsl(60, 100%, 50%);

@ -1402,7 +1402,6 @@ export const THEME_BASE_RECIPE_TOKENS = {
'trigger-border': 'var(--color-border-default)',
'trigger-bg': 'var(--color-surface-default)',
'trigger-color': 'var(--color-content-primary)',
'trigger-hover-bg': 'var(--color-surface-overlay)',
'trigger-hover-border': 'var(--color-border-strong)',
'trigger-swatch-size-sm': 'calc(var(--control-height-sm) - var(--space-2))',
'trigger-swatch-size-md': 'calc(var(--control-height-md) - var(--space-2))',
@ -1445,7 +1444,6 @@ export const THEME_BASE_RECIPE_TOKENS = {
'eye-dropper-radius': 'var(--radius-md)',
'eye-dropper-bg': 'transparent',
'eye-dropper-color': 'var(--color-content-secondary)',
'eye-dropper-hover-bg': 'var(--color-surface-overlay)',
'eye-dropper-hover-color': 'var(--color-content-primary)',
// Hue spectrum — drives the hue ring + saturation overlay. These

Loading…
Cancel
Save

Powered by TurnKey Linux.