fix(ui): format LIGHT tab main chips to bold and accent, unbold TONE CURVE and DYNAMIC RANGE sub-chips

This commit is contained in:
2026-10-07 18:22:07 +07:00
parent 347b66099a
commit 5dbcdd36e7
+27 -2
View File
@@ -152,11 +152,11 @@
text-align: center;
padding: 4px 2px;
font-size: 10px;
font-weight: 700;
font-weight: 400;
white-space: nowrap;
}
.chip-label {
font-weight: 700;
font-weight: 400;
letter-spacing: 0.02em;
}
.dev-box-title {
@@ -165,6 +165,31 @@
letter-spacing: 0.05em;
font-size: 11px;
}
/* LIGHT tab main panel chips: WB, TONE, PRESENCE, DETAIL & EFFECTS */
.dev-panel-head,
.dev-panel-label,
.chip[data-key="dev-wb"],
.chip[data-key="dev-tone"],
.chip[data-key="dev-presence"],
.chip[data-key="dev-effects"],
.chip[data-key^="dev-"] {
font-weight: 700;
color: var(--accent, #f59e0b);
}
.chip[data-key^="dev-"] .chip-label {
font-weight: 700;
}
/* Sub-chips that MUST NOT be bold: TONE CURVE, DYNAMIC RANGE sub-chips, COLOR CHROME sub-chips */
.chip[data-key="curve"],
.chip[data-key="curve"] .chip-label,
.dev-box[data-key="dev-box-dr"] .chip,
.dev-box[data-key="dev-box-dr"] .chip .chip-label,
.chip[data-key^="dr-"],
.chip[data-key^="dr-"] .chip-label,
.dev-box[data-key="dev-box-color-chrome"] .chip,
.dev-box[data-key="dev-box-color-chrome"] .chip .chip-label {
font-weight: 400 !important;
}
.chip-row.grid .chip {
justify-content: center; text-align: center;
/* Two of these share the column's width, so each is its own small card: the