diff --git a/package.json b/package.json index c40e690..83d3133 100644 --- a/package.json +++ b/package.json @@ -17,7 +17,7 @@ "@rgossiaux/svelte-headlessui": "1.0.2", "@rgossiaux/svelte-heroicons": "^0.1.2", "@sveltejs/adapter-auto": "1.0.0-next.64", - "@sveltejs/kit": "1.0.0-next.402", + "@sveltejs/kit": "1.0.0-next.403", "@types/cookie": "^0.5.1", "@types/node": "^18.6.3", "@typescript-eslint/eslint-plugin": "^5.32.0", @@ -30,7 +30,7 @@ "just-debounce-it": "^3.0.1", "prettier": "^2.7.1", "prettier-plugin-svelte": "^2.7.0", - "sass": "^1.54.1", + "sass": "^1.54.2", "svelte": "^3.49.0", "svelte-check": "^2.8.0", "svelte-preprocess": "^4.10.7", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 83fb736..cfdcae0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -9,7 +9,7 @@ specifiers: '@rgossiaux/svelte-headlessui': 1.0.2 '@rgossiaux/svelte-heroicons': ^0.1.2 '@sveltejs/adapter-auto': 1.0.0-next.64 - '@sveltejs/kit': 1.0.0-next.402 + '@sveltejs/kit': 1.0.0-next.403 '@types/cookie': ^0.5.1 '@types/feather-icons': ^4.7.0 '@types/node': ^18.6.3 @@ -25,7 +25,7 @@ specifiers: just-debounce-it: ^3.0.1 prettier: ^2.7.1 prettier-plugin-svelte: ^2.7.0 - sass: ^1.54.1 + sass: ^1.54.2 svelte: ^3.49.0 svelte-check: ^2.8.0 svelte-preprocess: ^4.10.7 @@ -49,7 +49,7 @@ devDependencies: '@rgossiaux/svelte-headlessui': 1.0.2_svelte@3.49.0 '@rgossiaux/svelte-heroicons': 0.1.2_svelte@3.49.0 '@sveltejs/adapter-auto': 1.0.0-next.64 - '@sveltejs/kit': 1.0.0-next.402_svelte@3.49.0+vite@3.0.4 + '@sveltejs/kit': 1.0.0-next.403_svelte@3.49.0+vite@3.0.4 '@types/cookie': 0.5.1 '@types/node': 18.6.3 '@typescript-eslint/eslint-plugin': 5.32.0_iosr3hrei2tubxveewluhu5lhy @@ -62,13 +62,13 @@ devDependencies: just-debounce-it: 3.0.1 prettier: 2.7.1 prettier-plugin-svelte: 2.7.0_o3ioganyptcsrh6x4hnxvjkpqi - sass: 1.54.1 + sass: 1.54.2 svelte: 3.49.0 - svelte-check: 2.8.0_sass@1.54.1+svelte@3.49.0 - svelte-preprocess: 4.10.7_4rm3dya3yiyrh2c36qahwx3qae + svelte-check: 2.8.0_sass@1.54.2+svelte@3.49.0 + svelte-preprocess: 4.10.7_sds2662lehtce3ogrgkmwkedb4 tslib: 2.4.0 typescript: 4.7.4 - vite: 3.0.4_sass@1.54.1 + vite: 3.0.4_sass@1.54.2 packages: @@ -268,8 +268,8 @@ packages: - supports-color dev: true - /@sveltejs/kit/1.0.0-next.402_svelte@3.49.0+vite@3.0.4: - resolution: {integrity: sha512-F0Mm+bTGOnl+vWKab5uwXsY+5YypC/uveGE0wKyYSE9a/pFQD20WwrvRKePGhUCepiHc7S82jxVZRwjCsToaNQ==} + /@sveltejs/kit/1.0.0-next.403_svelte@3.49.0+vite@3.0.4: + resolution: {integrity: sha512-pKlmthl1SZkbx671Jp+LBoRne0vNzsjSgta9iRhqW/bt/0mx/IjlMd/NOeLuJGo30dAJdefrySoSamiaq47M/g==} engines: {node: '>=16.9'} hasBin: true requiresBuild: true @@ -281,7 +281,7 @@ packages: chokidar: 3.5.3 sade: 1.8.1 svelte: 3.49.0 - vite: 3.0.4_sass@1.54.1 + vite: 3.0.4_sass@1.54.2 transitivePeerDependencies: - diff-match-patch - supports-color @@ -305,7 +305,7 @@ packages: magic-string: 0.26.2 svelte: 3.49.0 svelte-hmr: 0.14.12_svelte@3.49.0 - vite: 3.0.4_sass@1.54.1 + vite: 3.0.4_sass@1.54.2 transitivePeerDependencies: - supports-color dev: true @@ -2010,8 +2010,8 @@ packages: rimraf: 2.7.1 dev: true - /sass/1.54.1: - resolution: {integrity: sha512-GHJJr31Me32RjjUBagyzx8tzjKBUcDwo5239XANIRBq0adDu5iIG0aFO0i/TBb/4I9oyxkEv44nq/kL1DxdDhA==} + /sass/1.54.2: + resolution: {integrity: sha512-wbVV26sejsCIbBScZZtNkvnrB/bVCQ8hSlZ01D9nzsVh9zLqCkWrlpvTb3YEb6xsuNi9cx75hncqwikHFSz7tw==} engines: {node: '>=12.0.0'} hasBin: true dependencies: @@ -2127,7 +2127,7 @@ packages: engines: {node: '>= 0.4'} dev: true - /svelte-check/2.8.0_sass@1.54.1+svelte@3.49.0: + /svelte-check/2.8.0_sass@1.54.2+svelte@3.49.0: resolution: {integrity: sha512-HRL66BxffMAZusqe5I5k26mRWQ+BobGd9Rxm3onh7ZVu0nTk8YTKJ9vu3LVPjUGLU9IX7zS+jmwPVhJYdXJ8vg==} hasBin: true peerDependencies: @@ -2140,7 +2140,7 @@ packages: picocolors: 1.0.0 sade: 1.8.1 svelte: 3.49.0 - svelte-preprocess: 4.10.7_4rm3dya3yiyrh2c36qahwx3qae + svelte-preprocess: 4.10.7_sds2662lehtce3ogrgkmwkedb4 typescript: 4.7.4 transitivePeerDependencies: - '@babel/core' @@ -2164,7 +2164,7 @@ packages: svelte: 3.49.0 dev: true - /svelte-preprocess/4.10.7_4rm3dya3yiyrh2c36qahwx3qae: + /svelte-preprocess/4.10.7_sds2662lehtce3ogrgkmwkedb4: resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==} engines: {node: '>= 9.11.2'} requiresBuild: true @@ -2209,7 +2209,7 @@ packages: '@types/sass': 1.43.1 detect-indent: 6.1.0 magic-string: 0.25.9 - sass: 1.54.1 + sass: 1.54.2 sorcery: 0.10.0 strip-indent: 3.0.0 svelte: 3.49.0 @@ -2305,7 +2305,7 @@ packages: resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==} dev: true - /vite/3.0.4_sass@1.54.1: + /vite/3.0.4_sass@1.54.2: resolution: {integrity: sha512-NU304nqnBeOx2MkQnskBQxVsa0pRAH5FphokTGmyy8M3oxbvw7qAXts2GORxs+h/2vKsD+osMhZ7An6yK6F1dA==} engines: {node: ^14.18.0 || >=16.0.0} hasBin: true @@ -2328,7 +2328,7 @@ packages: postcss: 8.4.14 resolve: 1.22.1 rollup: 2.77.2 - sass: 1.54.1 + sass: 1.54.2 optionalDependencies: fsevents: 2.3.2 dev: true diff --git a/src/lib/components/preferences/themes.svelte b/src/lib/components/preferences/themes.svelte index a7f50d6..6a618c6 100644 --- a/src/lib/components/preferences/themes.svelte +++ b/src/lib/components/preferences/themes.svelte @@ -8,18 +8,20 @@ ListboxOptions } from '@rgossiaux/svelte-headlessui'; - const themes = { + type Themes = Record; + + const themes: Themes = { '🌛 Night': { name: '🌛 Night' }, '☀️ Daylight': { name: '☀️ Daylight' } }; - let selectedTheme = getTheme() ?? themes['🌛 Night']; + let selectedTheme: { name: string } = getTheme() ?? themes['🌛 Night']; function getTheme() { if (!browser) return; const htmlElement = document.documentElement; - const userTheme = localStorage.theme; + const userTheme: string = localStorage.theme; const prefersDarkMode = window.matchMedia('prefers-color-scheme: dark').matches; const prefersLightMode = window.matchMedia('prefers-color-scheme: light').matches;