diff --git a/html/src/css/style.css b/html/src/css/style.css
index e57e0616..52b9fed1 100644
--- a/html/src/css/style.css
+++ b/html/src/css/style.css
@@ -1,28 +1,28 @@
: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%);
+ --saturation: 0%;
+ --hue: 0;
}
-.light {
- --text: #373737;
- --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%);
+@media (prefers-color-scheme: dark) {
+ .body {
+ --text: hsl(var(--hue), var(--saturation), 80%);
+ --background: hsl(var(--hue), var(--saturation), 15%);
+ --dark-background: hsl(var(--hue), var(--saturation), 10%);
+ --darker-background: hsl(var(--hue), var(--saturation), 5%);
+ --article-background: hsl(var(--hue), var(--saturation), 15%);
+ --article-text: hsl(var(--hue), var(--saturation), 100%);
+ }
}
-.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%);
+@media (prefers-color-scheme: light) {
+ .body {
+ --text: hsl(var(--hue), var(--saturation), 20%);
+ --background: hsl(var(--hue), var(--saturation), 100%);
+ --dark-background: hsl(var(--hue), var(--saturation), 100%);
+ --darker-background: hsl(var(--hue), var(--saturation), 100%);
+ --article-background: hsl(var(--hue), var(--saturation), 100%);
+ --article-text: hsl(var(--hue), var(--saturation), 0%);
+ }
}
@font-face {
diff --git a/html/upload.php b/html/upload.php
index 3b72ac78..a281793a 100644
--- a/html/upload.php
+++ b/html/upload.php
@@ -47,7 +47,7 @@ if(isset($_POST['page-content'])) {
}
-'>
+
diff --git a/html/users.php b/html/users.php
index 92f0f7fe..420c92ac 100644
--- a/html/users.php
+++ b/html/users.php
@@ -32,7 +32,7 @@ if(isset($_POST['userid']) && isset($_POST['role']) && isset($_POST['accreditati
=$title?>
-'>
+