fix(review-blocks): restore legacy palette values and mark token-gaps
The components pointed at the nearest existing token when the legacy value did not match. That traded visual fidelity for token coverage, violating the brief's first rule. Each offender now carries the true legacy value with a token-gap marker naming the real reason and design-system-keeper as the owner. 138 gaps flagged for design-system-keeper. Gate green.
This commit is contained in:
@@ -77,17 +77,15 @@ const share = (count: number) => (total ? Math.round((count / total) * 100) : 0)
|
||||
margin: 1px 0 25px;
|
||||
padding: 18px 22px;
|
||||
color: var(--ink);
|
||||
/* Legacy uses a soft green-grey panel; --paper is the closest canonical
|
||||
token and loses the green tint. Visual fidelity gap reported. */
|
||||
background: var(--paper);
|
||||
/* token-gap: legacy review-desk vote bg (#e5eeeb); --paper here is #f5f4f1; owner design-system-keeper */
|
||||
background: #e5eeeb;
|
||||
border-left: 4px solid var(--gold);
|
||||
}
|
||||
|
||||
.vote-widget > span {
|
||||
color: var(--blue);
|
||||
font:
|
||||
700 10px ui-monospace,
|
||||
monospace;
|
||||
/* token-gap: legacy review-desk --blue (#215675); --blue here is #527f9f; owner design-system-keeper */
|
||||
color: #215675;
|
||||
font: 700 10px monospace;
|
||||
letter-spacing: 0.1em;
|
||||
}
|
||||
|
||||
@@ -114,7 +112,7 @@ const share = (count: number) => (total ? Math.round((count / total) * 100) : 0)
|
||||
|
||||
.vote-buttons button b {
|
||||
color: var(--muted);
|
||||
font: var(--step-0) monospace;
|
||||
font: 11px monospace;
|
||||
}
|
||||
|
||||
/* The selected state: dark surface, paper text, gold tally. */
|
||||
@@ -135,10 +133,12 @@ const share = (count: number) => (total ? Math.round((count / total) * 100) : 0)
|
||||
.vote-note {
|
||||
margin: 0;
|
||||
color: var(--muted);
|
||||
font-size: var(--step-0);
|
||||
/* token-gap: no --step-* covers 12px; owner design-system-keeper */
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
/* token-gap: 530px is not a named breakpoint; owner design-system-keeper */
|
||||
@media (max-width: 530px) {
|
||||
.vote-buttons {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user