HTMLy thème tailwind -> darkmode

si on veut aller au plus simple, prendre p. ex. tailwind et si on veut du darkmode, éditer

layout.html.php

et ajouter dans le code: class=dark…“

<html lang="<?php echo blog_language();?>" class="dark __variable_space scroll-smooth light" id="html-id">

puis juste en dessous

<head>
	<script>
  // Ce script doit être placé le plus tôt possible dans le <head>
  (function() {
    // Vérifie dans le localStorage si l'utilisateur a choisi le dark mode
    // OU si le système d'exploitation préfère le dark mode (si pas de choix explicite)
    if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
      document.documentElement.classList.add('dark');
    } else {
      document.documentElement.classList.remove('dark');
    }
  })();
</script>

doc tailwind

https://tailwindcss.com/docs/dark-mode

  • info/htmly/htmlydarkmode.txt
  • Dernière modification : 2026/03/31 06:20
  • de radeff