From ffbb6e84827c4395a7030fbff5b296ba1206d5cb Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Tue, 5 Dec 2023 22:18:57 -0800
Subject: feat(wrapped): REAL LIVE PREVIEW

---
 src/app.html | 52 +++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 35 insertions(+), 17 deletions(-)

(limited to 'src/app.html')

diff --git a/src/app.html b/src/app.html
index 1daa2548..4808664a 100644
--- a/src/app.html
+++ b/src/app.html
@@ -33,7 +33,7 @@
 
 	<!-- Stylesheets -->
 	<link rel="stylesheet" type="text/css" href="https://latex.now.sh/style.css" />
-	<link rel="stylesheet" type="text/css" href="https://skybox.sh/css/palettes/base16-light.css" />
+	<link rel="stylesheet" type="text/css" href="https://skybox.sh/css/palettes/base16-dark.css" />
 	<link rel="stylesheet" type="text/css" href="https://skybox.sh/css/risotto.css" />
 	<!-- <link rel="stylesheet" type="text/css" href="https://skybox.sh/css/custom.css"> -->
 
@@ -95,25 +95,43 @@
 			transition: 300ms;
 		}
 
-		html.dark-theme {
-			filter: invert(1) hue-rotate(180deg) !important;
-		}
-
-		html.dark-theme img {
-			filter: invert(1) hue-rotate(180deg) !important;
-		}
-
-		.dark-theme .invert img {
-			filter: invert(0) !important;
+		:root {
+			--base00: #f8f8f8;
+			--base01: #e8e8e8;
+			--base02: #d8d8d8;
+			--base03: #b8b8b8;
+			--base04: #585858;
+			--base05: #383838;
+			--base06: #282828;
+			--base07: #181818;
+			--base08: #ab4642;
+			--base09: #dc9656;
+			--base0A: #f7ca88;
+			--base0B: #a1b56c;
+			--base0C: #86c1b9;
+			--base0D: #7cafc2;
+			--base0E: #ba8baf;
+			--base0F: #a16946;
 		}
 
 		@media (prefers-color-scheme: dark) {
-			html {
-				filter: invert(1) hue-rotate(180deg);
-			}
-
-			html img {
-				filter: invert(1) hue-rotate(180deg);
+			:root {
+				--base00: #080808;
+				--base01: #181818;
+				--base02: #282828;
+				--base03: #484848;
+				--base04: #a8a8a8;
+				--base05: #c8c8c8;
+				--base06: #d8d8d8;
+				--base07: #f8f8f8;
+				--base08: #9a4541;
+				--base09: #cb9555;
+				--base0A: #f6c987;
+				--base0B: #a0b45b;
+				--base0C: #85c0b8;
+				--base0D: #7baeb1;
+				--base0E: #b98aae;
+				--base0F: #a06845;
 			}
 		}
 
-- 
cgit v1.2.3