Spaces:
Paused
Paused
🩹 No flicker for dark theme (#111)
Browse files- src/app.html +8 -8
src/app.html
CHANGED
|
@@ -5,17 +5,17 @@
|
|
| 5 |
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
| 7 |
<title>HuggingChat</title>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 8 |
%sveltekit.head%
|
| 9 |
</head>
|
| 10 |
<body data-sveltekit-preload-data="hover" class="dark:bg-gray-900 h-full">
|
| 11 |
<div class="contents h-full">%sveltekit.body%</div>
|
| 12 |
</body>
|
| 13 |
-
<script>
|
| 14 |
-
if (
|
| 15 |
-
localStorage.theme === "dark" ||
|
| 16 |
-
(!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)
|
| 17 |
-
) {
|
| 18 |
-
document.documentElement.classList.add("dark");
|
| 19 |
-
}
|
| 20 |
-
</script>
|
| 21 |
</html>
|
|
|
|
| 5 |
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
| 7 |
<title>HuggingChat</title>
|
| 8 |
+
<script>
|
| 9 |
+
if (
|
| 10 |
+
localStorage.theme === "dark" ||
|
| 11 |
+
(!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches)
|
| 12 |
+
) {
|
| 13 |
+
document.documentElement.classList.add("dark");
|
| 14 |
+
}
|
| 15 |
+
</script>
|
| 16 |
%sveltekit.head%
|
| 17 |
</head>
|
| 18 |
<body data-sveltekit-preload-data="hover" class="dark:bg-gray-900 h-full">
|
| 19 |
<div class="contents h-full">%sveltekit.body%</div>
|
| 20 |
</body>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 21 |
</html>
|