How to change the card header color of a specific card?

[udurraniAtPresage]

I have a card in UI as follows:

    card(
      card_header(
        "Things to Improve",
        class = "thingsti"
      ),
      card_body(
        uiOutput("thingsti")
      )
    )

I provide the class in the css file as:

.thingsti {
  /*
      background-color: #fc6a03;
      color: white;
      */
    --bslib-color-bg: #fc6a03;
    --bslib-color-fg: #fff;
  }

But it does not provide the color I am specifying. I have tried the commented option also.

[cpsievert]

Looks like you're running into a specificity issue that we'll hopefully be improving in the near future, but in the meantime, you can fix it with an !important flag.

page_fixed(
  theme = bs_theme() |>
    bs_add_rules("
      .thingsti {
         background-color: #fc6a03 !important;
         color: white;
       }
    "),
  card(
    card_header("Header", class = "thingsti"),
    "Body"
  )
)

[udurraniAtPresage]

This works after restarting RStudio. Thank you.