Add --bg-* to the theme namespace

[torleifhalseth]

In our team, we define theme variables that are specific for background and text. That way, we don't want to use the--color-* namespace because then you will be able to use the colour variables for both bg and text. The text scope is solved using the --text-* namespace, but we are missing the --bg-* namespace to scope these background-specific colours.

Adding/exposing the --bg-* namespace would be amazing. What are your thoughts on this?

I created a simple demo with some of our variables https://play.tailwindcss.com/dxB4JAFz1Z?file=css

[wongjn]

This already exists as the --background-color namespace: https://play.tailwindcss.com/yZ8z33NWRY?file=css

[torleifhalseth]

Wow that was quick @wongjn. Thank you 🏎️