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/+events/event-details.scss

@@ -22,7 +22,7 @@
 .EventDetails {
   .type {
     .warning {
-      color: $colorError;
+      color: var(--colorError);
     }
   }
 }

src/renderer/components/+events/events.scss

@@ -26,7 +26,7 @@
         flex-grow: 3;
 
         &.warning {
-          color: $colorError;
+          color: var(--colorError);
         }
       }
 

src/renderer/components/+events/kube-event-details.scss

@@ -34,7 +34,7 @@
       word-break: break-word;
 
       &.warning {
-        color: $colorError;
+        color: var(--colorError);
       }
     }
   }

src/renderer/components/+events/kube-event-icon.scss

@@ -21,7 +21,7 @@
 
 .KubeEventIcon {
   &.warning {
-    color: $golden;
+    color: var(--golden);
   }
 }