Toolbar Color Change
by Shuaib Khan
HTML
<header class="header">
<h3>
</h3>
</header>
CSS
.header {
padding: 20px;
background: -webkit-linear-gradient(to right, #1488cc, #2b32b2);
background: linear-gradient(to right, #1488cc, #2b32b2);
}
body{
padding:0;
margin:0;
}
JavaScript
function changeToolbarColor(color){
console.log(color);
//console.log($(".header").css("background-image"));
if(color){
$("meta[name='theme-color']").attr("content",color);
}else if($(".header").css("background-image").includes("linear")){
$("meta[name='theme-color']").attr("content", "#fff")
}else{
var solidC = $(".header").css("background-color");
$("meta[name='theme-color']").attr("content", solidC);
}
}
changeToolbarColor();