What is the correct way to override the colour of text buttons?

[biltongza]

I see that the colour of <sl-button type="text"> is set to rgb(var(--sl-color-primary-600)). What is the correct way for me to override this, since it is in a shadow root? I've tried a .button--text class in my root but it hasn't had any effect.

[claviska]

Try this:

sl-button::part(base) {
  color: tomato; 
}

You can learn more about the CSS ::part selector on this page.

[biltongza]

I actually just figured it out and was coming back here to say exactly this, thanks :)