GitHub - AlexGarrixen/Cool-Contrast: Inspect the contrast in color combinations, making sure to comply with the accessibility guidelines established by WCAG.

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 packages

npm install

Run to generate panda-css output

npm run panda:prepare

Start the dev server

npm run dev

npm run panda:prepare && npm run build

# execute test suites
npm run test

# generates code coverage reports 
npm run test:coverage

Name		Name	Last commit message	Last commit date
Latest commit History 131 Commits
.github/workflows		.github/workflows
.husky		.husky
.storybook		.storybook
public		public
src		src
theme		theme
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
.prettierrc		.prettierrc
.svgrrc		.svgrrc
CHANGELOG.md		CHANGELOG.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
CONTRIBUTING.md		CONTRIBUTING.md
LICENSE		LICENSE
README.md		README.md
commitlint.config.js		commitlint.config.js
jest.config.ts		jest.config.ts
jest.setup.ts		jest.setup.ts
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
panda.config.ts		panda.config.ts
postcss.config.cjs		postcss.config.cjs
tsconfig.json		tsconfig.json