Update deps and type themees.

This commit is contained in:
Bradley Shellnut 2022-08-03 22:06:59 -07:00
parent ee71a9b6c6
commit c416630aad
3 changed files with 26 additions and 24 deletions

View file

@ -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",

View file

@ -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

View file

@ -8,18 +8,20 @@
ListboxOptions
} from '@rgossiaux/svelte-headlessui';
const themes = {
type Themes = Record<string, { name: string }>;
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;