Adds support for meta theme-color (#692)

daattali · Aug 8, 2020 · ed31f79 · ed31f79
1 parent c4a3975
commit ed31f79
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/CHANGELOG.md b/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)
 

diff --git a/_config.yml b/_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"

diff --git a/_includes/head.html b/_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 %}