navidrome/ui/src/useChangeThemeColor.js
Dnouv 0c93db816c
Fix PWA notification toolbar color (#1083)
* Fix PWA notification color

* Add React hook

* Convert component into a hook

Co-authored-by: Deluan <deluan@navidrome.org>
2021-05-11 20:11:54 -04:00

15 lines
447 B
JavaScript

import { useEffect } from 'react'
import useCurrentTheme from './themes/useCurrentTheme'
const useChangeThemeColor = () => {
const theme = useCurrentTheme()
const color =
theme.palette?.primary?.light || theme.palette?.primary?.main || '#ffffff'
useEffect(() => {
const themeColor = document.querySelector("meta[name='theme-color']")
themeColor.setAttribute('content', color)
}, [color])
}
export default useChangeThemeColor