Little issue with "inverse" parameters on dbc.Card

[rtadewald]

• dash version: #2.0.0
• dash-bootstrap-components version: #1.0.2
• components affected by bug: Card Component

What is happening?

Hello, guys. First of all, thank you all for the great job. I simply love the library.

With that being said, I'm facing a small issue related to use of the inverse parameter in the Card component. It's not changing the color the way it should.

Here's my code: Captura de Tela 2022-03-14 às 13 54 42

And here's what I'm getting:

Even if I try to write "inverse=False", "inverse=True" or change the Bootswatch theme in the app section, I keep seeing a white Card.

Thank you so much.

[tcbegley]

Thanks for reporting! Looks like a bug, I'll look into it.

[tcbegley]

I tried to reproduce this and didn't get the same issue as you

import dash_bootstrap_components as dbc
from dash import Dash, html

app = Dash(external_stylesheets=[dbc.themes.BOOTSTRAP])

app.layout = dbc.Container(
    dbc.Card(
        [
            dbc.CardHeader("Header"),
            dbc.CardBody(
                [
                    html.H5("Title", className="card-title"),
                    html.P("Some content", className="card-text"),
                ],
            ),
        ],
        color="light",
        inverse=False,
    ),
    className="p-5",
)

if __name__ == "__main__":
    app.run_server(debug=True)

Can you run this code and see if you have the same problem?

[rtadewald]

Yeah, I got the same thing:

Here's my packages:

[tcbegley]

That's very odd... I have installed exact same versions of dash packages as you and am not seeing it this end.

Could you look at the text in the inspector / developer tools and see if you can find out where the text color styles are coming from?

[rtadewald]

Ah, I see. That's my fault, I'm sorry. I had an old style.css inside my assets, and he's the one replacing the code. I'm so sorry. Thanks for your help!

[tcbegley]

No problem, glad we got to the bottom of it :)