Hi,
You can refer following code for reference:
////////////////////////////////To Set Styling of form elements//////////////////////////////////////////////////////////////////////////////////
function tab_color() {
///////Section Heading Row color////////////////////////////
//.ms-crm-Inline-Value label{font-size:14px;font-family:'Segoe UI', Tahoma, sans-serif;font-style:normal;color: yellow;}
debugger;
var formsection = document.getElementsByClassName("ms-crm-Inline-Value");
for (i = 0; i < formsection.length; i++)
{
formsection[1].style.backgroundColor = "rgb(33,91,154)";
formsection[1].style.padding = "5px";
}
// var formsection_heading = document.getElementsByClassName("ms-crm-Form");
// for (i = 0; i < formsection_heading.length; i++)
// {
// formsection_heading[i].style.color = "red";
// formsection_heading[i].style.fontSize = "12px";
// }
// var Heading_section = document.getElementsByClassName("ms-crm-Form");
// for (i = 0; i < Heading_section.length; i++)
// {
// Heading_section[i].style.color = "#ffffff";
// }
// var label_font = document.getElementsByClassName("ms-crm-InlineEditLabel");
// var i;
// for (i = 0; i < label_font.length; i++)
// {
// label_font[i].style.fontSize = "11px";
// }
}
////////////////////////////////call on form load//////////////////////////////////////////////////////////////////////////////////
Also you need to check logical name and based on name you can change color.
var EntityName = Xrm.Page.data.entity.getEntityName();