Feature request: Native css variables

As far as I understand, at the given moment, all the stylys settings (colors, theme, etc.) are compiled into css as values.

This causes some inconvenience. For example, to change the primaty color of a theme, I have to integrate the sources into my project, redefine the $theme variable and compile the result.

How much easier it would be if the colors of the theme were set using the native CSS variable. In this case, redefining the color palette becomes much easier and more flexible. And the original code of the vuetifyjs is reduced.

:root {
  --primaryColor: #f06d06;
}

I understand that the use of native variables may not give all the possibilities as a stylus, but I am convinced that this is something to which one should strive.

I think you should take the parameters of the theme into native variables. And in the future expand other settings.

[nekosaur]

CSS variables is a no go as long as we support IE11. We can revisit this in the future if/when we decide to drop IE11.

[Xowap]

Damn, I should learn to read. The PR is already done. Awesome guys 👍