eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

refactor: migrate to common eslint+prettier configs (#4168)

Browse Source 
* refactor: migrate to common eslint+prettier configs

* fix: prettier frontend

* feat: config changes

* fix: lint issues

* fix: lint

* fix: type imports

* fix: cyclical import issue

* fix: lockfile

* fix: missing dep

* fix: switch to tabs

* fix: continue switch to tabs

* fix: rustfmt parity

* fix: moderation lint issue

* fix: lint issues

* fix: ui intl

* fix: lint issues

* Revert "fix: rustfmt parity"

This reverts commit cb99d2376c321d813d4b7fc7e2a213bb30a54711.

* feat: revert last rs
This commit is contained in:
Cal H.
2025-08-14 21:48:38 +01:00
committed by GitHub
parent 82697278dc
commit 2aabcf36ee
702 changed files with 101360 additions and 102020 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
apps/frontend/src/plugins/theme/native-theme.ts
View File

@@ -1,38 +1,38 @@
export type SystemTheme = "unknown" | "light" | "dark";
export type SystemTheme = 'unknown' | 'light' | 'dark'
function useNativeThemeServer() {
let clientHint;
let clientHint
switch (useRequestHeader("Sec-CH-Prefers-Color-Scheme")) {
case "light":
clientHint = "light";
break;
case "dark":
clientHint = "dark";
break;
default:
clientHint = "unknown";
}
switch (useRequestHeader('Sec-CH-Prefers-Color-Scheme')) {
case 'light':
clientHint = 'light'
break
case 'dark':
clientHint = 'dark'
break
default:
clientHint = 'unknown'
}
return computed(() => clientHint as SystemTheme);
return computed(() => clientHint as SystemTheme)
}
function useNativeThemeClient() {
const lightPreference = window.matchMedia("(prefers-color-scheme: light)");
const lightPreference = window.matchMedia('(prefers-color-scheme: light)')
const isLight = ref(lightPreference.matches);
const isLight = ref(lightPreference.matches)
const onPreferenceChange = ({ matches }: MediaQueryListEvent) => (isLight.value = matches);
const onPreferenceChange = ({ matches }: MediaQueryListEvent) => (isLight.value = matches)
lightPreference.addEventListener("change", onPreferenceChange);
lightPreference.addEventListener('change', onPreferenceChange)
onScopeDispose(() => lightPreference.removeEventListener("change", onPreferenceChange));
onScopeDispose(() => lightPreference.removeEventListener('change', onPreferenceChange))
return computed<SystemTheme>(() => (isLight.value ? "light" : "dark"));
return computed<SystemTheme>(() => (isLight.value ? 'light' : 'dark'))
}
export function useNativeTheme() {
if (import.meta.server) return useNativeThemeServer();
if (import.meta.client) return useNativeThemeClient();
throw new Error("Cannot determine the side");
if (import.meta.server) return useNativeThemeServer()
if (import.meta.client) return useNativeThemeClient()
throw new Error('Cannot determine the side')
}