Posted 8 May 2022, 8:19 pm EST
Hi =,
For this, you need to override the following cssclasses.
.gc-columnHeader-hover {
color: #444444;
background-image: none;
background-color: #9fd5b7;
border-style: solid;
border-left-color: #efefef !important;
border-right-color: #d5ded5 !important;
border-bottom-color: #ababab !important;
}
/* fwhen we click on the column header*/
.gc-columnHeader-selected {
color: #ebc858;
background-color: #e72113;
background-image: none;
border-style: solid;
border-left-color: #efefef !important;
border-right-color: #d5ded5 !important;
border-bottom-color: #ababab !important;
}
.gc-columnHeader-highlight {
color: #217346;
background-image: none;
background-color: #c72d2d;
border-style: solid;
border-left-color: #efefef !important;
border-right-color: #d5ded5 !important;
border-bottom-color: #ababab !important;
}
/* normal state */
.gc-columnHeader-normal {
color: #444444;
background-image: none;
background-color: rgb(231, 140, 87);
border-style: solid;
border-left-color: #efefef !important;
border-right-color: #d5ded5 !important;
border-bottom-color: #ababab !important;
}
Regards,
Avinash