mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-12-19 14:38:50 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

web: make everything ssr-compatible

Browse Source
This commit is contained in:
dumbmoron
2024-08-31 17:46:10 +00:00
parent 4b4fce326f
commit 51c140fbfa
9 changed files with 91 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/lib/state/theme.ts
View File

@@ -1,4 +1,5 @@
import { readable, derived, type Readable } from 'svelte/store';
import { browser } from '$app/environment';
import settings from '$lib/state/settings';
import { themeOptions } from '$lib/types/settings';
@@ -7,19 +8,25 @@ type Theme = typeof themeOptions[number];
let set: (_: Theme) => void;
const browserPreference = () =>
window.matchMedia('(prefers-color-scheme: light)')
.matches ? 'light' : 'dark';
const browserPreference = () => {
if (!browser || window.matchMedia('(prefers-color-scheme: light)').matches) {
return 'light';
}
return 'dark'
}
const browserPreferenceReadable = readable(
browserPreference(),
_set => { set = _set }
)
const matchMedia = window.matchMedia('(prefers-color-scheme: dark)');
if (browser) {
const matchMedia = window.matchMedia('(prefers-color-scheme: dark)');
if (matchMedia.addEventListener) {
matchMedia.addEventListener('change', () => set(browserPreference()));
if (matchMedia.addEventListener) {
matchMedia.addEventListener('change', () => set(browserPreference()));
}
}
export default derived(