1import data from "./fixture.json";2import { css } from "styled-system/css";
Violations
27 counted, under 7 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:30:24 · gray.200`gray.200` is a palette shade: it ignores the theme. Use a semantic color token.
page.tsx:37:36 · gray.600`gray.600` is a palette shade: it ignores the theme. Use a semantic color token.
page.tsx:56:45 · green.700`green.700` is a palette shade: it ignores the theme. Use a semantic color token.
page.tsx:56:59 · red.700`red.700` is a palette shade: it ignores the theme. Use a semantic color token.
page.tsx:77:76 · gray.200`gray.200` is a palette shade: it ignores the theme. Use a semantic color token.
page.tsx:92:36 · gray.100`gray.100` is a palette shade: it ignores the theme. Use a semantic color token.
Steps
One row per model call, with the tools it asked for. An agent that reads the guidelines before writing shows it here; what a checker or submit_view answered is under its call.
page.tsx:1:1 · <td class="p_2 ta_right white-space_nowrap fw_medium c_red.600">-€13.99</td>Elements must meet minimum color contrast ratio thresholds (8 elements, dark theme)
page.tsx:1:1 · <span class="ml_2 px_2 py_0.5 bdr_full fs_xs fw_semibold bg_yellow.100 c_yellow.800">Pending</span>Elements must meet minimum color contrast ratio thresholds (10 elements, light theme)