diff --git a/package.json b/package.json
index bbd86b2..38314f6 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
},
"dependencies": {
"@iconify-json/material-symbols": "^1.2.46",
- "@madkarma/svelte-storable": "^1.0.4",
+ "runed": "^0.36.0",
"unplugin-icons": "^22.5.0"
}
}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e7cafb5..2e24083 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,9 +11,9 @@ importers:
'@iconify-json/material-symbols':
specifier: ^1.2.46
version: 1.2.46
- '@madkarma/svelte-storable':
- specifier: ^1.0.4
- version: 1.0.4(svelte@5.43.12)(typescript@5.9.3)
+ runed:
+ specifier: ^0.36.0
+ version: 0.36.0(@sveltejs/kit@2.48.5(@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.43.12)(vite@7.2.2(@types/node@22.19.1)))(svelte@5.43.12)(vite@7.2.2(@types/node@22.19.1)))(svelte@5.43.12)
unplugin-icons:
specifier: ^22.5.0
version: 22.5.0(svelte@5.43.12)
@@ -322,16 +322,6 @@ packages:
'@jridgewell/trace-mapping@0.3.31':
resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
- '@madkarma/svelte-storable@1.0.4':
- resolution: {integrity: sha512-E1vyfs89MzEjT4JJwUH23qKuwia50NP48zRXPLuOtEtIqXl46AW0ZbwpBFXGoSaHodhFOrbYROSLQ4iZCjbJag==}
- peerDependencies:
- svelte: ^5.0.0
-
- '@madkarma/ts-utils@1.1.2':
- resolution: {integrity: sha512-iQqKMtcd0QXSHzHm0L0VNHcUyAuYyd9W05F9fG/pvdB3YZOQzfN85v6pFUH5BdjbjhFGOIs/JwmXBEu290YRww==}
- peerDependencies:
- typescript: ^5.9.3
-
'@nodelib/fs.scandir@2.1.5':
resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
engines: {node: '>= 8'}
@@ -671,6 +661,10 @@ packages:
resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
engines: {node: '>=0.10.0'}
+ dequal@2.0.3:
+ resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+ engines: {node: '>=6'}
+
devalue@5.5.0:
resolution: {integrity: sha512-69sM5yrHfFLJt0AZ9QqZXGCPfJ7fQjvpln3Rq5+PS03LD32Ost1Q9N+eEnaQwGRIriKkMImXD56ocjQmfjbV3w==}
@@ -908,6 +902,10 @@ packages:
lodash.merge@4.6.2:
resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+ lz-string@1.5.0:
+ resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+ hasBin: true
+
magic-string@0.30.21:
resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
@@ -1072,6 +1070,18 @@ packages:
run-parallel@1.2.0:
resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+ runed@0.36.0:
+ resolution: {integrity: sha512-CK84KPwAausPQEyWF9t6miCuNW5isAKPMswDsz7jhdueiZZ9du/UrgWc/aggLts8QuppT8KucryrHDFBAqk9Ww==}
+ peerDependencies:
+ '@sveltejs/kit': ^2.21.0
+ svelte: ^5.7.0
+ zod: ^4.1.0
+ peerDependenciesMeta:
+ '@sveltejs/kit':
+ optional: true
+ zod:
+ optional: true
+
sade@1.8.1:
resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
engines: {node: '>=6'}
@@ -1465,17 +1475,6 @@ snapshots:
'@jridgewell/resolve-uri': 3.1.2
'@jridgewell/sourcemap-codec': 1.5.5
- '@madkarma/svelte-storable@1.0.4(svelte@5.43.12)(typescript@5.9.3)':
- dependencies:
- '@madkarma/ts-utils': 1.1.2(typescript@5.9.3)
- svelte: 5.43.12
- transitivePeerDependencies:
- - typescript
-
- '@madkarma/ts-utils@1.1.2(typescript@5.9.3)':
- dependencies:
- typescript: 5.9.3
-
'@nodelib/fs.scandir@2.1.5':
dependencies:
'@nodelib/fs.stat': 2.0.5
@@ -1790,6 +1789,8 @@ snapshots:
deepmerge@4.3.1: {}
+ dequal@2.0.3: {}
+
devalue@5.5.0: {}
esbuild@0.25.12:
@@ -2048,6 +2049,8 @@ snapshots:
lodash.merge@4.6.2: {}
+ lz-string@1.5.0: {}
+
magic-string@0.30.21:
dependencies:
'@jridgewell/sourcemap-codec': 1.5.5
@@ -2210,6 +2213,15 @@ snapshots:
dependencies:
queue-microtask: 1.2.3
+ runed@0.36.0(@sveltejs/kit@2.48.5(@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.43.12)(vite@7.2.2(@types/node@22.19.1)))(svelte@5.43.12)(vite@7.2.2(@types/node@22.19.1)))(svelte@5.43.12):
+ dependencies:
+ dequal: 2.0.3
+ esm-env: 1.2.2
+ lz-string: 1.5.0
+ svelte: 5.43.12
+ optionalDependencies:
+ '@sveltejs/kit': 2.48.5(@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.43.12)(vite@7.2.2(@types/node@22.19.1)))(svelte@5.43.12)(vite@7.2.2(@types/node@22.19.1))
+
sade@1.8.1:
dependencies:
mri: 1.2.0
diff --git a/src/app.css b/src/app.css
index 63da43e..ebaf857 100644
--- a/src/app.css
+++ b/src/app.css
@@ -7,6 +7,9 @@
border: none;
outline: none;
background: none;
+}
+
+body {
font-family: "Manrope", sans-serif;
font-optical-sizing: auto;
}
@@ -15,9 +18,14 @@
border-radius: 10px;
}
-.unselectable, .unselectable * {
+.unselectable,
+.unselectable * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-}
\ No newline at end of file
+}
+
+[data-theme="light"] {}
+
+[data-theme="dark"] {}
\ No newline at end of file
diff --git a/src/app.html b/src/app.html
index 91f0602..4ea3169 100644
--- a/src/app.html
+++ b/src/app.html
@@ -8,6 +8,12 @@
+
+
%sveltekit.body%
diff --git a/src/lib/stores/index.ts b/src/lib/stores/index.ts
new file mode 100644
index 0000000..cc98fc8
--- /dev/null
+++ b/src/lib/stores/index.ts
@@ -0,0 +1,3 @@
+import { PersistedState } from 'runed';
+
+export const theme = new PersistedState<'light' | 'dark'>('theme', 'light');
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index aa76682..246e5a4 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -4,6 +4,7 @@
import NavBar from '$components/organisms/NavBar.svelte';
import ModalBackground from '$components/atoms/ModalBackground.svelte';
import type { WithChildren } from '$types';
+ import { theme } from '$stores';
let { children }: WithChildren = $props();
@@ -12,6 +13,12 @@
+ {
+ document.documentElement.setAttribute('data-theme', theme.current);
+ }}
+/>
+