<style>
#uno, #cinco{
color:fuchsia;
font-weight:bold;
}

#dos{
color:blue;
}

#tres{
color:red;
}

#quatro{
color:green;
}

</style>
<pre>
function colors(a,b,c){
if(!night){
a.style.color= b;
a.style.background= c;
}
else{
a.style.color= "white";
a.style.background= "black";
}
}
<hr>
name.forEach((i,x)=>{
i.style.border= "1px solid gray";
if(!night){
colors(i,"black","white");
}
else{
colors(i,"white","black");
}
})

<hr>
function stopAll(){
player.forEach((i,x)=>{
i.src= "";
name[x].style.border= "1px solid gray";
colors(name[x],"black","white");
})
document.title= "KD Radio - Bollywood";
}</pre>

<hr>
<pre id="uno">
name.forEach((i,x)=>{
</pre>

<pre id="dos">

i.onclick=()=>{
if(player[x].paused){
stopAll();
colors(i,"white","green");
player[x].src= url[x];
player[x].play();
}
else{
return false;
}
};
</pre>

<pre id="tres">

player[x].onpause=()=>{
if(night) name[x].style.border= "1px solid red";
colors(i,"white","red");
};
</pre>

<pre id="quatro">

player[x].onplay=()=>{
dur.innerHTML= `Loading ${i.innerHTML}...`;
duration(player[x],i.innerHTML);
if(night) i.style.border= "1px solid #00fd03";
colors(i,"white","green");
document.title= "KD Radio - "+ i.innerHTML;
};
</pre>

<pre id="cinco">

})
</pre>