I'm using version 7.1.2 on MacOS 15.5
I'm new to Wappler... I made changes in the Theme Manger (left column in screenshot - made the primary color orange) but I don't see the changes applied in the properties (right column in screenshot - primary color still blue). Am I missing something about how this works? I have fallowed the instructions here to ensure I have Bootstrap locally and not via cdn: Wappler Documentation - Using the Theme Manager with Bootstrap 5
Hi Armen,
Have you generated and uploaded the new theme changes?
Also: Are you using some kind of third party template? The theme manager may not be available to you if you are.
To provide some context: the Theme Manager relies on Sass to modify the local Bootstrap stylesheet with your preferred values. If your project uses a remote version of Bootstrap or includes another stylesheet that overrides Bootstrap’s CSS, the Theme Manager won’t be able to apply the intended changes.
As @brad pointed out, your app is likely using a custom stylesheet that’s overriding Bootstrap.
Yes, I've done both. I'm using one of the templates that came with Wappler. I figured it would be a good way to get started exploring some of the front-end features.
I used the steps outlined in the support doc I linked to in the original post to ensure I use a local copy of Bootstrap.
Doing a bit more exploring of the Wappler UI, I did come across this panel which shows the colors that seem to correspond to the ones I'm looking to change. My apologies If some of what I'm posting on this thread is starting to seem excessive. I figured documenting the process here might help someone else in the future if we work this out together. Just familiarizing myself with with Wappler in general and theme manager in particular.
The values in the screenshot are pulled from bootstrap.min.css, located in the bootstrap folder. Just so I have a better sense of what's going on under the hood, can someone shed some light on what the theme manager creates and where it's stored?
Try restarting Wappler, the Sass compilation may not have registered.
Theme regenerated, uploaded, and Wappler restarted. No luck.
Going back to my initial post, is an update to the primary color in the theme manger supposed to update the primary color in the properties column on the right?
Therein lies my problem. My primary color in the theme manger does not match the bs-primary color. I've recreated, uploaded, restarted... I'm using the Wappler starter template.
In order to use the Theme Manager the bootstrap include must be local:
and not from cdn as in your case:
Than you @Teodor! Issue resolved!
