Button Colour in connectwidgets

Posit Professional & Hosted Products Posit Connect
1

I am using the connectwidgets package to create cards in Connect. The syntax is super simple - just something like this:

sample_content %>%
  rsc_card()

I have tried .btn-primary, .btn, .btn-action & .btn-action-primary but I cannot seem to change the button colour itself though:

image
image750×192 4.34 KB

Any suggestions on what the right incantation is?

2

The following worked for me:   .btn-sm {background-color: red;}

image

1 Like
3

Ok so I had tried that but it wasn't working. On a hunch I tried it outside of the .scss file in a css chunk which works. The .scss file looked like this:

/*-- scss:defaults --*/

// Headings
$headings-color:    #653655 !default;

/*-- scss:rules --*/

.btn-sm {background-color: red;}

which is called in a quarto header like this:

---
title: "Untitled"
format: 
  html:
    theme: test.scss
---

I was only able to make it work like this:

```{css}
.btn-sm {background-color: red;}
```

Now this is great in one sense because it unblocks me but it is still a bit confusing. I feel like it should work in the .scss file.