SILVER/NODEDC_DESIGN_GUIDELINE
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Keep browser autofill within canonical field colors

Browse Source
This commit is contained in:
Codex
2026-09-07 21:06:00 +03:00
parent 5b882bc3d9
commit 26a1bf72a2
4 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui-core/styles.css
+14
View File
@@ -350,6 +350,20 @@
box-shadow: var(--nodedc-glass-control-shadow), inset 0 0 0 1px rgb(var(--nodedc-accent-rgb) / 0.22);
}
/* Browsers enforce their autofill background with an internal !important rule.
Paint the canonical field material above it; keep text, caret and keyboard
focus in the same theme as manually entered values. */
.nodedc-field__control:is(:autofill, :-webkit-autofill) {
-webkit-text-fill-color: var(--nodedc-text-primary);
caret-color: var(--nodedc-text-primary);
box-shadow: inset 0 0 0 100vmax var(--nodedc-field-bg);
}
.nodedc-field__control:is(:autofill, :-webkit-autofill):focus-visible {
box-shadow: inset 0 0 0 1px rgb(var(--nodedc-accent-rgb) / 0.22),
inset 0 0 0 100vmax var(--nodedc-field-bg);
}
textarea.nodedc-field__control {
min-height: 6rem;
padding-block: 0.85rem;