Set primary color to meta theme-color

dxlliv · dxlliv · commit 219df9dff943 · 2023-05-29T23:17:37.000+02:00
diff --git a/client/index.html b/client/index.html
@@ -7,7 +7,7 @@
     <!-- Web App Config -->
     <title>SnapShare</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
-    <meta name="theme-color" content="#3367d6">
+    <meta name="theme-color" content="">
     <meta name="color-scheme" content="dark light">
     <meta name="apple-mobile-web-app-capable" content="no">
     <meta name="apple-mobile-web-app-title" content="SnapShare">
diff --git a/client/scripts/theme.js b/client/scripts/theme.js
@@ -20,6 +20,9 @@
   // Overwrite css primary color variable
   if (window.snapshareConfig.PRIMARY_COLOR) {
     document.documentElement.style.setProperty('--primary-color', window.snapshareConfig.PRIMARY_COLOR);
+
+    // update theme-color meta tag
+    document.querySelector("meta[name=theme-color]").setAttribute("content", window.snapshareConfig.PRIMARY_COLOR);
   }
 
   // Listen for a click on the button 

Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,9 @@`
`20`	`20`	`// Overwrite css primary color variable`
`21`	`21`	`if (window.snapshareConfig.PRIMARY_COLOR) {`
`22`	`22`	`document.documentElement.style.setProperty('--primary-color', window.snapshareConfig.PRIMARY_COLOR);`
	`23`	`+`
	`24`	`+ // update theme-color meta tag`
	`25`	`+ document.querySelector("meta[name=theme-color]").setAttribute("content", window.snapshareConfig.PRIMARY_COLOR);`
`23`	`26`	`}`
`24`	`27`
`25`	`28`	`// Listen for a click on the button`