Themed component sass

[engilyin]

Could you please one or more components to this sample with own sass files where we can use themed colors like:

color: theme-color-level("warn", 3)

color: theme-color("primary")

So that will be applied on theme switch as well.

Thanks

[jfhr]

thanks for the suggestion, I'll look into it over the weekend

[jfhr]

Looks like theme-color and theme-color-level were removed in bootstrap 5, along with some other functions: https://getbootstrap.com/docs/5.0/migration/#sass

However, all bootstrap themes also define some css variables that you can use in a component like so:

something.component.sass

.warning-border:
  border: 1px solid var(--bs-warning)

I've added a PR with a small example: #3

Let me know if that helps you.

[engilyin]

Thank you.
Looks like the css var is only way to do that.
Although it is not supported by older browsers.