Apply custom style

assets/css/extended/blank.css

@@ -3,3 +3,12 @@ This is just a placeholder blank stylesheet so as to support adding custom style
 
 Read https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs#bundling-custom-css-with-themes-assets for more info
 */
+body:not(.dark) .logo-dark {
+  display: none!important;
+}
+body.dark .logo-light {
+  display: none!important;
+}
+.logo-switches {
+  margin: -2px 0 0 0;
+}

layouts/partials/footer.html

@@ -5,11 +5,6 @@
     {{- else }}
     <span>&copy; {{ now.Year }} <a href="{{ "" | absLangURL }}">{{ site.Title }}</a></span>
     {{- end }}
-    <span>
-        Powered by
-        <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a> &
-        <a href="https://github.com/adityatelange/hugo-PaperMod/" rel="noopener" target="_blank">PaperMod</a>
-    </span>
 </footer>
 {{- end }}
 

layouts/partials/head.html

@@ -90,14 +90,17 @@
 {{- end -}}
 
 {{- /* Favicons */}}
-<link rel="icon" href="{{ site.Params.assets.favicon | default "favicon.ico" | absURL }}">
+<link rel="icon" type="image/svg+xml" href="{{ site.Params.assets.faviconSvg | default "favicon.svg" | absURL }}">
+<link rel="icon" sizes="any" href="{{ site.Params.assets.favicon | default "favicon.ico" | absURL }}">
 <link rel="icon" type="image/png" sizes="16x16" href="{{ site.Params.assets.favicon16x16 | default "favicon-16x16.png" | absURL }}">
 <link rel="icon" type="image/png" sizes="32x32" href="{{ site.Params.assets.favicon32x32 | default "favicon-32x32.png" | absURL }}">
 <link rel="apple-touch-icon" href="{{ site.Params.assets.apple_touch_icon | default "apple-touch-icon.png" | absURL }}">
 <link rel="mask-icon" href="{{ site.Params.assets.safari_pinned_tab | default "safari-pinned-tab.svg" | absURL }}">
+<link rel="manifest" href="{{ site.Params.assets.webmanifest | default "manifest.webmanifest" | absURL }}">
 <meta name="theme-color" content="{{ site.Params.assets.theme_color | default "#2e2e33" }}">
 <meta name="msapplication-TileColor" content="{{ site.Params.assets.msapplication_TileColor | default "#2e2e33" }}">
 
+
 {{- /* RSS */}}
 {{ range .AlternativeOutputFormats -}}
 <link rel="{{ .Rel }}" type="{{ .MediaType.Type | html }}" href="{{ .Permalink | safeURL }}">

layouts/partials/header.html

@@ -45,6 +45,20 @@
             {{- $label_text := (site.Params.label.text | default site.Title) }}
             {{- if site.Title }}
             <a href="{{ "" | absLangURL }}" accesskey="h" title="{{ $label_text }} (Alt + H)">
+                {{- if site.Params.label.lightIcon }}
+                <img src="{{- site.Params.label.lightIcon | absURL -}}"
+                     alt="{{- site.Title -}}"
+                     class="logo-light"
+                     aria-label="logo"
+                     height="{{- site.Params.label.iconHeight | default "30" -}}">
+                {{- end -}}
+                {{- if site.Params.label.darkIcon }}
+                <img src="{{- site.Params.label.darkIcon | absURL -}}"
+                     alt="{{- site.Title -}}"
+                     class="logo-dark"
+                     aria-label="logo"
+                     height="{{- site.Params.label.iconHeight | default "30" -}}">
+                {{- end -}}
                 {{- if site.Params.label.icon }}
                 {{- $img := resources.Get site.Params.label.icon }}
                 {{- if $img }}
@@ -69,7 +83,6 @@
                 {{- else if hasPrefix site.Params.label.iconSVG "<svg" }}
                     {{ site.Params.label.iconSVG | safeHTML }}
                 {{- end -}}
-                {{- $label_text -}}
             </a>
             {{- end }}
             <div class="logo-switches">