Update 13 files

- /html/about.php
- /html/admin.php
- /html/compte.php
- /html/editpage.php
- /html/index.php
- /html/login.php
- /html/news.php
- /html/register.php
- /html/upload.php
- /html/users.php
- /config/global.ini
- /include/functions.php
- /include/variables.php

config/global.ini

@@ -26,6 +26,10 @@ A propos = "about.php"
 2 = "Responsable"
 3 = "Directeur"
 
-[themes]
+[themes-dark]
-0 = '@media (prefers-color-scheme: dark) {.body {--text: hsl(0, 0%, 80%);--background: hsl(0, 0%, 15%);--banner-background: hsl(0, 0%, 10%);--buttons: hsl(0, 0%, 5%);}} @media (prefers-color-scheme: light) {.body {--text: hsl(0, 0%, 20%);--background: hsl(0, 0%, 100%);--banner-background: hsl(0, 0%, 100%);--buttons: hsl(0, 0%, 100%);}}'
+0 = '--text: hsl(0, 0%, 80%);--background: hsl(0, 0%, 15%);--banner-background: hsl(0, 0%, 10%);--buttons: hsl(0, 0%, 5%)'
+1 = '--text: hsl(208, 100%, 4%); --background: hsl(215, 21%, 88%); --banner-background: hsl(216, 28%, 93%); --buttons: hsl(216, 28%, 93%)'
+
+[themes-light]
+0 = '--text: hsl(0, 0%, 20%);--background: hsl(0, 0%, 100%);--banner-background: hsl(0, 0%, 100%);--buttons: hsl(0, 0%, 100%)'
 1 = '--text: hsl(208, 100%, 96%); --background: hsl(215, 21%, 11%); --banner-background: hsl(216, 28%, 7%); --buttons: hsl(216, 28%, 7%)'

html/about.php

@@ -9,7 +9,18 @@ require "../include/functions.php";
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./src/css/style.css">
-    <style>.body {<?=$theme?>}</style>
+    <style>
+    @media (prefers-color-scheme: dark) {
+        .body {
+            <?=$theme_dark?>
+        }
+    } 
+    @media (prefers-color-scheme: light) {
+        .body {
+            <?=$theme_light?>
+            }
+        }
+    </style>
     <link rel="icon" href="src/img/favicon.ico">
     <title><?=$title?></title>
 </head>

html/admin.php

