https://research.moraleconomy.au/index.php?action=history&feed=atom&title=MediaWiki%3AGadget-colorblind2.css 2026-04-25T09:22:44Z Revision history for this page on the wiki MediaWiki 1.43.0 https://research.moraleconomy.au/index.php?title=MediaWiki:Gadget-colorblind2.css&diff=6987&oldid=prev 2025-07-28T21:17:22Z

<p>eyedropped colors</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 21:17, 28 July 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>/* red/green colorblind <del style="font-weight: bold; text-decoration: none;">simulation </del>for hue.css - this one is daltonized and shows you what colorblind.css "actually" looks like. (approximately) */</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>/* <ins style="font-weight: bold; text-decoration: none;">simulation of </ins>red/green colorblind <ins style="font-weight: bold; text-decoration: none;">perception </ins>for hue.css - this one is daltonized and shows you what colorblind.css "actually" looks like. (approximately) */</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>/* colorblind.css should be tested with a browser extension that shifts the colors. this one does not need to be used that way. */</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>/* colorblind.css should be tested with a browser extension that shifts the colors. <ins style="font-weight: bold; text-decoration: none;">(unfortunately these can have bugs.) </ins>this one does not need to be used that way. */</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  /* general categories */</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  /* general categories */</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_nations  { border-color: <del style="font-weight: bold; text-decoration: none;">asdfasdfasdfsdf </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_nations  { border-color: <ins style="font-weight: bold; text-decoration: none;">#797979 </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#b1a881 </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_exstruct { border-color: <del style="font-weight: bold; text-decoration: none;">asdfasdfasdfsdf </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_exstruct { border-color: <ins style="font-weight: bold; text-decoration: none;">#5d5c55 </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#bfc8e0 </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_trotsky  { background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_trotsky  { background: <ins style="font-weight: bold; text-decoration: none;">#e1d28e </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_gramsci  { border-color: <del style="font-weight: bold; text-decoration: none;">asdfasdfasdfsdf </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_gramsci  { border-color: <ins style="font-weight: bold; text-decoration: none;">#514f40 </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#7aa4fc </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_mdem    { border-color: <del style="font-weight: bold; text-decoration: none;">asdfasdfasdfsdf </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_mdem    { border-color: <ins style="font-weight: bold; text-decoration: none;">#22221c </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#81731c </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_anarchy  { border-color: <del style="font-weight: bold; text-decoration: none;">asdfasdfasdfsdf </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_anarchy  { border-color: <ins style="font-weight: bold; text-decoration: none;">#2e260d </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#2e3549 </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_fantasy  { border-color: <del style="font-weight: bold; text-decoration: none;">asdfasdfasdfsdf </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_fantasy  { border-color: <ins style="font-weight: bold; text-decoration: none;">#6c8ace </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#ebedf7 </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_horror  { border-color: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_horror  { border-color: <ins style="font-weight: bold; text-decoration: none;">#2a5595 </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#68779b </ins>!important; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  /* field_internal is fine */</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  /* field_internal is fine */</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_mage .bloc_earth, .hue.data_teadragon .suit_spring  { background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_mage .bloc_earth, .hue.data_teadragon .suit_spring  { background: <ins style="font-weight: bold; text-decoration: none;">#ccc08a </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_mage .bloc_sun, .hue.data_teadragon .suit_autumn    { background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_mage .bloc_sun, .hue.data_teadragon .suit_autumn    { background: <ins style="font-weight: bold; text-decoration: none;">#756800 </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_mage .bloc_sea    { background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_mage .bloc_sea    { background: <ins style="font-weight: bold; text-decoration: none;">#1c60b8 </ins>!important; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  /* bloc_steel and bloc_death look just fine already */</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  /* bloc_steel and bloc_death look just fine already */</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   </div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_teadragon .suit_spring { border-color: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_teadragon .suit_spring { border-color: <ins style="font-weight: bold; text-decoration: none;">#453d16 </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_teadragon .suit_summer { border-color: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_teadragon .suit_summer { border-color: <ins style="font-weight: bold; text-decoration: none;">#6c6016 </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#fee980 </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_teadragon .suit_autumn { border-color: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_teadragon .suit_autumn { border-color: <ins style="font-weight: bold; text-decoration: none;">#453d0d </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_teadragon .suit_winter { border-color: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_teadragon .suit_winter { border-color: <ins style="font-weight: bold; text-decoration: none;">#635a35 </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#adbade </ins>!important; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   </div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">  /* these are not finished on the colorblind sheet proper so I'll just leave them un-done</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_normal  { border-color: lknlkwjerkljwekr !important; background: lknlkwjerkljwekr !important; }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_normal  { border-color: lknlkwjerkljwekr !important; background: lknlkwjerkljwekr !important; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_fighting { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_fighting { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l36">Line 36:</td> <td colspan="2" class="diff-lineno">Line 37:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_dragon  { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_dragon  { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_dark    { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_dark    { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_fairy    { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_fairy    { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; } <ins style="font-weight: bold; text-decoration: none;">*/</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  /* these swatches kept being indistinguishable in practice, so I combined them */</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  /* these swatches kept being indistinguishable in practice, so I combined them<ins style="font-weight: bold; text-decoration: none;">. should colorblind editors have any better ideas for keeping swatches distinguishable, they can be separated again </ins>*/</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_geo, .hue.data_pkmn .element_flying  { border-color: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_geo, .hue.data_pkmn .element_flying  { border-color: <ins style="font-weight: bold; text-decoration: none;">#636875 </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#c8c2aa </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_ML, .hue.data_pkmn .element_fire  { border-color: <del style="font-weight: bold; text-decoration: none;">asdfasdfasdfsdf </del>!important;  background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue .field_ML, .hue.data_pkmn .element_fire  { border-color: <ins style="font-weight: bold; text-decoration: none;">#4f470d </ins>!important;  background: <ins style="font-weight: bold; text-decoration: none;">#6e684b </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_mage .bloc_earth, .hue.data_pkmn .element_grass  { background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_mage .bloc_earth, .hue.data_pkmn .element_grass  { background: <ins style="font-weight: bold; text-decoration: none;">#ccc08a </ins>!important; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  /* these were always the same on the regular stylesheet */</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  /* these were always the same on the regular stylesheet */</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_ice, .hue.data_adventuretime-2010 .element_ice  { border-color: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_pkmn .element_ice, .hue.data_adventuretime-2010 .element_ice  { border-color: <ins style="font-weight: bold; text-decoration: none;">#a0b7f2 </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#dae0f4 </ins>!important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_adventuretime-2010 .element_candy  { border-color: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; background: <del style="font-weight: bold; text-decoration: none;">lknlkwjerkljwekr </del>!important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .hue.data_adventuretime-2010 .element_candy  { border-color: <ins style="font-weight: bold; text-decoration: none;">#1c4784 </ins>!important; background: <ins style="font-weight: bold; text-decoration: none;">#a6a39a </ins>!important; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   </div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> /* these are untouched from colorblind.css */</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  ol.hue .field_trotsky, ol.hue .field_ML, ol.hue .field_mdem,</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  ol.hue .field_trotsky, ol.hue .field_ML, ol.hue .field_mdem,</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   ol.hue li.field_exstruct, ol.hue .field_nations,</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   ol.hue li.field_exstruct, ol.hue .field_nations,</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   ol.hue li.field_geo, ol.hue li.field_fantasy, ol.hue li.field_horror  { color: inherit; }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   ol.hue li.field_geo, ol.hue li.field_fantasy, ol.hue li.field_horror  { color: inherit; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  ol.hue li.number_empty  { color: white; }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>  ol.hue li.number_empty  { color: white; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>   </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>  .mw-body .hue .field_ML:before, .mw-body .hue .field_ML .figure, .mw-body .hue .field_anarchy:before, .mw-body .hue .field_anarchy .figure,</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  </del>.mw-body .hue .field_ML:before, .mw-body .hue .field_ML .figure, .mw-body .hue .field_anarchy:before, .mw-body .hue .field_anarchy .figure,</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .mw-body .hue.data_mage .bloc_death:before, .mw-body .hue.data_mage .bloc_death .figure,</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .mw-body .hue.data_mage .bloc_death:before, .mw-body .hue.data_mage .bloc_death .figure,</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .mw-body ol.hue .number_empty,  ol.hue .field_horror.element_empty:before  { color: #fafafa !important; }</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>   .mw-body ol.hue .number_empty,  ol.hue .field_horror.element_empty:before  { color: #fafafa !important; }</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  </del>.mw-body .hue .field_mdem:before, .mw-body .hue .field_mdem .figure  { color: #eeffe8 !important; }</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> </ins>.mw-body .hue .field_mdem:before, .mw-body .hue .field_mdem .figure  { color: #eeffe8 !important; }</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* [[Category:Fake Item lists]] */</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* [[Category:Fake Item lists]] */</div></td></tr> </table>

Reversedragon https://research.moraleconomy.au/index.php?title=MediaWiki:Gadget-colorblind2.css&diff=6986&oldid=prev 2025-07-28T21:04:03Z

<p>begin daltonized stylesheet</p> <p><b>New page</b></p><div>/* red/green colorblind simulation for hue.css - this one is daltonized and shows you what colorblind.css &quot;actually&quot; looks like. (approximately) */<br /> /* colorblind.css should be tested with a browser extension that shifts the colors. this one does not need to be used that way. */<br /> <br /> /* general categories */<br /> .hue .field_nations { border-color: asdfasdfasdfsdf !important; background: lknlkwjerkljwekr !important; }<br /> .hue .field_exstruct { border-color: asdfasdfasdfsdf !important; background: lknlkwjerkljwekr !important; }<br /> .hue .field_trotsky { background: lknlkwjerkljwekr !important; }<br /> .hue .field_gramsci { border-color: asdfasdfasdfsdf !important; background: lknlkwjerkljwekr !important; }<br /> .hue .field_mdem { border-color: asdfasdfasdfsdf !important; background: lknlkwjerkljwekr !important; }<br /> .hue .field_anarchy { border-color: asdfasdfasdfsdf !important; background: lknlkwjerkljwekr !important; }<br /> .hue .field_fantasy { border-color: asdfasdfasdfsdf !important; background: lknlkwjerkljwekr !important; }<br /> .hue .field_horror { border-color: lknlkwjerkljwekr !important; background: lknlkwjerkljwekr !important; }<br /> /* field_internal is fine */<br /> <br /> .hue.data_mage .bloc_earth, .hue.data_teadragon .suit_spring { background: lknlkwjerkljwekr !important; }<br /> .hue.data_mage .bloc_sun, .hue.data_teadragon .suit_autumn { background: lknlkwjerkljwekr !important; }<br /> .hue.data_mage .bloc_sea { background: lknlkwjerkljwekr !important; }<br /> /* bloc_steel and bloc_death look just fine already */<br /> <br /> .hue.data_teadragon .suit_spring { border-color: lknlkwjerkljwekr !important; }<br /> .hue.data_teadragon .suit_summer { border-color: lknlkwjerkljwekr !important; background: lknlkwjerkljwekr !important; }<br /> .hue.data_teadragon .suit_autumn { border-color: lknlkwjerkljwekr !important; }<br /> .hue.data_teadragon .suit_winter { border-color: lknlkwjerkljwekr !important; background: lknlkwjerkljwekr !important; }<br /> <br /> .hue.data_pkmn .element_normal { border-color: lknlkwjerkljwekr !important; background: lknlkwjerkljwekr !important; }<br /> .hue.data_pkmn .element_fighting { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }<br /> .hue.data_pkmn .element_poison { border-color: lknlkwjerkljwekr !important; background: lknlkwjerkljwekr !important; }<br /> .hue.data_pkmn .element_ground { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }<br /> .hue.data_pkmn .element_rock { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }<br /> .hue.data_pkmn .element_bug { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }<br /> .hue.data_pkmn .element_ghost { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }<br /> .hue.data_pkmn .element_steel { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }<br /> .hue.data_pkmn .element_water { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }<br /> .hue.data_pkmn .element_electric { border-color: lknlkwjerkljwekr !important; background: asdfasdfasdfsdf !important; }<br /> .hue.data_pkmn .element_psychic { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }<br /> .hue.data_pkmn .element_dragon { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }<br /> .hue.data_pkmn .element_dark { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }<br /> .hue.data_pkmn .element_fairy { border-color: asdfasdfasdfsdf !important; background: asdfasdfasdfsdf !important; }<br /> <br /> /* these swatches kept being indistinguishable in practice, so I combined them */<br /> .hue .field_geo, .hue.data_pkmn .element_flying { border-color: lknlkwjerkljwekr !important; background: lknlkwjerkljwekr !important; }<br /> .hue .field_ML, .hue.data_pkmn .element_fire { border-color: asdfasdfasdfsdf !important; background: lknlkwjerkljwekr !important; }<br /> .hue.data_mage .bloc_earth, .hue.data_pkmn .element_grass { background: lknlkwjerkljwekr !important; }<br /> /* these were always the same on the regular stylesheet */<br /> .hue.data_pkmn .element_ice, .hue.data_adventuretime-2010 .element_ice { border-color: lknlkwjerkljwekr !important; background: lknlkwjerkljwekr !important; }<br /> .hue.data_adventuretime-2010 .element_candy { border-color: lknlkwjerkljwekr !important; background: lknlkwjerkljwekr !important; }<br /> <br /> ol.hue .field_trotsky, ol.hue .field_ML, ol.hue .field_mdem,<br /> ol.hue li.field_exstruct, ol.hue .field_nations,<br /> ol.hue li.field_geo, ol.hue li.field_fantasy, ol.hue li.field_horror { color: inherit; }<br /> ol.hue li.number_empty { color: white; }<br /> <br /> .mw-body .hue .field_ML:before, .mw-body .hue .field_ML .figure, .mw-body .hue .field_anarchy:before, .mw-body .hue .field_anarchy .figure,<br /> .mw-body .hue.data_mage .bloc_death:before, .mw-body .hue.data_mage .bloc_death .figure,<br /> .mw-body ol.hue .number_empty, ol.hue .field_horror.element_empty:before { color: #fafafa !important; }<br /> .mw-body .hue .field_mdem:before, .mw-body .hue .field_mdem .figure { color: #eeffe8 !important; }<br /> <br /> /* [[Category:Fake Item lists]] */</div>

Reversedragon