mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Add color-scheme support (fix #4717)
This commit is contained in:
parent
ee4e3730ae
commit
b32d865337
@ -6,27 +6,38 @@ const darkMetaColor = '#111'
|
||||
const add = async () => {
|
||||
document.body.classList.add('dark')
|
||||
localStorage.setItem('pbp_theme_v4', 'b')
|
||||
const meta = dq('meta[name="theme-color"]') as HTMLMetaElement
|
||||
if (!meta) {
|
||||
|
||||
const themeColorMeta = dq('meta[name="theme-color"]') as HTMLMetaElement
|
||||
if (!themeColorMeta) {
|
||||
document.head.insertAdjacentHTML(
|
||||
'beforeend',
|
||||
`<meta name="theme-color" content="${darkMetaColor}">`,
|
||||
)
|
||||
} else {
|
||||
meta.dataset.light = meta.content
|
||||
meta.content = darkMetaColor
|
||||
themeColorMeta.dataset.light = themeColorMeta.content
|
||||
themeColorMeta.content = darkMetaColor
|
||||
}
|
||||
|
||||
const colorSchemeMeta = dq('meta[name="color-scheme"]') as HTMLMetaElement
|
||||
if (!colorSchemeMeta) {
|
||||
document.head.insertAdjacentHTML('beforeend', `<meta name="color-scheme" content="dark">`)
|
||||
} else {
|
||||
colorSchemeMeta.content = 'dark'
|
||||
}
|
||||
}
|
||||
const remove = async () => {
|
||||
document.body.classList.remove('dark')
|
||||
const meta = dq('meta[name="theme-color"]') as HTMLMetaElement
|
||||
if (!meta) {
|
||||
return
|
||||
}
|
||||
if (meta.dataset.light) {
|
||||
meta.content = meta.dataset.light
|
||||
|
||||
const themeColorMeta = dq('meta[name="theme-color"]') as HTMLMetaElement
|
||||
if (themeColorMeta?.dataset.light) {
|
||||
themeColorMeta.content = themeColorMeta.dataset.light
|
||||
} else {
|
||||
meta.remove()
|
||||
themeColorMeta?.remove()
|
||||
}
|
||||
|
||||
const colorSchemeMeta = dq('meta[name="color-scheme"]') as HTMLMetaElement
|
||||
if (colorSchemeMeta) {
|
||||
colorSchemeMeta.content = 'light'
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user