sr-rolando/rolandjesse.de
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Added Color the browser elements for mobile browsers

Browse source 
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
This commit is contained in:
Jorge Arias 2016-02-22 22:25:51 -03:00
parent dd3b0a130d
commit 0e3842fc94
3 changed files with 16 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
_config.yml
View file

@ -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 #
################

8
_includes/color-browser.html Normal file
View file

@ -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}}">

2
_includes/head.html
View file

@ -42,6 +42,8 @@
{% include web-app.html %}
{% include color-browser.html %}
{% include syntax-highlight.html %}
</head>