Change color of UnimTabPanel1

[mohsami333]

Hi,

I need to change the font color,backgroud color, font, fontcolor   of tabbar in Tabpaneel.

I tried many things but not working,

 .ColorTabBar 
{
  color: #212529 !important;
   background-color: #ffc107 !important;
   border-color: #ffc107 !important; 
   box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5) !important;
  
}

Please note toch theme selected: material

need some support

 

 

 

[Sherzod]

Hello,

I will try to check. 

[Sherzod]

23 hours ago, mohsami333 said:

backgroud color

Something like this?

[mohsami333]

Yes.

also I need to change font 

Thanks

[Sherzod]

52 minutes ago, mohsami333 said:

also I need to change font 

 

1. 

procedure TMainmForm.UnimFormCreate(Sender: TObject);
begin
  UnimTabPanel1.JSInterface.JSConfig('cls', ['customTabPanel']);
end;

2. CustomCSS ->

.customTabPanel .x-toolbar {
  background-color: green;
}

.customTabPanel .x-tab:not(.x-active) {
  color: white;
}

.customTabPanel .x-tab.x-active {
  color: green;
  font-style: italic;
  text-decoration: underline;
  font-weight: bold;
}