forge-dark
/forge-dark — Dark Mode Generation
Generate dark mode by remapping tokens:
Light mode surface (palette.50) → Dark mode surface (palette.950) Light mode text (palette.900) → Dark mode text (palette.50) Accent colors may shift 1-2 stops lighter to maintain contrast
Output as:
- CSS @media (prefers-color-scheme: dark) block
- Updated .forge.json with dark mode token set
Rules:
- Not color inversion — proper surface/text remapping
- Preserve contrast ratios from light mode
- Reduce shadow intensity (shadows are less visible on dark)
- Use surface color shifts instead of shadows for elevation
More from dragoon0x/forge
forge-init
Generate a complete design system from a brand color and project type. Creates .forge.json with palette, tokens, type scale, spacing, shadows, and radii. This is the starting command — everything else references what it generates.
1forge-spacing
Regenerate the spacing scale from your system's base unit. Outputs 13 steps from 4px to 128px.
1forge-grid
Snap all spacing values in the codebase to your system's grid. Replaces arbitrary padding, margin, and gap values.
1forge-rhythm
Enforce vertical rhythm using your system's baseline grid. Ensures heading margins, paragraph spacing, and section padding are multiples of the baseline.
1forge-diff
Show the difference between your .forge.json design system and what's actually in the code. Lists every value that drifts from the system.
1forge-type
Regenerate the type scale from your .forge.json ratio and base size. Outputs 8 steps with px values and CSS custom properties.
1