title: Plotly Dash - Bootstrap's cards don't change of color
body: <p>I am trying to change the color of some Cards, the problem is that neither the background color nor the border color change.
  In this code fragment I try to color the first Card, but it is observed that it is exactly the same as the others below:</p>
  <pre><code>dbc.Card(dbc.CardBody([html.Div([html.H3(&quot;Nº DBpedia entities&quot;), html.H3(&quot;123&quot;)]
                                           )]),style={'display': 'inline-block'}, color=&quot;secondary&quot;, inverse=True),
  dbc.Card(dbc.CardBody([html.Div([html.H3(&quot;Nº DBpedia types&quot;), html.H3(&quot;188&quot;)] 
                                           )]), style={'display': 'inline-block', &quot;margin-left&quot;: &quot;30px&quot;}),  
  dbc.Card(dbc.CardBody([html.Div([html.H3(&quot;Nº redirects&quot;), html.H3(&quot;888&quot;)] 
                                           )]),style={'display': 'inline-block', &quot;margin-left&quot;: &quot;30px&quot;}),
  dbc.Card(dbc.CardBody([html.Div([html.H3(&quot;Nº disambiguations&quot;), html.H3(&quot;777&quot;)] 
                                           )]),style={'display': 'inline-block', &quot;margin-left&quot;: &quot;30px&quot;})
  </code></pre>
  <p>Result:
  <a href="https://i.stack.imgur.com/Ca9W1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ca9W1.png" alt="enter image description here" /></a></p>
  <p>Hope you can help me. Thank you very much in advance.</p>