Cool-Contrast

Cool-Contrast copied to clipboard

Features

• 🔎 Feedback on contrast ratio and compliance levels.
• ⚡️ Suggestions to enhance your colors contrast.
• 👀 Preview the results with samples, such as a minimalistic page or a set of UI elements.
• 🎨 Editing in different color spaces.

Install

Install packages

npm install

Run to generate panda-css output

npm run panda:prepare

Start the dev server

npm run dev

Building

npm run panda:prepare && npm run build

Testing

# execute test suites
npm run test

# generates code coverage reports
npm run test:coverage

License

MIT License © 2023-2024-Present Alex Garrixen