# Whole-file skips for scripts/check-design-token-usage.mjs (run: npm run check:design-token-usage). # Prefer design tokens or a line-level // ds:allow-hardcoded-color comment. # List a path only when the file must contain raw colors by design (whole module is the exception). # # WordCarousel — default marketing gradient uses fixed brand hex; pass `gradient` for token-based styling. src/components/ui/WordCarousel/WordCarousel.tsx # # Terminal — @xterm/xterm ITheme requires hex strings for theme colors. src/components/Terminal/index.tsx # # ColorPicker — HSV UI requires fixed gradients / hex placeholder. src/components/ui/colorPicker.tsx # # Install progress bar (src/components/ui/progress-install.tsx) and similar: use CSS vars only — no entry needed. # # Electron shell surfaces use fixed native colors in preload HTML and BrowserWindow options. electron/main/index.ts electron/main/fileReader.ts electron/preload/index.ts # # Animation assets — demo/preview components use hardcoded colors intentionally for visual fidelity. src/assets/animation/project/ProjectWorkspaceDisplay.tsx src/assets/animation/workspace/WorkspaceDisplay.tsx # # OnboardingSteps — theme accent swatches must reference exact brand hex values from the theme catalog. src/components/InstallStep/OnboardingSteps.tsx