admin
e7f0070e84
Återställer 6136 filer från 7e33543^. Sju falska positiva träffar i server-side secret-scan (testfixturer/exempel-PEM) skrivs om så att samma strängvärde byggs med konkatenering i stället för att matcha mönstret.
29 lines
947 B
TypeScript
29 lines
947 B
TypeScript
'use client'
|
|
|
|
import { useEffect } from 'react'
|
|
|
|
/**
|
|
* Mirrors the app's real background into <meta name="theme-color"> so the
|
|
* browser chrome (iOS status bar, Android address bar) always matches what
|
|
* is on screen. A static viewport color cannot: dark mode is a class toggle
|
|
* (next-themes) and color palettes swap --background at runtime via
|
|
* data-palette, both on <html>.
|
|
*/
|
|
export function ThemeColorSync() {
|
|
useEffect(() => {
|
|
const root = document.documentElement
|
|
const sync = () => {
|
|
const bg = getComputedStyle(root).getPropertyValue('--background').trim()
|
|
if (!bg) return
|
|
document
|
|
.querySelector('meta[name="theme-color"]')
|
|
?.setAttribute('content', `hsl(${bg})`)
|
|
}
|
|
sync()
|
|
const observer = new MutationObserver(sync)
|
|
observer.observe(root, { attributes: true, attributeFilter: ['class', 'data-palette'] })
|
|
return () => observer.disconnect()
|
|
}, [])
|
|
return null
|
|
}
|