How to change the color of a selected tab?

hi, I would like to change the colour of a selected tab, to the background of left blue, and white color for letters

hi @topotaman
You can find one way of changing the color in the Dash Bootstrap Tab docs, under the Active Styles chapter.

I know it’s with styles … but dont know where to look the option styles… how do I chose them?

**style** (*dict* ; optional): Defines CSS styles which will override styles previously set.

import dash_bootstrap_components as dbc
from dash import html

tabs = html.Div(
    [
        dbc.Tabs(
            [
                dbc.Tab(
                    label="tab 1",
                    active_tab_style={"textTransform": "uppercase"},
                ),
                dbc.Tab(
                    label="tab 2", active_label_style={"color": "#FB79B3"}
                ),
            ]
        ),
        html.Br(),
        dbc.Tabs(
            [
                dbc.Tab(
                    label="Tab 1", activeTabClassName="fw-bold fst-italic"
                ),
                dbc.Tab(label="Tab 2", activeLabelClassName="text-success"),
            ]
        ),
    ]
)
1 Like