From 29a03f360bfcdc52d589c748f39b2cd0a7fcd554 Mon Sep 17 00:00:00 2001
From: Ruben <sneexy@disroot.org>
Date: Mon, 24 Feb 2025 12:04:35 -0600
Subject: [PATCH] add light mode and fix mobile for disappearing

---
 subdomain/disappearing/style.css | 39 ++++++++++++++++++++++++++++----
 1 file changed, 35 insertions(+), 4 deletions(-)

diff --git a/subdomain/disappearing/style.css b/subdomain/disappearing/style.css
index a415879..d63f04d 100644
--- a/subdomain/disappearing/style.css
+++ b/subdomain/disappearing/style.css
@@ -1,7 +1,17 @@
-:root {
-    --bg: #0a0a0a;
-    --fg: #b4b4b4;
-    --link: #9fc2cf;
+@media (prefers-color-scheme: light) {
+    :root {
+        --bg: #e4e4e4;
+        --fg: #242424;
+        --link: #217b9c;
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --bg: #0a0a0a;
+        --fg: #b4b4b4;
+        --link: #9fc2cf;
+    }
 }
 
 body {
@@ -23,15 +33,36 @@ p, a, li {
 h1 {
     font-size: 2rem;
     margin-top: 5rem;
+
+    transition: margin-top .2s;
 }
 
 p:last-child {
     background-image: linear-gradient(to right, var(--fg) 15%, transparent 32%);
     color: transparent;
     background-clip: text;
+    white-space: nowrap;
     margin-bottom: 10rem;
+    transition: margin-bottom .2s;
 }
 
 a {
     color: var(--link);
+}
+
+@media screen and (max-width: 905px) {
+    body {
+        margin-left: .7rem !important;
+        margin-right: .7rem !important;
+    }
+
+    h1 {
+        margin-top: 1rem;
+        transition: margin-top .2s;
+    }
+
+    p:last-child {
+        margin-bottom: 1rem;
+        transition: margin-bottom .2s;
+    }
 }
\ No newline at end of file