浏览代码

feat: dark splash screen

Timothy J. Baek 11 月之前
父节点
当前提交
f9aa03bc6d
共有 1 个文件被更改,包括 14 次插入9 次删除
  1. 14 9
      src/app.html

+ 14 - 9
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>