MediaWiki:Gadget-colorblind.css: Difference between revisions
Appearance
m Reversedragon moved page User:Reversedragon/Hue/hue-beach.css to MediaWiki:Gadget-colorblind.css: make into Gadget |
current style after testing |
||
Line 1: | Line 1: | ||
/* red/green colorblind overlay for hue.css */ | /* 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%); } | |||
.hue .field_exstruct { border-color: #6A5555; background: hsl(242, 32%, 83%); } | |||
.hue .field_trotsky { background: #b4b4b4; background: hsl(70, 50%, 70%); } | |||
.hue .field_gramsci { border-color: #7e2b42; background: hsl(250, 100%, 80%); } | |||
.hue .field_mdem { border-color: #33161b; background: hsl(84, 81%, 28%); } | |||
.hue .field_anarchy { border-color: #003108; background: hsl(265, 17%, 24%); } | |||
.hue .field_fantasy { border-color: #8785d0; background: hsl(258, 48%, 95%); } | |||
.hue .field_horror { border-color: hsl(213, 60%, 37%); background: hsl(251, 18%, 53%); } | |||
/* 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 | |||
ol.hue | { background: hsl(152, 81%, 49%); } | ||
ol.hue | /* 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%); } | |||
ol.hue li. | .hue.data_adventuretime-2010 .element_candy { border-color: hsl(214, 63%, 32%); background: hsl(336, 97%, 68%); } | ||
ol.hue li.field_geo | |||
ol.hue li. | 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; } | |||
ol.hue | |||
.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]] */ | /* [[Category:Fake Item lists]] */ |
Revision as of 20:44, 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%); }
.hue .field_exstruct { border-color: #6A5555; background: hsl(242, 32%, 83%); }
.hue .field_trotsky { background: #b4b4b4; background: hsl(70, 50%, 70%); }
.hue .field_gramsci { border-color: #7e2b42; background: hsl(250, 100%, 80%); }
.hue .field_mdem { border-color: #33161b; background: hsl(84, 81%, 28%); }
.hue .field_anarchy { border-color: #003108; background: hsl(265, 17%, 24%); }
.hue .field_fantasy { border-color: #8785d0; background: hsl(258, 48%, 95%); }
.hue .field_horror { border-color: hsl(213, 60%, 37%); background: hsl(251, 18%, 53%); }
/* 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]] */