LEDGERMACHINE

LM-TOKEN-001

Replace hardcoded CSS values with design tokens

A direct visual value resolves to exactly the same value as a declared token.

What Ledgermachine reports

Value matches a declared token

Decision, not automatic repair

Use the token unless the direct value must remain independent from theme or system changes.

Source example

What this finding can look like

The exact candidate comes from the project’s own tokens and repeated values. This example shows the shape of the issue, not a universal replacement.

Flagged source
:root { --ink: #1a1a1a; }
.card { color: #1a1a1a; }
One possible resolution
.card { color: var(--ink); }

Resolution workflow

Fix the source without erasing intent

  1. Inspect

    Review every reported occurrence and the established candidates Ledgermachine found in the same project.

  2. Decide

    Use the token unless the direct value must remain independent from theme or system changes.

  3. Verify

    Make the change in your editor or coding agent, then rescan. Ledgermachine stays read-only and records whether the finding cleared.

Run it on your source

See the evidence behind this rule.

Open a folder locally, inspect the exact occurrences, and decide whether to repair or preserve the difference.

Open Ledgermachine