Adds support for meta theme-color

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## Unreleased version
 
+- Adds support for custom meta-theme site color. (#692)
 - Add support for `site-css` config parameter to provide site-level CSS files. (#695)
 - Add support for `description` YAML parameter to provide a more detailed meta description (#690)
 

_config.yml

@@ -101,6 +101,11 @@ footer-link-col: "#404040"
 #footer-img: "/assets/img/bgimage.png"
 #page-img: "/assets/img/bgimage.png"
 
+# Customize the site coloration for your website. This is used by various applications,
+# for example many mobile browsers will use this color in their user interface elements
+# when users view your website.
+#custom-site-color: ""
+
 # You can also include any number of additional CSS assets in every page on your site
 #site-css:
 #  - "/assets/css/my-style.css"

_includes/head.html

@@ -14,6 +14,10 @@
   <meta name="description" content="{{ page.subtitle }}">
   {% endif %}
 
+  {% if site.custom-site-color %}
+  <meta name="theme-color" content="{{ site.custom-site-color }}">
+  {% endif %}
+
   <link rel="alternate" type="application/rss+xml" title="{{ site.title | default: 'Untitled' }} {{ site.title-separator | default: '-' }} {{ site.description }}" href="{{ '/feed.xml' | absolute_url }}">
 
   {% include gtag.html %}