From 0e3842fc94c7d8e28d1751526f54bdd656b6989b Mon Sep 17 00:00:00 2001
From: Jorge Arias <mail@jorgearias.cl>
Date: Mon, 22 Feb 2016 22:25:51 -0300
Subject: [PATCH] Added Color the browser elements for mobile browsers

Added option of color settings for mobile browsers integration in _config.yml

Based on documentation: https://developers.google.com/web/fundamentals/design-and-ui/browser-customization/theme-color
---
 _config.yml                  | 6 ++++++
 _includes/color-browser.html | 8 ++++++++
 _includes/head.html          | 2 ++
 3 files changed, 16 insertions(+)
 create mode 100644 _includes/color-browser.html

diff --git a/_config.yml b/_config.yml
index 604d6c6..1930f06 100755
--- a/_config.yml
+++ b/_config.yml
@@ -61,6 +61,12 @@ lines: # You can add HTML Tags in the Text
 
 me-img: "/img/jetpacktocat.png"
 
+##############################
+# Color the browser elements #
+##############################
+color-browser: "#000000"
+apple-status-bar-style: "black"
+
 ################
 # Web app mode #
 ################
diff --git a/_includes/color-browser.html b/_includes/color-browser.html
new file mode 100644
index 0000000..27263d8
--- /dev/null
+++ b/_includes/color-browser.html
@@ -0,0 +1,8 @@
+
+<!-- Chrome, Firefox OS and Opera -->
+<meta name="theme-color" content="{{site.color-browser}}">
+<!-- Windows Phone -->
+<meta name="msapplication-navbutton-color" content="{{site.color-browser}}">
+<!-- iOS Safari -->
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="{{site.apple-status-bar-style}}">
diff --git a/_includes/head.html b/_includes/head.html
index 11ce3ff..a163356 100755
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -42,6 +42,8 @@
 
   {% include web-app.html %}
 
+  {% include color-browser.html %}
+
   {% include syntax-highlight.html %}
 
 </head>