Content deleted Content added
→Medal colors for gold/silver/bronze: Added example |
|||
Line 1,469:
:As I said in my talk page, I also find the current color contrast troubling, and thank Simeon for starting this discussion. Both options mentioned are doable. Changing the colors to lighter one could be done very easily. Creating an option for lighter ones is also an option, and I've already written the code for it and tested it. I haven't submitted it because I was wondering myself if it is a good solution, or should the lighter colors should be the only option. As this is a widely used module, I'd like to invite more people to take part in this discussion. [[User:CLalgo|CLalgo]] ([[User talk:CLalgo|talk]]) 20:25, 30 June 2022 (UTC)
::{{re|Simeon}} Here is an example of the current version and an alternative with lighter colors, and their contrasts:
::{| class=wikitable style="border: none; background: none;"
|-
|+ style="font-size:140%"| Current version
|-
! rowspan=2 colspan=3| Examples
| rowspan=7 style="width:15px; border: none; background: none;"|
! colspan=3| AA Compliant
| rowspan=7 style="width:15px; border: none; background: none;"|
! colspan=3| AAA Compliant
| rowspan=7 style="width:15px; border: none; background: none;"|
! colspan=3| Ref.
|-
! {{Gold1}} !! {{Silver2}} !! {{Bronze3}}
! {{Gold1}} !! {{Silver2}} !! {{Bronze3}}
! {{Gold1}} !! {{Silver2}} !! {{Bronze3}}
|- style="color:#0645AD"
| bgcolor=gold| '''Unvisited''' links
| bgcolor=silver| '''Unvisited''' links
| bgcolor=#C96| '''Unvisited''' links
| {{ya}} || {{ya}} || {{na}}
| {{na}} || {{na}} || {{na}}
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0645AD,bg=FFD700]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0645AD,bg=C0C0C0]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0645AD,bg=CC9966]
|- style="color:#0B0080"
| bgcolor=gold| '''Visited''' links
| bgcolor=silver| '''Visited''' links
| bgcolor=#C96| '''Visited''' links
| {{ya}} || {{ya}} || {{ya}}
| {{ya}} || {{ya}} || {{na}}
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0B0080,bg=FFD700]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0B0080,bg=C0C0C0]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0B0080,bg=CC9966]
|- style="color:#BA0000"
| bgcolor=gold| '''Unvisited''' red-links
| bgcolor=silver| '''Unvisited''' red-links
| bgcolor=#C96| '''Unvisited''' red-links
| {{ya}} || {{na}} || {{na}}
| {{na}} || {{na}} || {{na}}
| [https://snook.ca/technical/colour_contrast/colour.html#fg=BA0000,bg=FFD700]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=BA0000,bg=C0C0C0]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=BA0000,bg=CC9966]
|- style="color:#A55858"
| bgcolor=gold| '''Visited''' red-links
| bgcolor=silver| '''Visited''' red-links
| bgcolor=#C96| '''Visited''' red-links
| {{na}} || {{na}} || {{na}}
| {{na}} || {{na}} || {{na}}
| [https://snook.ca/technical/colour_contrast/colour.html#fg=A55858,bg=FFD700]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=A55858,bg=C0C0C0]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=A55858,bg=CC9966]
|-
| bgcolor=gold| '''No''' link
| bgcolor=silver| '''No''' link
| bgcolor=#C96| '''No''' link
| {{ya}} || {{ya}} || {{ya}}
| {{ya}} || {{ya}} || {{ya}}
| [https://snook.ca/technical/colour_contrast/colour.html#fg=000000,bg=FFD700]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=000000,bg=C0C0C0]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=000000,bg=CC9966]
|}
----
::{| class=wikitable style="border: none; background: none;"
|-
|+ style="font-size:140%"| Light-color version
|-
! rowspan=2 colspan=3| Examples
| rowspan=7 style="width:15px; border: none; background: none;"|
! colspan=3| AA Compliant
| rowspan=7 style="width:15px; border: none; background: none;"|
! colspan=3| AAA Compliant
| rowspan=7 style="width:15px; border: none; background: none;"|
! colspan=3| Ref.
|-
! {{Gold1}} !! {{Silver2}} !! {{Bronze3}}
! {{Gold1}} !! {{Silver2}} !! {{Bronze3}}
! {{Gold1}} !! {{Silver2}} !! {{Bronze3}}
|- style="color:#0645AD"
| bgcolor=F7F6A8| '''Unvisited''' links
| bgcolor=DCE5E5| '''Unvisited''' links
| bgcolor=FFDAB9| '''Unvisited''' links
| {{ya}} || {{ya}} || {{ya}}
| {{ya}} || {{na}} || {{na}}
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0645AD,bg=F7F6A8]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0645AD,bg=DCE5E5]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0645AD,bg=FFDAB9]
|- style="color:#0B0080"
| bgcolor=F7F6A8| '''Visited''' links
| bgcolor=DCE5E5| '''Visited''' links
| bgcolor=FFDAB9| '''Visited''' links
| {{ya}} || {{ya}} || {{ya}}
| {{ya}} || {{ya}} || {{ya}}
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0B0080,bg=F7F6A8]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0B0080,bg=DCE5E5]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=0B0080,bg=FFDAB9]
|- style="color:#BA0000"
| bgcolor=F7F6A8| '''Unvisited''' red-links
| bgcolor=DCE5E5| '''Unvisited''' red-links
| bgcolor=FFDAB9| '''Unvisited''' red-links
| {{ya}} || {{ya}} || {{ya}}
| {{na}} || {{na}} || {{na}}
| [https://snook.ca/technical/colour_contrast/colour.html#fg=BA0000,bg=F7F6A8]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=BA0000,bg=DCE5E5]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=BA0000,bg=FFDAB9]
|- style="color:#A55858"
| bgcolor=F7F6A8| '''Visited''' red-links
| bgcolor=DCE5E5| '''Visited''' red-links
| bgcolor=FFDAB9| '''Visited''' red-links
| {{ya}} || {{na}} || {{na}}
| {{na}} || {{na}} || {{na}}
| [https://snook.ca/technical/colour_contrast/colour.html#fg=A55858,bg=F7F6A8]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=A55858,bg=DCE5E5]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=A55858,bg=FFDAB9]
|-
| bgcolor=F7F6A8| '''No''' link
| bgcolor=DCE5E5| '''No''' link
| bgcolor=FFDAB9| '''No''' link
| {{ya}} || {{ya}} || {{ya}}
| {{ya}} || {{ya}} || {{ya}}
| [https://snook.ca/technical/colour_contrast/colour.html#fg=000000,bg=F7F6A8]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=000000,bg=DCE5E5]
| [https://snook.ca/technical/colour_contrast/colour.html#fg=000000,bg=FFDAB9]
|}
| |||