Hello there! We are conducting a survey to better understand the user experience in making a first edit. If you have ever made an edit on Gamepedia, please fill out the survey. Thank you!

ARK Survival Evolved Wiki:Colorblind

From ARK: Survival Evolved Wiki
(Redirected from Colorblind)
Jump to: navigation, search

This page shows how to adjust this wiki for colorblind people. So far the colors for the spawning-maps can be adjusted. If you have other suggestions, use the talk-page for your ideas.

Adjust Creature-Map-Colors

You have to be logged-in (i.e. you also need an account for this wiki). Then create your personal css-styling by clicking on Special:MyPage/common.css (you have to be logged in for that). Insert the following text in this page and save it. To adjust the colors, change the according colors in the class. You can use a color-picker to make it easier. Use the hsl-representation for the background-colors and use only the hue-value for the hue-rotation-values.

.cr-region-map-very-common{
  -webkit-filter: hue-rotate(260deg) brightness(400%);
  filter: hue-rotate(260deg) brightness(400%);
}
.cr-region-map-common{
  -webkit-filter: hue-rotate(200deg) brightness(400%);
  filter: hue-rotate(200deg) brightness(400%);
}
.cr-region-map-uncommon{
  -webkit-filter: hue-rotate(120deg) brightness(400%);
  filter: hue-rotate(120deg) brightness(400%);
}
.cr-region-map-very-uncommon{
  -webkit-filter: hue-rotate(48deg) brightness(400%);
  filter: hue-rotate(48deg) brightness(400%);
}
.cr-region-map-rare{
  -webkit-filter: hue-rotate(24deg) brightness(400%);
  filter: hue-rotate(24deg) brightness(400%);
}
.cr-region-map-very-rare{
}

.cr-region-map-cl-very-common{
  background-color: hsl(240, 100%, 50%, 1);
}
.cr-region-map-cl-common{
  background-color: hsl(200,100%,60%);
}
.cr-region-map-cl-uncommon{
  background-color: hsl(120,100%,63.3%);
}
.cr-region-map-cl-very-uncommon{
  background-color: hsl(48,100%,63.3%);
}
.cr-region-map-cl-rare{
  background-color: hsl(30,100%,56.7%);
}
.cr-region-map-cl-very-rare{
  background-color: hsl(0,100%,56.7%);
}
.cr-region-map-cl-unknown{
  background-color: #ccc;
}