Couleur blind

SwichGIT/src/index.php

@@ -219,6 +219,15 @@ require("ConnexionBDD.php");
                                     setBar();
                                 </script>
                             </div>
+                            <select name="daltonismes" id="daltonismes-select" onchange="change_daltonisme(this.value)">
+                                <option value="">--Daltonisme--</option>
+                                <option value="1">Deuteranomaly</option>
+                                <option value="2">Protanomaly</option>
+                                <option value="3">Protanopia</option>
+                                <option value="4">Deuteranopia</option>
+                                <option value="5">Tritanopia</option>
+                                <option value="6">Tritanomaly</option>
+                            </select>
                         </div>
                     </div>
                 </div>

SwichGIT/src/js/menu.js

@@ -112,3 +112,44 @@ function affichageParamMulti(num){
 	}
 }
 
+
+function change_daltonisme(val){
+	if(val == 1){
+		document.documentElement.style.setProperty('--colorbase', '#69536e');
+		document.documentElement.style.setProperty('--colorcarre', '#6e3f3d');
+		document.documentElement.style.setProperty('--colorone', '#946737');
+		document.documentElement.style.setProperty('--colortwo', '#495f49');
+	}
+	if(val == 2){
+		document.documentElement.style.setProperty('--colorbase', '#3e3567');
+		document.documentElement.style.setProperty('--colorcarre', '#ad9645');
+		document.documentElement.style.setProperty('--colorone', '#476447');
+		document.documentElement.style.setProperty('--colortwo', '#364b7a');
+	}
+	if(val == 3){
+		document.documentElement.style.setProperty('--colorbase', '#c4af40');
+		document.documentElement.style.setProperty('--colorcarre', '#1c2b59');
+		document.documentElement.style.setProperty('--colorone', '#271d22');
+		document.documentElement.style.setProperty('--colortwo', '#322d16');
+	}
+	if(val == 4){
+		document.documentElement.style.setProperty('--colorbase', '#330a14');
+		document.documentElement.style.setProperty('--colorcarre', '#926e26');
+		document.documentElement.style.setProperty('--colorone', '#1e2f59');
+		document.documentElement.style.setProperty('--colortwo', '#5d5c55');
+	}
+	if(val == 5){
+		document.documentElement.style.setProperty('--colorbase', '#2d0b2e');
+		document.documentElement.style.setProperty('--colorcarre', '#430d16');
+		document.documentElement.style.setProperty('--colorone', '#183742');
+		document.documentElement.style.setProperty('--colortwo', '#5d5b55');
+	}
+	if(val == 6){
+		document.documentElement.style.setProperty('--colorbase', '#854b58');
+		document.documentElement.style.setProperty('--colorcarre', '#6f1e12');
+		document.documentElement.style.setProperty('--colorone', '#6c4728');
+		document.documentElement.style.setProperty('--colortwo', '#3e7e63');
+	}
+	alert(val);
+}
+