OddContrast

OddBird's color contrast checker for modern CSS color formats

Developing

To develop with local versions of Node/Yarn, first install the frontend dependencies with yarn install, then:

yarn serve

# or start the server and open the app in a new browser tab
yarn serve --open

Developing (Docker-based)

If you are using VS Code devcontainers to manage Node/Yarn versions, open the project folder and run "Re-open in container", then:

yarn serve

# or start the server and open the app in a new browser tab
yarn serve --open

Building

To create a production version of your app:

yarn build

You can preview the production build with yarn preview.

Deploying

The staging site is automatically deployed via Netlify to https://www.oddcontrast.com/ every time a commit is made on the main branch.

---

Sponsor OddBird's OSS Work

At OddBird, we love contributing to the languages & tools developers rely on. We're currently working on polyfills for new Popover & Anchor Positioning functionality, as well as CSS specifications for functions, mixins, and responsive typography. Help us keep this work sustainable and centered on your needs as a developer! We display sponsor logos and avatars on our website.

Sponsor OddBird's OSS Work