Ability to choose Bootbox modal header color

[Apple]

Wappler 5.6.1
Bootstrap 5

Ability to choose bootbox modal header color

Bootbox dialogs have no selectable color

I previously reported and proposed a solution here:

Issues with Bootbox dialogs

Have you applied this fix as well? I think this is for the modal header background, and George needs to add support for “style” variable to the UI If you have a dark-themed webpage, the modal would have the header white if not applied with this fix (and I also define “style” in my modal code, e.g.: “primary”, so it becomes “bg-primary”)

Another user experienced the same problem:

Change Modal Header Color

I am using a bootbox confirm and wanted to change the color of the modal it opens. You can change the button colors when setting up the action and I changed the body and footer by changing the “modal content bg” property in theme manager, but I can’t find anything for the header. This is what it looks like when the modal pops up from an action. [image] Am I just blind or does the option not exist? And if it doesn’t exist how else can I style the header?

[TMR]

I’m surprised this request is not a lot more popular, the standard bootbox modals are very plain looking.

In the meantime, there’s help here:
https://bootboxjs.com/examples.html

[Teodor]

For dark themes, for bootstrap 5 sites, you can override the bootbox modal header color using css:

#modbox-container .modal-header.bg-white {
    background-color: #333 !important;
}
#modbox-container h5.modal-title.text-dark {
    color: #fff !important;
}

at least until a solution is integrated.