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

Separate light icon glyph and surface contrast

This commit is contained in:
DCCONSTRUCTIONS 2026-07-11 10:36:27 +03:00
parent a42d2ecd46
commit 77a8a32ff6
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -368,13 +368,15 @@ textarea {
[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);
background: #dedee0;
color: var(--nodedc-text-secondary);
box-shadow: inset 0 0 0 1px #d2d2d5;
}
[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);
background: #d4d4d7;
color: var(--nodedc-text-secondary);
}
.catalog-header-theme-switch {