From ed31f79fb6915047193304c8e9b7e80b9bdd9400 Mon Sep 17 00:00:00 2001
From: Amy Troschinetz <lexicalunit@lexicalunit.com>
Date: Fri, 7 Aug 2020 19:13:54 -0700
Subject: [PATCH] Adds support for meta theme-color (#692)

---
 CHANGELOG.md        | 1 +
 _config.yml         | 5 +++++
 _includes/head.html | 4 ++++
 3 files changed, 10 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3ea6068..dab434d 100644
--- 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
index f0e93ca..3568fc4 100644
--- 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
index 2a6acbe..ada9ffc 100644
--- 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 %}