How to configure gtk3 css style of gvim8 tab?

Question

gvim 8 is based on gtk3, how to define the tab style in ~/.config/gtk-3.0/gtk.css?

Answer 1

Use gtk inspector to view the element structure:

GTK_DEBUG=interactive gvim

@define-color VIM_BG_FIX #3C4C55;

window#vim-main-window {
    background-color: @VIM_BG_FIX;
}

window#vim-main-window notebook header {
    background-color: #1E272C;
    border-bottom-width: 0;
}
window#vim-main-window notebook tab {
    border-bottom-width: 0;
}
window#vim-main-window notebook tab label {
    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:2px;
    color: #7CBDC6;
}
window#vim-main-window notebook tab:checked label {
    background-color: #7CBDC6;
    color: #1E272C;
}