So usually you would do something like: external_stylesheets = [‘ https://codepen.io/chriddyp/pen/bWLwgP.css ’] app = dash.Dash(name, external_stylesheets=external_stylesheets) Suppose I’d like to give users the option to pick a theme that updates the external_stylesheets, for example between das…

Has anyone found a solution for this? I also want to toggle between dbc themes in my dash app.

Take a look at cool theme explorer by @AnnMarieW , [image] Dash Bootstrap Theme Explorer Dash Python Hey Dash Community, I just wanted the share the latest project I’m working on. This is still a work in progress and I’m planning to add a lot more content. I…

Hey @atharvakatre Here is a minimal example that shows the clientside callback used to switch the external stylesheets. And thanks to @Emil who helped improve it - He had the great idea of using two stylsheets with a delay to help reduce the flicker when the stylesheets change. """ This is a mi…

@AnnMarieW @Emil Thank you guys!! This is exactly what I was looking for :slightly_smiling_face:

@AnnMarieW sorry to bother you again but is it possible to replace the dropdown for themes with a boolean toggle switch? Like I want to have to a light and a dark theme in my app and instead of having a dropdown or a radio button for both light and dark options I only want to have a single toggle c…

Hi @atharvakatre I’m happy to help :slight_smile: Actually using a boolean switch is a slightly different process. In the clientside callback you have to use the actual URL for the theme instead of what the dropdown uses - the nice shortcut provided by the dbc library: dbc.themes.MINTY. An e…

@AnnMarieW Thank you, yes I was referring to the dbc.Checlist your example seems perfect for my use case. Looks like it was a pretty easy logic my JS skills are rusty :sweat_smile:

Hi @AnnMarieW , Thnaks for the solutions. I copied your code and executed it, but the theme is not getting updated ? Could you help me When ever i toggle the button ,Getting error as : "Cannot set properties of undefined (setting ‘href’)"

Hi @pranithg and welcome to the Dash community :slightly_smiling_face: The example above worked for Dash v1.21 and Dash Bootstrap Components V0.13 Here is an example using Dash 2.0 and Dash Bootstrap Components V1.0: Note this also Dash Bootstrap Templates to automatically style figures with your…

Thank you @AnnMarieW … Its working…like you said,issue is not installing lib dash-bootstrap-template

Updating external_stylesheets via callback?

Dash Python

Emil April 16, 2021, 12:19pm 3

Take a look at cool theme explorer by @AnnMarieW,

Topic		Replies	Views
Dash Bootstrap, theme switcher? Dash Python	4	5445	September 5, 2024
Dash Bootstrap Templates V1.0.0 New: Theme Switch Components Dash Python show-and-tell	20	7096	June 11, 2024
Switch the local CSS sheets in the Python code Dash Python	6	1855	August 7, 2019
Different dbc.themes within multi-page app Dash Python	8	1901	February 28, 2022
Offline dbc.themes Dash Python	5	965	May 13, 2024

Updating external_stylesheets via callback?

Related topics