Trez/congo-hindi-gujarati
4
0
Fork 0
mirror of https://github.com/TrezOne/congo-hindi-gujarati.git synced 2026-07-19 09:03:02 -04:00
Code Issues Packages Projects Releases Wiki Activity

🚸 Set theme-color using theme colour scheme

Browse Source
This commit is contained in:
James Panther
2022-11-22 09:55:20 +11:00
parent 4679ce485c
commit 447ce2f52a
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/js/appearance.js
+9 -3
View File
@@ -1,11 +1,17 @@
const sitePreference = document.documentElement.getAttribute("data-default-appearance"); const sitePreference = document.documentElement.getAttribute("data-default-appearance");
const userPreference = localStorage.getItem("appearance"); const userPreference = localStorage.getItem("appearance");
function getCSSValue(varName) {
var cssValue = window.getComputedStyle(document.documentElement).getPropertyValue(varName);
return "rgb(" + cssValue.replace(/\s+/g, "") + ")";
}
function setThemeColor() { function setThemeColor() {
const metaThemeColor = document.querySelector("meta[name=theme-color]"); var metaThemeColor = document.querySelector("meta[name=theme-color]");
document.documentElement.classList.contains("dark") document.documentElement.classList.contains("dark")
? metaThemeColor.setAttribute("content", "#27272a") ? metaThemeColor.setAttribute("content", getCSSValue("--color-neutral-800"))
: metaThemeColor.setAttribute("content", "#ffffff"); : metaThemeColor.setAttribute("content", getCSSValue("--color-neutral"));
return true;
} }
if ((sitePreference === "dark" && userPreference === null) || userPreference === "dark") { if ((sitePreference === "dark" && userPreference === null) || userPreference === "dark") {
layouts/partials/head.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta http-equiv="content-language" content="{{ . }}" /> <meta http-equiv="content-language" content="{{ . }}" />
{{ end }} {{ end }}
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#ffffff" /> <meta name="theme-color" content="rgb(255,255,255)" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
{{/* Title */}} {{/* Title */}}
{{ if .IsHome -}} {{ if .IsHome -}}