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/+nodes/node-details.scss

@@ -20,8 +20,8 @@
  */
 
 .NodeDetails {
-  --status-ready-bg: #{$colorOk};
-  --status-default-bg: #{$colorError};
+  --status-ready-bg: var(--colorOk);
+  --status-default-bg: var(--colorError);
 
   .conditions {
     @include node-status-bgs;

src/renderer/components/+nodes/nodes-mixins.scss

@@ -28,7 +28,7 @@ $node-status-color-list: (
   ready: #4caf50,
   scheduling-disabled: #ff9800,
   invalid-license: #ce3933,
-  cordoned: $colorWarning
+  cordoned: var(--colorWarning)
 );
 
 @mixin node-status-bgs {

src/renderer/components/+nodes/nodes.scss

@@ -37,7 +37,7 @@
       align-self: center;
 
       .LineProgress {
-        color: $lensBlue;
+        color: var(--blue);
       }
     }
 
@@ -46,7 +46,7 @@
       align-self: center;
 
       .LineProgress {
-        color: $lensMagenta;
+        color: var(--magenta);
       }
     }
 
@@ -55,7 +55,7 @@
       align-self: center;
 
       .LineProgress {
-        color: $golden;
+        color: var(--golden);
       }
     }