Commence ajout mode light/dark

7 months ago · de7b1c934b
parent c80a3b2ea3
commit de7b1c934b
2 changed files with 4 additions and 3 deletions
--- a/pages/profil.html
+++ b/pages/profil.html
@ -7,13 +7,14 @@
    <title>Wiki Fantasy : Profil</title>
    <link rel="icon" href="../images/Logo.ico">
    <link href="https://fonts.googleapis.com/css2?family=Lemon&display=swap" rel="stylesheet">
+    <script defer src="../script/theme-toggle.js"></script>
 </head>
 <body>
    <div class="container">
        <div class="header">
            <div class="nav"> 
                <img src="../images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false">
-                <img src="../images/dark.svg" alt="dark" width="72px" height="37px" onmousedown="return false">
+                <img id="theme-icon" src="../images/light.svg" alt="toggle theme" width="72px" height="37px" onmousedown="return false" onclick="toggleTheme()">
                <img src="../images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false">
            </div>
            <div class="logo">
--- a/styles/style.css
+++ b/styles/style.css
@ -57,7 +57,7 @@ body.dark-mode .header {
  background-color: #000;
 }

-body.dark-mode img {
+body.dark-mode .header img {
  filter: invert(0%);
 }

@ -76,7 +76,7 @@ body.light-mode .header {
  background-color: #F7F7EB;
 }

-body.light-mode img {
+body.light-mode .header img {
  filter: invert(100%);
 }