feat: dark splash screen

f9aa03bc · Timothy J. Baek · bd3e5d7b · f9aa03bc
Commit f9aa03bc authored Jun 07, 2024 by Timothy J. Baek
Hide whitespace changes
Inline Side-by-side

Showing with 14 additions and 9 deletions

src/app.html src/app.html +14 -9

No files found.
--- a/src/app.html
+++ b/src/app.html
@@ -59,15 +59,7 @@

 		<div
 			id="splash-screen"
-			style="
-				position: fixed;
-				z-index: 100;
-				background: #fff;
-				top: 0;
-				left: 0;
-				width: 100%;
-				height: 100%;
-			"
+			style="position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%"
 		>
 			<style type="text/css" nonce="">
 				html {
@@ -93,3 +85,16 @@
 		</div>
 	</body>
 </html>
+
+<style type="text/css" nonce="">
+	#splash-screen {
+		background: #fff;
+	}
+	html.dark #splash-screen {
+		background: #000;
+	}
+
+	html.dark #splash-screen img {
+		filter: invert(1);
+	}
+</style>