diff --git a/html/src/css/style.css b/html/src/css/style.css
index 1bc6dc71..3c6a513f 100644
--- a/html/src/css/style.css
+++ b/html/src/css/style.css
@@ -1,4 +1,13 @@
:root {
+ --text: #000000;
+ --background: hsl(0, 0%, 100%);
+ --dark-background: hsl(0, 0%, 100%);
+ --darker-background: hsl(0, 0%, 100%);
+ --article-background: hsl(0, 0%, 100%);
+ --article-text: hsl(0, 0%, 0%);
+}
+
+.light {
--text: #373737;
--background: hsl(0, 0%, 100%);
--dark-background: hsl(0, 0%, 100%);
@@ -7,6 +16,15 @@
--article-text: hsl(0, 0%, 0%);
}
+.dark {
+ --text: #b3b3b3;
+ --background: hsl(0, 0%, 15%);
+ --dark-background: hsl(0, 0%, 10%);
+ --darker-background: hsl(0, 0%, 5%);
+ --article-background: hsl(0, 0%, 15%);
+ --article-text: hsl(0, 0%, 100%);
+}
+
@font-face {
font-family: crfont; /* Nom de la police */
src: url('/src/fonts/bahnschrift.ttf') format('truetype'); /* Chemin vers votre fichier TTF */
diff --git a/include/functions.php b/include/functions.php
index 8a7d348a..90c4794c 100644
--- a/include/functions.php
+++ b/include/functions.php
@@ -9,6 +9,10 @@ if(!isset($_SESSION['role'])) {
$_SESSION['role'] = 0;
}
+if(!isset($_SESSION['colormode'])) {
+ $_SESSION['colormode'] = "dark";
+}
+
function nav($nav) {
foreach($nav as $name => $url) {
echo "
$name
";