MediaWiki:Gadget-colorblind.css
Appearance
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* red/green colorblind overlay for hue.css - this has mostly been tested, but the non-political "fantasy element" swatches aren't finished */
/* for some reason this stylesheet is loaded at the wrong time and won't work without "important". this wasn't an issue during testing but the Gadgets system works differently I guess. */
/* general categories */
.hue .field_nations { border-color: #797979 !important; background: hsl(20, 40%, 65%) !important; }
.hue .field_exstruct { border-color: #6A5555 !important; background: hsl(242, 32%, 83%) !important; }
.hue .field_trotsky { background: hsl(70, 50%, 70%) !important; }
.hue .field_gramsci { border-color: #7e2b42 !important; background: hsl(250, 100%, 80%) !important; }
.hue .field_mdem { border-color: #33161b !important; background: hsl(84, 81%, 28%) !important; }
.hue .field_anarchy { border-color: #003108 !important; background: hsl(265, 17%, 24%) !important; }
.hue .field_fantasy { border-color: #8785d0 !important; background: hsl(258, 48%, 95%) !important; }
.hue .field_horror { border-color: hsl(213, 60%, 37%) !important; background: hsl(251, 18%, 53%) !important; }
/* field_internal is fine */
.hue.data_mage .bloc_earth, .hue.data_teadragon .suit_spring { background: hsl(152, 81%, 49%) !important; }
.hue.data_mage .bloc_sun, .hue.data_teadragon .suit_autumn { background: hsl(3, 82%, 39%) !important; }
.hue.data_mage .bloc_sea { background: hsl(208, 87%, 39%) !important; }
/* bloc_steel and bloc_death look just fine already */
.hue.data_teadragon .suit_spring { border-color: hsl(354, 70%, 25%) !important; }
.hue.data_teadragon .suit_summer { border-color: hsl(51, 70%, 25%) !important; background: hsl(56, 82%, 72%) !important; }
.hue.data_teadragon .suit_autumn { border-color: hsl(3, 70%, 25%) !important; }
.hue.data_teadragon .suit_winter { border-color: hsl(141, 70%, 25%) !important; background: hsl(240, 40%, 80%) !important; }
.hue.data_pkmn .element_normal { border-color: hsl(25, 26%, 48%) !important; background: hsl(120, 1%, 76%) !important; }
.hue.data_pkmn .element_fighting { border-color: #ff8000 !important; background: #ffac59 !important; }
.hue.data_pkmn .element_poison { border-color: hsl(0, 44%, 36%) !important; background: hsl(278, 38%, 51%) !important; }
.hue.data_pkmn .element_ground { border-color: #915121 !important; background: #b88e6f !important; }
.hue.data_pkmn .element_rock { border-color: #afa981 !important; background: #cbc7ad !important; }
.hue.data_pkmn .element_bug { border-color: #91a119 !important; background: #b8c26a !important; }
.hue.data_pkmn .element_ghost { border-color: #704170 !important; background: #a284a2 !important; }
.hue.data_pkmn .element_steel { border-color: #60a1b8 !important; background: #98c2d1 !important; }
.hue.data_pkmn .element_water { border-color: #2980ef !important; background: #74acf5 !important; }
.hue.data_pkmn .element_electric { border-color: hsl(46, 69%, 49%) !important; background: #fcd659 !important; }
.hue.data_pkmn .element_psychic { border-color: #ef4179 !important; background: #f584a8 !important; }
.hue.data_pkmn .element_dragon { border-color: #5060e1 !important; background: #8d98ec !important; }
.hue.data_pkmn .element_dark { border-color: #624d4e !important; background: #998b8c !important; }
.hue.data_pkmn .element_fairy { border-color: #ef70ef !important; background: #f5a2f5 !important; }
/* these swatches kept being indistinguishable in practice, so I combined them */
.hue .field_geo, .hue.data_pkmn .element_flying
{ border-color: hsl(189, 21%, 38%) !important; background: hsl(144, 47%, 69%) !important; }
.hue .field_ML, .hue.data_pkmn .element_fire
{ border-color: #820212 !important; background: hsl(352, 43%, 44%) !important; }
.hue.data_mage .bloc_earth, .hue.data_pkmn .element_grass
{ background: hsl(152, 81%, 49%) !important; }
/* these were always the same on the regular stylesheet */
.hue.data_pkmn .element_ice, .hue.data_adventuretime-2010 .element_ice { border-color: hsl(192, 88%, 60%) !important; background: hsl(190, 70%, 85%) !important; }
.hue.data_adventuretime-2010 .element_candy { border-color: hsl(214, 63%, 32%) !important; background: hsl(336, 97%, 68%) !important; }
ol.hue .field_trotsky, ol.hue .field_ML, ol.hue .field_mdem,
ol.hue li.field_exstruct, ol.hue .field_nations,
ol.hue li.field_geo, ol.hue li.field_fantasy, ol.hue li.field_horror { color: inherit; }
ol.hue li.number_empty { color: white; }
.mw-body .hue .field_ML:before, .mw-body .hue .field_ML .figure, .mw-body .hue .field_anarchy:before, .mw-body .hue .field_anarchy .figure,
.mw-body .hue.data_mage .bloc_death:before, .mw-body .hue.data_mage .bloc_death .figure,
.mw-body ol.hue .number_empty, ol.hue .field_horror.element_empty:before { color: #fafafa !important; }
.mw-body .hue .field_mdem:before, .mw-body .hue .field_mdem .figure { color: #eeffe8 !important; }
/* [[Category:Fake Item lists]] */