Replies: 2 comments
-
This is an amazing idea. You should 100% PR |
Beta Was this translation helpful? Give feedback.
0 replies
-
This is really cool, accessibilty is very important. |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I use these colors which are tested for colorblindness and verified with several folks as well, these are effective and everyone can distinguish these colors from each other. If it's possible implement these
This is how the colors look on a dark background:
![image](https://private-user-images.githubusercontent.com/20576094/246080876-d9a08733-1307-421f-bddf-a4ebd3945cfe.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQyNzU0ODAsIm5iZiI6MTcyNDI3NTE4MCwicGF0aCI6Ii8yMDU3NjA5NC8yNDYwODA4NzYtZDlhMDg3MzMtMTMwNy00MjFmLWJkZGYtYTRlYmQzOTQ1Y2ZlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIxVDIxMTk0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI2NDQ2OWFlNjAyODYzOWNiZDY4ZTdiN2EwYmIxNTViNTgxNzE3MTNlNjkzM2U0MGE3MDY5N2JhNmZiY2VlY2YmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.4bYWCzIl1Yw-naMPpBagGS64WbnmY256x6hgoi359Vo)
This is how the colors look on a light background:
![image](https://private-user-images.githubusercontent.com/20576094/246081664-21579666-82de-47a4-8fa7-c52107617146.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQyNzU0ODAsIm5iZiI6MTcyNDI3NTE4MCwicGF0aCI6Ii8yMDU3NjA5NC8yNDYwODE2NjQtMjE1Nzk2NjYtODJkZS00N2E0LThmYTctYzUyMTA3NjE3MTQ2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIxVDIxMTk0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE0YzU3Nzg3MGFmMDk1MTJkOWUyMmJhM2U1NTc3MjYxZmU4MjlmNTllYzA1NjkwM2FjMjkwZmU4OTE1M2YyODAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.sztfu4x75FHuhxZOiICFTAH1bdWZfBHDLGd5NOCtm7Q)
Colors: https://gist.github.com/TracingInsights/53bb75a12d232d7a2e5293b6ac886d44
F1 Api has different team names to Ergast. Both are included in the code
If you would like to simulate colorblindness, this tool helps with that: https://colororacle.org
Beta Was this translation helpful? Give feedback.
All reactions