Gtk 3 Notebook tabs styling troubles

Platform
, ,
1

I’am trying to write CSS styles for my Glade application. The issue I’ve got is unable to remove or change color of blue underline on active tab. I tried to access styling over ‘notebook tab:checked’ but it looks like that blue element have been puted inside tab element. I can’t find any information what kind of element could it be. I’ll apreciate any help.

To be clear, I’am talking about this in-build control: Gtk.Notebook

2

I found the answer by analysing existing theme. Blue line in notebook’s tab was made with box-shadow property. To remove it just add:

notebook > header.top > tabs > tab:checked {box-shadow: none;}

to change it’s color:

notebook > header.top > tabs > tab:checked {box-shadow: inset 0px -2px 0px 0px <color>;}
1 Like