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/+custom-resources/crd-resource-details.scss

@@ -23,7 +23,7 @@
   .status {
     .ready {
       color: white;
-      background-color: $colorOk;
+      background-color: var(--colorOk);
     }
   }
 }

src/renderer/components/+custom-resources/crd.mixins.scss

@@ -21,11 +21,11 @@
 
 // CRD conditions from here https://github.com/kubernetes/apiextensions-apiserver/blob/master/pkg/apis/apiextensions/types.go
 $crd-condition-colors: (
-  Established: $colorSuccess,
-  NamesAccepted: $colorOk,
-  NonStructuralSchema: $colorError,
-  Terminating: $colorTerminated,
-  KubernetesAPIApprovalPolicyConformant: $colorWarning
+  Established: var(--colorSuccess),
+  NamesAccepted: var(--colorOk),
+  NonStructuralSchema: var(--colorError),
+  Terminating: var(--colorTerminated),
+  KubernetesAPIApprovalPolicyConformant: var(--colorWarning)
 );
 
 @mixin crd-condition-bgc {