Ajout dossier exemple

exemple/scripts/app.js

@@ -0,0 +1,51 @@
+// Get the CSS root element
+const rootCSS = document.querySelector(':root');
+
+// Create a function for getting a variable value
+function CSSgetSombre() {
+  let rs = getComputedStyle(rootCSS);
+  alert("The value of --couleur-sombre is: " + rs.getPropertyValue('--couleur-sombre'));
+}
+
+function CSSsetSombre(vr, vg, vb) {
+  // Couleur
+  rootCSS.style.setProperty('--r-sombre', vr);
+  rootCSS.style.setProperty('--g-sombre', vg);
+   rootCSS.style.setProperty('--b-sombre', vb);
+  // Logo
+  // let logo = document.querySelector('header>#logo>svg');
+  // if (logo) logo.style.fill = 'rgb(' + vr + ',' + vg + ',' + vb + ')';
+}
+
+function CSSsetClair(vr, vg, vb) {
+  // Couleur
+  rootCSS.style.setProperty('--r-clair', vr);
+  rootCSS.style.setProperty('--g-clair', vg);
+  rootCSS.style.setProperty('--b-clair', vb);
+}
+
+function CSSswitchCouleurTexte() {
+  let rs = getComputedStyle(rootCSS);
+  let actuel = rs.getPropertyValue('--couleur-texte');
+  if (actuel == 'black')
+    rootCSS.style.setProperty('--couleur-texte', 'var(--couleur-sombre)');
+  else
+    rootCSS.style.setProperty('--couleur-texte', 'black');
+}
+
+function CSSsetTheme(valeur) 
+{
+    switch(valeur){
+        case 'blue':
+            CSSsetClair(245,245,240);
+            CSSsetSombre(0,0,245);
+        break;
+        case 'red':
+            CSSsetClair(245,245,240);
+            CSSsetSombre(245,0,0);
+        break;
+        default:
+            CSSsetClair(245,245,240);
+            CSSsetSombre(0,0,0);
+    }
+}

exemple/scripts/env.js

@@ -0,0 +1,5 @@
+/*
+ * Personnaliser les environnements pour distinguer PROD, TEST, etc.
+ */
+
+CSSsetTheme('red');