Retour

Combinaison de couleur (scheme)

scheme permet la définition de couleurs principales et du darkmode pour le Design System de l'Etat.

Snippet à inclure en premier dans <body></body>

<script>const e="system",t="dark",a="dark",c=()=>{document.documentElement.setAttribute("data-fr-theme",a)},r=()=>{window.matchMedia("(prefers-color-scheme: dark)").matches&&c()};(()=>{if(document.documentElement.matches(":root[data-fr-theme], :root[data-fr-scheme]")){const a=(()=>{try{return"localStorage"in window&&null!==window.localStorage}catch(e){return!1}})()?localStorage.getItem("scheme"):"",o=document.documentElement.getAttribute("data-fr-scheme");switch(!0){case a===t:c();break;case a===e:r();break;case o===t:c();break;case o===e:r()}}})();
</script>

Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.