VBC-208: hardcoded-colors

warning

Category: ux-dx
Analysis: Regex (line by line)
File types: .css, .scss
Scope: source code only, ignoring anything inside strings and comments
Excluded paths: **/theme.css, **/vars.css, **/variables.css, **/tokens.css, **/*.tokens.*
Tags: design maintainability

What it reports

Hardcoded color value detected at line {line}. Consider using a CSS variable or theme token.

Flagged

.card { color: #ff0044; }

.card { background-color: #ff0044; }

.card { --gap: 4px; color: #ff0044; }

Not flagged

.card { color: var(--text); }

.card { color: #ff0044; }

:root { --text-color: #1a202c; }

  --background-color: rgba(18, 18, 18, 0.85);

$brand-color: #ff0044;

Pattern

(?<!(?:--|[$@])[\w-]{0,40})color:\s*(#[0-9a-fA-F]{3,6}|rgba?\(.*?\))