📣 Introducing Dash `/pages` - A Dash 2.x Feature Preview

Dash Python
,
41

Hey @johnkangw Glad you got the ThemeChangerAIO working! You just made my day! :grin:

There is also a ThemeSwitchAIO to toggle between two themes. See this post for more info: Dash Bootstrap Templates V1.0.0 New: Theme Switch Components

I’m working on a stylesheet to style Dash Core Components and the DataTable with a Bootstrap theme. The first version is now available. The initial goal is to make sure the components are usable in both light and dark themes (ie the text is visible) and to use the Bootstrap “primary” color as the accent color.

To give it a try, add this stylesheet to your external_stylesheets


dbc_css = (
    "https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates@V1.0.1/dbc.min.css"
)
app = Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP, dbc_css])

Then in the layout, add the dbc class to either certain components or the entire layout like this:

app.layout = dbc.Container(
    [
        ...
    ],
    className="dbc",
    fluid=True,
)

Currently, the dropdown doesn’t have any accent colors - it’s just styled generically so the text is visible in all themes. If you have suggestions to improve the style, let me know :slight_smile: