theme

afhverjuekki · Sep 28, 2024 · b2f26a2 · b2f26a2
1 parent efbc549
commit b2f26a2
Showing 1 changed file with 40 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -1,4 +1,43 @@
-<body style="text-align: center; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; margin:0;">
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AFHVERJU EKKI</title>
+    <style>
+        :root {
+            --bg-color: #ffffff;
+            --text-color: #000000;
+            --link-color: #0000ff;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root {
+                --bg-color: #222222;
+                --text-color: #ffffff;
+                --link-color: #64b5f6;
+            }
+        }
+
+        body {
+            text-align: center;
+            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+            margin: 0;
+            background-color: var(--bg-color);
+            color: var(--text-color);
+            transition: background-color 0.3s, color 0.3s;
+        }
+
+        a {
+            color: var(--link-color);
+        }
+
+        hr {
+            border-color: var(--text-color);
+        }
+    </style>
+</head>
+<body>
     <br><br>
     <header>
         <h1>AFHVERJU EKKI</h1>