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/+apps-releases/release.mixins.scss

@@ -20,12 +20,12 @@
  */
 
 $release-status-color-list: (
-  deployed: $colorSuccess,
-  failed: $colorError,
-  deleting: $colorWarning,
-  pendingInstall: $colorInfo,
-  pendingUpgrade: $colorInfo,
-  pendingRollback: $colorInfo,
+  deployed: var(--colorSuccess),
+  failed: var(--colorError),
+  deleting: var(--colorWarning),
+  pendingInstall: var(--colorInfo),
+  pendingUpgrade: var(--colorInfo),
+  pendingRollback: var(--colorInfo),
 );
 
 @mixin release-status-bgs {

src/renderer/components/+apps-releases/releases.scss

@@ -32,7 +32,7 @@
         margin-left: $margin;
 
         &.new-version {
-          color: $colorInfo;
+          color: var(--colorInfo);
         }
       }
     }