Home

ColorX Wiki

ColorX generates WCAG 2.1 and APCA-compliant light and dark themes from a single hex color. Built with React 19, TypeScript, Tailwind CSS v4, shadcn/ui, and Motion.

colorx.dev | GitHub

Pages

• Features -- Generator, site-wide modes (dark, a11y, low carbon)
• Preferences Architecture -- How dark/a11y/low carbon state is managed
• Animation -- Motion integration with Tailwind and shadcn/ui
• Accessibility -- Baseline a11y built into the site
• Generated Tokens -- The 15 design tokens and their purpose
• Project Structure -- Full file tree
• Core Library API -- Using @colorx/core standalone
• SEO -- Checklist and implementation files
• Roadmap -- v2 Figma Plugin, v3 GitHub Action