WhatTheFantasy
/
WF-Website
14
1
Fork 0
Code Issues 19 Pull Requests Packages Projects 1 Releases Wiki Activity

Commence ajout mode light/dark

Browse Source
remotes/origin/master
Leni BEAULATON 7 months ago
parent c80a3b2ea3
commit de7b1c934b
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File

3
pages/profil.html
Unescape View File

@ -7,13 +7,14 @@
<title>Wiki Fantasy : Profil</title> <title>Wiki Fantasy : Profil</title>
<link rel="icon" href="../images/Logo.ico"> <link rel="icon" href="../images/Logo.ico">
<link href="https://fonts.googleapis.com/css2?family=Lemon&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Lemon&display=swap" rel="stylesheet">
<script defer src="../script/theme-toggle.js"></script>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="header"> <div class="header">
<div class="nav"> <div class="nav">
<img src="../images/coeur.svg" alt="coeur" width="67px" height="67px" onmousedown="return false"> <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"> <img src="../images/quizz.svg" alt="quizz" width="51px" height="82px" onmousedown="return false">
</div> </div>
<div class="logo"> <div class="logo">

4
styles/style.css
Unescape View File

@ -57,7 +57,7 @@ body.dark-mode .header {
background-color: #000; background-color: #000;
} }
body.dark-mode img { body.dark-mode .header img {
filter: invert(0%); filter: invert(0%);
} }
@ -76,7 +76,7 @@ body.light-mode .header {
background-color: #F7F7EB; background-color: #F7F7EB;
} }
body.light-mode img { body.light-mode .header img {
filter: invert(100%); filter: invert(100%);
} }

Write Preview
Loading…
Cancel
Save