MediaWiki:Gadget-colorblind.css: Difference between revisions

Revision as of 20:50, 28 July 2025

/* red/green colorblind overlay for hue.css - this has mostly been tested, but the non-political "fantasy element" swatches aren't finished */

 /* general categories */
 .hue .field_nations  { border-color: #797979; background: hsl(20,  40%,  65%) !important; }
 .hue .field_exstruct { border-color: #6A5555; background: hsl(242, 32%,  83%) !important; }
 .hue .field_trotsky  {  background: #b4b4b4;  background: hsl(70,  50%,  70%) !important; }
 .hue .field_gramsci  { border-color: #7e2b42; background: hsl(250, 100%, 80%) !important; }
 .hue .field_mdem     { border-color: #33161b; background: hsl(84,  81%,  28%) !important; }
 .hue .field_anarchy  { border-color: #003108; background: hsl(265, 17%,  24%) !important; }
 .hue .field_fantasy  { border-color: #8785d0; background: hsl(258, 48%,  95%) !important; }
 .hue .field_horror   { border-color: hsl(213, 60%, 37%); 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%); }
 .hue.data_mage .bloc_sun, .hue.data_teadragon .suit_autumn    { background: hsl(3,   82%, 39%); }
 .hue.data_mage .bloc_sea    { background: hsl(208, 87%, 39%); }
 /* bloc_steel and bloc_death look just fine already */
 
 .hue.data_teadragon .suit_spring { border-color: hsl(354, 70%, 25%); }
 .hue.data_teadragon .suit_summer { border-color: hsl(51,  70%, 25%); background: hsl(56,  82%, 72%); }
 .hue.data_teadragon .suit_autumn { border-color: hsl(3,   70%, 25%); }
 .hue.data_teadragon .suit_winter { border-color: hsl(141, 70%, 25%); background: hsl(240, 40%, 80%); }
 
 .hue.data_pkmn .element_normal   { border-color: hsl(25, 26%, 48%); background: hsl(120, 1%, 76%); }
 .hue.data_pkmn .element_fighting { border-color: #ff8000; background: #ffac59; }
 .hue.data_pkmn .element_poison   { border-color: hsl(0, 44%, 36%); background: hsl(278, 38%, 51%); }
 .hue.data_pkmn .element_ground   { border-color: #915121; background: #b88e6f; }
 .hue.data_pkmn .element_rock     { border-color: #afa981; background: #cbc7ad; }
 .hue.data_pkmn .element_bug      { border-color: #91a119; background: #b8c26a; }
 .hue.data_pkmn .element_ghost    { border-color: #704170; background: #a284a2; }
 .hue.data_pkmn .element_steel    { border-color: #60a1b8; background: #98c2d1; }
 .hue.data_pkmn .element_water    { border-color: #2980ef; background: #74acf5; }
 .hue.data_pkmn .element_electric { border-color: hsl(46, 69%, 49%); background: #fcd659; }
 .hue.data_pkmn .element_psychic  { border-color: #ef4179; background: #f584a8; }
 .hue.data_pkmn .element_dragon   { border-color: #5060e1; background: #8d98ec; }
 .hue.data_pkmn .element_dark     { border-color: #624d4e; background: #998b8c; }
 .hue.data_pkmn .element_fairy    { border-color: #ef70ef; background: #f5a2f5; }

 /* 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%); background: hsl(144, 47%, 69%); }
 .hue .field_ML, .hue.data_pkmn .element_fire
   { border-color: #820212;  background: hsl(352, 43%, 44%) }
 .hue.data_mage .bloc_earth, .hue.data_pkmn .element_grass
   { background: hsl(152, 81%, 49%); }
 /* 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%); background: hsl(190, 70%,  85%); }
 .hue.data_adventuretime-2010 .element_candy  { border-color: hsl(214, 63%, 32%); background: hsl(336, 97%, 68%); }
 
 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; }
  .mw-body .hue .field_mdem:before, .mw-body .hue .field_mdem .figure  { color: #eeffe8; }

/* [[Category:Fake Item lists]] */