feat: Add theming from gemini

2025-11-20 23:31:51 +11:00
parent 99bf4a6a1a
commit 994b5bc5bf
4 changed files with 343 additions and 167 deletions
--- a/templates/assets/css/404.css
+++ b/templates/assets/css/404.css
@@ -1,20 +1,45 @@
+:root {
+    --primary-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
+    --bg-color: #0f172a;
+    --text-primary: #f8fafc;
+    --accent-color: #8b5cf6;
+}
+
 body {
-    background-color: #000000;
-    color: #ffffff;
-}
-h1 {
-    font-size: 50px;
+    background-color: var(--bg-color);
+    background-image: 
+        radial-gradient(at 0% 0%, rgba(59, 130, 246, 0.15) 0px, transparent 50%),
+        radial-gradient(at 100% 0%, rgba(236, 72, 153, 0.15) 0px, transparent 50%);
+    color: var(--text-primary);
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    margin: 0;
-    padding: 0;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
 }
+
+h1 {
+    font-size: 3rem;
+    margin: 0 0 1rem 0;
+    background: var(--primary-gradient);
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+}
+
 .centre {
-    margin-top: 10%;
+    margin: auto;
    text-align: center;
+    padding: 2rem;
 }
+
 a {
-    color: #ffffff;
+    color: var(--accent-color);
    text-decoration: none;
+    transition: color 0.2s ease;
 }
+
 a:hover {
+    color: #a78bfa;
    text-decoration: underline;
 }