Add “theme-color” support to your NationBuilder themes

Starting in Chrome 39 on Android Lollipop, you can use a theme-color tag to set the toolbar color on individual webpages. It takes just a single line of code, but has the effect of making your website look almost like a native app on Android.

Screenshots: Android Tab Colors

To add support for this feature to your NationBuilder custom theme, add the following line to your layout.html file just above the {{ content_for_header }} tag:

<meta name="theme-color" content="#2980b9" /> 

Just replace the value of “content” to any valid CSS color that matches your theme, and you’re all set. Enjoy!


Share this post