Module:Color/doc: Difference between revisions
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
#* Check whether the colors will look good on light or dark mode using [https://webaim.org/resources/contrastchecker/ WebAIM's Contrast Checker]. Currently, our light mode background color is <code>#fff</code> and our dark mode background color is <code>#111a20</code>. If the colors fail multiple checks on one mode, try tweaking it. | #* Check whether the colors will look good on light or dark mode using [https://webaim.org/resources/contrastchecker/ WebAIM's Contrast Checker]. Currently, our light mode background color is <code>#fff</code> and our dark mode background color is <code>#111a20</code>. If the colors fail multiple checks on one mode, try tweaking it. | ||
#* You have to add the light mode colors to the light mode block (starts at the top) and the dark mode colors to the dark mode block (starts around line 100). | #* You have to add the light mode colors to the light mode block (starts at the top) and the dark mode colors to the dark mode block (starts around line 100). | ||
#* Now add | #* Now add the rules to implement the colors to the block starting around line 260 titled <code><nowiki>/* [[Template:Color]] */</nowiki></code>. Use [https://regex101.com/r/ggG9d6/1/substitution this] to generate the code (or hit Substitution on the left sidebar of the previous link you used). | ||
# In this module, update <code>local colors</code> table starting at line 7 with your new color(s). ([https://regex101.com/r/T2PPB2/1/list-substitution here you go]) | # In this module, update <code>local colors</code> table starting at line 7 with your new color(s). ([https://regex101.com/r/T2PPB2/1/list-substitution here you go]) | ||