Bokeh 3.0.3 custom CSS changes

Hello All,

I have recently upgraded to Bokeh 3.x and understood most of the CSS related changes. I’m trying to understand how to migrate styles that I used to apply to TabPanel widget and most notably the tab.

I used to have the active panel tab with such following css style:

.bk-root .bk-tabs-header .bk-tab.bk-active{
background-color: #404040;
color: #CE9178;
font-style: normal;
font-weight: bold;
}

Although there is an easy way to attach stylesheet to a component such a button, I have not found a way to apply similar strategy on the following div: <div class="bk-tab bk-active" tabindex="0">Test</div>

Any help would be greatly appreciated. Thanks a lot

cc @mateusz

Problem solved. I didn’t realize I could attach the stylesheet at the Tabs level (vs. TabPanel)

1 Like