samrobbins85 / colour-a11y-for-tailwind

Check the accessibility of tailwind colours on your background
https://colour-a11y.vercel.app
MIT License
19 stars 4 forks source link

Feature: adding custom background colour input for easier contrast check #32

Closed luuu-xu closed 1 year ago

luuu-xu commented 1 year ago

I love the idea of this web app! Great job creating this and making it super pretty too!

Can we add a custom background colour input for both light mode and dark mode, instead of the default white and black? I believe adding this input would help a lot of developers to choose appropriate colour for meeting AA or AAA rating (because I have been using coolors etc and simply copying and pasting from Tailwind docs...)

I would also love to work on this feature myself!

samrobbins85 commented 1 year ago

Yeah that'd be great thanks!

luuu-xu commented 1 year ago

@samrobbins85 I just created the PR and please take a look. I also think it is another good feature if we can change the scores' text colours to, let's say, for AAA you get #22C55E green, and for AA you get #FACC15, and for Fail you get #EF4444. What do you think?

luuu-xu commented 1 year ago

@samrobbins85 Hi just let me know what you think about the PR and my proposed new feature too! I would love to make this tool better and more useful and share it with everyone focused on a11y and colour contrast with Tailwind!

samrobbins85 commented 1 year ago

Hi, sorry I've been quite busy recently, I'll try to take a look at it this week

samrobbins85 commented 1 year ago

Looks great, merged