diff --git a/src/app.html b/src/app.html
index d489ff2..7342c3e 100644
--- a/src/app.html
+++ b/src/app.html
@@ -11,6 +11,23 @@
<link rel="stylesheet" href="/stylesheets/global.css" />
%sveltekit.head%
+ <script>
+ if (typeof localStorage !== 'undefined') {
+ theme = localStorage.getItem('theme');
+ }
+ const themesArr = ["green", "netherrack", "dark", "pink"];
+
+ if (!theme) {
+ const randomNumber = Math.floor(Math.random() * 4);
+ console.log("Slecting: " + themesArr[randomNumber]);
+ document.documentElement.setAttribute('data-theme', themesArr[randomNumber]);
+ localStorage.setItem('theme', themesArr[randomNumber]);
+ } else {
+ console.log("Slecting: " + theme);
+ document.documentElement.setAttribute('data-theme', theme);
+ }
+ </script>
+
</head>
<body style="display: contents">
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4273e67..e797cee 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -31,29 +31,11 @@
});
import { onMount } from 'svelte';
- const themesArr = ["green", "netherrack", "dark", "pink"];
-
+
onMount(async () => {
const lock = document.createElement('meta');
lock.name = 'darkreader-lock';
document.head.appendChild(lock);
-
- let theme: string | null = null;
-
- if (typeof localStorage !== 'undefined') {
- theme = localStorage.getItem('theme');
- }
-
- if (!theme) {
- const randomNumber = Math.floor(Math.random() * 4);
- console.log("Slecting: " + themesArr[randomNumber]);
- document.documentElement.setAttribute('data-theme', themesArr[randomNumber]);
- localStorage.setItem('theme', themesArr[randomNumber]);
- } else {
- console.log("Slecting: " + theme);
- document.documentElement.setAttribute('data-theme', theme);
- }
-
});
</script>