Bluesky app fork with some witchin' additions 💫
witchsky.app
bluesky
fork
client
[bskyembed] Fix landing page for iOS 26 safari dark mode (#10257)
authored by
Samuel Newman
and committed by
GitHub
19e2dc93
ecc78efb
+7
-3
+5
-1
bskyembed/src/color-mode.ts
+5
-1
bskyembed/src/color-mode.ts
···
9
9
document.documentElement.classList.add(theme)
10
10
}
11
11
12
-
export function initSystemColorMode() {
12
+
export function initSystemColorMode({additionalBodyClasses = ''} = {}) {
13
+
if (additionalBodyClasses) {
14
+
document.body.classList.add(additionalBodyClasses)
15
+
}
16
+
13
17
applyTheme(
14
18
window.matchMedia('(prefers-color-scheme: dark)').matches
15
19
? 'dark'
+2
-2
bskyembed/src/screens/landing.tsx
+2
-2
bskyembed/src/screens/landing.tsx
···
28
28
const root = document.getElementById('app')
29
29
if (!root) throw new Error('No root element')
30
30
31
-
initSystemColorMode()
31
+
initSystemColorMode({additionalBodyClasses: 'dark:bg-dimmedBgDarken'})
32
32
33
33
const agent = new AtpAgent({
34
34
service: 'https://public.api.bsky.app',
···
119
119
}, [uri])
120
120
121
121
return (
122
-
<main className="w-full min-h-screen flex flex-col items-center gap-8 py-14 px-4 md:pt-32 dark:bg-dimmedBgDarken dark:text-slate-200">
122
+
<main className="w-full min-h-dvh flex flex-col items-center gap-8 py-14 px-4 md:pt-32 dark:text-slate-200">
123
123
<Link
124
124
href="https://bsky.social/about"
125
125
className="transition-transform hover:scale-110">