How to style 'native attributes' with Glade using CSS / GTK+?
I'm working on a GUI glade-file with Glade 3.22.1 using external CSS-file. I've managed to style it to a dark theme...
But there are 5 native(?) attributes/elements(?) I can't seem to alter using CSS.
See picture: overview of gui incl. the points below:
-
GtkHeaderBar: on the top there's this white line; I want it gone. Below CSS code doesn't have impact on it:
.header { border: 0px #181818; border-style: solid; background: #181818; color: #e1e1e1; border-top-color: #181818; }
-
GtkEntry: when active, there's this blue border around it. Nowhere in CSS it's stated that it should be blue. I want it gray.
-
GtkStackSwitcher: They look native/default, but I want them just like the buttons, dark-gray with a border of black around them. Following CSS code doesn't do the trick:
.GtkStackSwitcher .button { background-color: #ff0000; background: #ff0000; border-width: 0; } .GtkStackSwitcher .button:checked { background-color: #0000ff; background: #0000ff; } .GtkStackSwitcher .button:active { background-color: #00ff00; background: #00ff00; }
-
GtkPaned: Separator/Splitter is gray. I want it black. Following CSS code doesn't do the trick:
.GtkPaned .pane-separator { background-color: #000000; border-width: 0; background-size: 0px auto; background-repeat: no-repeat; background-position: center; }
-
Buttons have a white line on top. I don't want a line. Following CSS code doesn't cut it:
.button { margin: 5px; border: 1px solid #212121; border-radius: 5px; background: #212121; color: #e1e1e1; border-top-color: #212121; background-image: none; background-color: rgba (0, 0, 0, 0); }
I think those attributes are native, based on your OS somehow.
So how would I style those 'native attributes' with Glade using CSS? Or what is the work-around?
glade file + css-file attached: main_edit2.gladecustom.css