💄 Fix Safari status bar style

Add status bar style meta tag in head.html, add setting same value in appearance.js
This commit is contained in:
Jan Kremer
2024-01-19 20:02:44 +01:00
committed by GitHub
parent c8f648d5c2
commit 088be03f0b
2 changed files with 5 additions and 0 deletions
+4
View File
@@ -8,9 +8,13 @@ function getCSSValue(varName) {
function setThemeColor() {
var metaThemeColor = document.querySelector("meta[name=theme-color]");
var metaAppleMobileWebAppStatusBarStyle = document.querySelector("meta[name=apple-mobile-web-app-status-bar-style]");
document.documentElement.classList.contains("dark")
? metaThemeColor.setAttribute("content", getCSSValue("--color-neutral-800"))
: metaThemeColor.setAttribute("content", getCSSValue("--color-neutral"));
document.documentElement.classList.contains("dark")
? metaAppleMobileWebAppStatusBarStyle.setAttribute("content", getCSSValue("--color-neutral-800"))
: metaAppleMobileWebAppStatusBarStyle.setAttribute("content", getCSSValue("--color-neutral"));
return true;
}
+1
View File
@@ -2,6 +2,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="rgb(255,255,255)" />
<meta name="apple-mobile-web-app-status-bar-style" content="rgb(255,255,255)" />
{{/* Title */}}
{{ if .IsHome -}}
<title>{{ .Site.Title | emojify }}</title>