favicons color

exampleSite/config.toml

@@ -76,6 +76,11 @@ disableHugoGeneratorInject = false
   # Default theme "light" or "dark"
   defaultTheme = "dark"
   themeColor = "#252627"
+  # Colors for favicons
+  [params.favicon.color]
+    mask = "#252627"
+    msapplication = "#252627"
+    theme = "#252627"
 
   [params.logo]
     logoText     = "$ cd /home/"

exampleSite/resources/_gen/assets/scss/scss/main.scss_39fa5fe97be74115670eace810202c56.json

@@ -0,0 +1 @@
+{"Target":"main.min.7bfbbe12786fa0ded4b4c0d792cbb36a5bd0bdb0b856dde57aa7b1f6fe0f2b87.css","MediaType":"text/css","Data":{"Integrity":"sha256-e/u+EnhvoN7UtMDXksuzalvQvbC4Vt3leqex9v4PK4c="}}

layouts/partials/favicons.html

@@ -1,7 +1,10 @@
+{{- with .Site.Params.favicon.color }}
 <link rel="apple-touch-icon" sizes="180x180" href="{{"apple-touch-icon.png" | relURL}}">
 <link rel="icon" type="image/png" sizes="32x32" href="{{"favicon-32x32.png" | relURL}}">
 <link rel="icon" type="image/png" sizes="16x16" href="{{"favicon-16x16.png" | relURL}}">
 <link rel="manifest" href="{{"site.webmanifest" | relURL}}">
-<link rel="mask-icon" href="{{"safari-pinned-tab.svg" | relURL}}" color="#252627">
+<link rel="mask-icon" href="{{"safari-pinned-tab.svg" | relURL}}" color="{{.mask}}">
 <link rel="shortcut icon" href="{{"favicon.ico" | relURL}}">
-<meta name="theme-color" content="#252627">
+<meta name="msapplication-TileColor" content="{{.msapplication}}">
+<meta name="theme-color" content="{{.theme}}">
+{{ end }}

layouts/partials/head.html

@@ -34,7 +34,7 @@
 {{ end }}
 
 <!-- Icons -->
-{{- partial "favicons.html" }}
+{{- partial "favicons.html" . }}
 
 {{- template "_internal/schema.html" . }}
 {{- template "_internal/twitter_cards.html" . }}

resources/_gen/assets/scss/scss/main.scss_39fa5fe97be74115670eace810202c56.json

@@ -0,0 +1 @@
+{"Target":"main.min.7bfbbe12786fa0ded4b4c0d792cbb36a5bd0bdb0b856dde57aa7b1f6fe0f2b87.css","MediaType":"text/css","Data":{"Integrity":"sha256-e/u+EnhvoN7UtMDXksuzalvQvbC4Vt3leqex9v4PK4c="}}