Merge pull request #62 from klaidliadon/master

Custom 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" . }}

layouts/partials/svg.html

@@ -22,6 +22,8 @@
     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
 {{- else if (eq .name "telegram") -}}
     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-send"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
+{{- else if (eq .name "keybase") -}}
+    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-key"><path d="M 13.898438 14.601562 L 10.5 18 L 8.25 18 L 8.25 20.25 L 6 20.25 L 6 22.5 L 2.25 22.5 L 2.25 18.75 L 10.148438 10.851562 C 9.890625 10.15625 9.75 9.40625 9.75 8.625 C 9.75 5.105469 12.605469 2.25 16.125 2.25 C 19.644531 2.25 22.5 5.105469 22.5 8.625 C 22.5 12.144531 19.644531 15 16.125 15 C 15.34375 15 14.59375 14.859375 13.898438 14.601562 Z M 20.25 6.75"/></svg>
 {{- else if (eq .name "stackoverflow") -}}
     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M18.986 21.865v-6.404h2.134V24H1.844v-8.539h2.13v6.404h15.012zM6.111 19.731H16.85v-2.137H6.111v2.137zm.259-4.852l10.48 2.189.451-2.07-10.478-2.187-.453 2.068zm1.359-5.056l9.705 4.53.903-1.95-9.706-4.53-.902 1.936v.014zm2.715-4.785l8.217 6.855 1.359-1.62-8.216-6.853-1.35 1.617-.01.001zM15.751 0l-1.746 1.294 6.405 8.604 1.746-1.294L15.749 0h.002z"/></svg>
 {{- else -}}

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="}}