@@ -15,7 +15,18 @@ if($_SESSION['role'] < 3) {
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./src/css/style.css">
-    <style>.body {<?=$theme?>}</style>
+    <style>
+    @media (prefers-color-scheme: dark) {
+        .body {
+            <?=$theme_dark?>
+        }
+    } 
+    @media (prefers-color-scheme: light) {
+        .body {
+            <?=$theme_light?>
+            }
+        }
+    </style>
     <link rel="icon" href="src/img/favicon.ico">
     <title><?=$title?></title>
 </head>

html/compte.php

@@ -28,7 +28,18 @@ if(isset($_POST['delete_account'])) {
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./src/css/style.css">
-    <style>.body {<?=$theme?>}</style>
+    <style>
+    @media (prefers-color-scheme: dark) {
+        .body {
+            <?=$theme_dark?>
+        }
+    } 
+    @media (prefers-color-scheme: light) {
+        .body {
+            <?=$theme_light?>
+            }
+        }
+    </style>
     <link rel="icon" href="src/img/favicon.ico">
     <title><?=$title?></title>
 </head>

html/editpage.php

@@ -61,7 +61,18 @@ if(isset($fichier)) {
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./src/css/style.css">
-    <style>.body {<?=$theme?>}</style>
+    <style>
+    @media (prefers-color-scheme: dark) {
+        .body {
+            <?=$theme_dark?>
+        }
+    } 
+    @media (prefers-color-scheme: light) {
+        .body {
+            <?=$theme_light?>
+            }
+        }
+    </style>
     <link rel="icon" href="src/img/favicon.ico">
     <title><?=$title?></title>
     <style>

html/index.php

@@ -9,7 +9,18 @@ require "../include/functions.php";
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./src/css/style.css">
-    <style>.body {<?=$theme?>}</style>
+    <style>
+    @media (prefers-color-scheme: dark) {
+        .body {
+            <?=$theme_dark?>
+        }
+    } 
+    @media (prefers-color-scheme: light) {
+        .body {
+            <?=$theme_light?>
+            }
+        }
+    </style>
     <link rel="icon" href="src/img/favicon.ico">
     <title><?=$title?></title>
 </head>

html/login.php

@@ -40,7 +40,18 @@ if(isset($_POST['username']) && isset($_POST['password'])) {
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./src/css/style.css">
-    <style>.body {<?=$theme?>}</style>
+    <style>
+    @media (prefers-color-scheme: dark) {
+        .body {
+            <?=$theme_dark?>
+        }
+    } 
+    @media (prefers-color-scheme: light) {
+        .body {
+            <?=$theme_light?>
+            }
+        }
+    </style>
     <link rel="icon" href="src/img/favicon.ico">
     <title><?=$title?></title>
 </head>

html/news.php

@@ -14,7 +14,18 @@ if (filter_var($_GET['article'], FILTER_VALIDATE_INT)) {
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./src/css/style.css">
-    <style>.body {<?=$theme?>}</style>
+    <style>
+    @media (prefers-color-scheme: dark) {
+        .body {
+            <?=$theme_dark?>
+        }
+    } 
+    @media (prefers-color-scheme: light) {
+        .body {
+            <?=$theme_light?>
+            }
+        }
+    </style>
     <link rel="icon" href="src/img/favicon.ico">
     <title><?=$title?></title>
 </head>

html/register.php

@@ -40,7 +40,18 @@ if(isset($_POST['username']) && isset($_POST['password']) && isset($_POST['passw
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./src/css/style.css">
-    <style>.body {<?=$theme?>}</style>
+    <style>
+    @media (prefers-color-scheme: dark) {
+        .body {
+            <?=$theme_dark?>
+        }
+    } 
+    @media (prefers-color-scheme: light) {
+        .body {
+            <?=$theme_light?>
+            }
+        }
+    </style>
     <link rel="icon" href="src/img/favicon.ico">
     <title><?=$title?></title>
 </head>

html/upload.php

@@ -38,7 +38,18 @@ if(isset($_POST['page-content'])) {
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./src/css/style.css">
-    <style>.body {<?=$theme?>}</style>
+    <style>
+    @media (prefers-color-scheme: dark) {
+        .body {
+            <?=$theme_dark?>
+        }
+    } 
+    @media (prefers-color-scheme: light) {
+        .body {
+            <?=$theme_light?>
+            }
+        }
+    </style>
     <link rel="icon" href="src/img/favicon.ico">
     <title><?=$title?></title>
     <style>

html/users.php

@@ -29,7 +29,18 @@ if(isset($_POST['userid']) && isset($_POST['role']) && isset($_POST['accreditati
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="./src/css/style.css">
-    <style>.body {<?=$theme?>}</style>
+    <style>
+    @media (prefers-color-scheme: dark) {
+        .body {
+            <?=$theme_dark?>
+        }
+    } 
+    @media (prefers-color-scheme: light) {
+        .body {
+            <?=$theme_light?>
+            }
+        }
+    </style>
     <link rel="icon" href="src/img/favicon.ico">
     <title><?=$title?></title>
 </head>

include/functions.php

@@ -13,7 +13,8 @@ if(isset($_GET['theme'])) {
     setcookie('theme', (int)$_GET['theme'] % 2, time()+10*60*60);
 }
 
-$theme = $themes[$_COOKIE['theme']];
+$theme_dark = $themes_dark[$_COOKIE['theme']];
+$theme_light = $themes_light[$_COOKIE['theme']];
 
 
 function nav($nav) {

include/variables.php

@@ -15,5 +15,6 @@ $navadmin = $nav;
 $status = "";
 $classifications = $config['classifications'];
 $roles = $config['roles'];
-$themes = $config['themes'];
+$themes_dark = $config['themes_dark'];
+$themes_light = $config['themes_light'];
 ?>