fix(ui): distinct field background at idle, not just on hover
Fields previously used a transparent idle fill (a misread of Figma, whose inputs actually keep a visible fill at idle). Editable controls now read as controls: idle fill #383838 (dark) / #f0f1f3 (light), one step up from the panel, with a slightly stronger hover and the accent focus border.
This commit is contained in:
parent
d06a8a7049
commit
49828cdac1
|
|
@ -31,8 +31,8 @@
|
|||
@theme {
|
||||
--color-panel: #2a2a2a;
|
||||
--color-panel-secondary: #242424;
|
||||
--color-panel-field: transparent;
|
||||
--color-panel-field-hover: #383838;
|
||||
--color-panel-field: #383838;
|
||||
--color-panel-field-hover: #404040;
|
||||
--color-panel-focus: #3b82f6;
|
||||
--color-panel-selected: #2f6fdd;
|
||||
--color-panel-selected-muted: #3d4450;
|
||||
|
|
@ -68,8 +68,8 @@
|
|||
html[data-theme='light'] {
|
||||
--color-panel: #ffffff;
|
||||
--color-panel-secondary: #f7f8fa;
|
||||
--color-panel-field: transparent;
|
||||
--color-panel-field-hover: #eceef1;
|
||||
--color-panel-field: #f0f1f3;
|
||||
--color-panel-field-hover: #e4e7ea;
|
||||
--color-panel-focus: #2563eb;
|
||||
--color-panel-selected: #2563eb;
|
||||
--color-panel-selected-muted: #e5e7eb;
|
||||
|
|
|
|||
Loading…
Reference in a new issue