Replacing global themed sass-vars to css-vars (#4322)

* generating css-vars
* convert all global / theme sass vars to css vars with available default theme colors
* added missing colors to dark lens theme

src/renderer/components/+config-autoscalers/autoscaler.mixins.scss

@@ -20,9 +20,9 @@
  */
 
 $hpa-status-colors: (
-  abletoscale: $colorOk,
-  scalingactive: $colorInfo,
-  scalinglimited: $colorSoftError,
+  abletoscale: var(--colorOk),
+  scalingactive: var(--colorInfo),
+  scalinglimited: var(--colorSoftError),
 );
 
 @mixin hpa-status-bgc {