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

Increase light icon surface contrast

This commit is contained in:
DCCONSTRUCTIONS 2026-07-11 10:25:55 +03:00
parent 2907244caf
commit a42d2ecd46
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
apps/catalog/src/styles.css
View File

@ -366,6 +366,17 @@ textarea {
color: var(--nodedc-text-primary); color: var(--nodedc-text-primary);
} }
[data-nodedc-theme="light"] .catalog-icon-catalog .catalog-icon-tile__surface,
[data-nodedc-theme="light"] .catalog-icon-catalog .nodedc-icon-button {
background: color-mix(in srgb, var(--nodedc-text-primary) 9%, white);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--nodedc-text-primary) 4%, transparent);
}
[data-nodedc-theme="light"] .catalog-icon-catalog .nodedc-icon-button:hover,
[data-nodedc-theme="light"] .catalog-icon-catalog .nodedc-icon-button:focus-visible {
background: color-mix(in srgb, var(--nodedc-text-primary) 13%, white);
}
.catalog-header-theme-switch { .catalog-header-theme-switch {
box-shadow: inset 0 1px 0 color-mix(in srgb, white 22%, transparent), var(--nodedc-glass-control-shadow); box-shadow: inset 0 1px 0 color-mix(in srgb, white 22%, transparent), var(--nodedc-glass-control-shadow);
} }