Clean up legacy references to Kontena (#216)

Signed-off-by: Miska Kaipiainen <miska.kaipiainen@gmail.com>

dashboard/client/components/+nodes/nodes.scss

@@ -12,7 +12,7 @@
       align-self: center;
 
       .LineProgress {
-        color: $kontenaBlue;
+        color: $lensBlue;
       }
     }
 
@@ -21,7 +21,7 @@
       align-self: center;
 
       .LineProgress {
-        color: $kontenaMagenta;
+        color: $lensMagenta;
       }
     }
 

dashboard/client/components/+workloads-pods/pod-details-list.scss

@@ -30,7 +30,7 @@
       align-self: center;
 
       .LineProgress {
-        color: $kontenaBlue;
+        color: $lensBlue;
       }
     }
 
@@ -38,7 +38,7 @@
       align-self: center;
 
       .LineProgress {
-        color: $kontenaMagenta;
+        color: $lensMagenta;
       }
     }
 

dashboard/client/components/ace-editor/ace-editor.scss

@@ -40,7 +40,7 @@
   }
 
   .ace_constant {
-    color: $kontenaBlue !important;
+    color: $lensBlue !important;
   }
 
   .ace_keyword {

dashboard/client/components/app-init/app-init.tsx

@@ -38,7 +38,7 @@ export class AppInit extends React.Component<Props> {
     return (
       <div className="AppInit flex column center">
         <div className="box flex column gaps">
-          <h5>Kontena Lens - {_i18n._(t`Loading`)}..</h5>
+          <h5>Lens - {_i18n._(t`Loading`)}..</h5>
           {serviceWaitingList.length > 0 && (
             <p className="waiting-services">
               {_i18n._(t`Waiting services to be running`)}: <em className="text-secondary">{serviceNames}</em>

dashboard/client/components/checkbox/checkbox.scss

@@ -2,7 +2,7 @@
 .Checkbox {
   --checkbox-color: #{$textColorPrimary}; // tick color [√]
   --checkbox-color-active: #{$contentColor};
-  --checkbox-bgc-active: #{$kontenaBlue};
+  --checkbox-bgc-active: #{$lensBlue};
 
   flex-shrink: 0;
 
@@ -11,7 +11,7 @@
       // default
     }
     &-light {
-      --checkbox-color-active: #{$kontenaBlue};
+      --checkbox-color-active: #{$lensBlue};
       --checkbox-bgc-active: none;
     }
   }

dashboard/client/components/drawer/drawer-param-toggler.scss

@@ -7,7 +7,7 @@
     cursor: pointer;
 
     .param-link-text {
-      color: $kontenaBlue;
+      color: $lensBlue;
       text-decoration: underline;
     }
   }

dashboard/client/components/drawer/drawer.scss

@@ -51,7 +51,7 @@
   }
 
   .drawer-title {
-    background: $kontenaBlue;
+    background: $lensBlue;
     color: $drawerTitleText;
     padding: $padding $padding * 2.5;
     word-break: break-all;

dashboard/client/components/error-boundary/error-boundary.tsx

@@ -38,8 +38,8 @@ export class ErrorBoundary extends React.Component<Props, State> {
   render() {
     const { error, errorInfo } = this.state;
     if (error) {
-      const slackLink = <a href="https://slack.kontena.io" target="_blank">Kontena Slack</a>
-      const githubLink = <a href="https://github.com/kontena/lens/issues" target="_blank">Kontena Github</a>
+      const slackLink = <a href="https://join.slack.com/t/kontenacommunity/shared_invite/enQtOTc5NjAyNjYyOTk4LWU1NDQ0ZGFkOWJkNTRhYTc2YjVmZDdkM2FkNGM5MjhiYTRhMDU2NDQ1MzIyMDA4ZGZlNmExOTc0N2JmY2M3ZGI" target="_blank">Slack</a>
+      const githubLink = <a href="https://github.com/lensapp/lens/issues" target="_blank">Github</a>
       const pageUrl = location.href;
       return (
         <div className="ErrorBoundary flex column gaps">

dashboard/client/components/layout/login-layout.scss

@@ -10,7 +10,7 @@
     margin: auto;
 
     svg * {
-      fill: $kontenaBlue;
+      fill: $lensBlue;
     }
   }
 

dashboard/client/components/layout/sidebar.scss

@@ -1,6 +1,6 @@
 .Sidebar {
   $iconSize: 24px;
-  $activeBgc: $kontenaBlue;
+  $activeBgc: $lensBlue;
   $activeTextColor: $sidebarActiveColor;
   $itemSpacing: floor($unit / 2.6) floor($unit / 1.6);
 

dashboard/client/components/slider/slider.scss

@@ -1,17 +1,17 @@
 .Slider {
   .track {
-    background: $kontenaBlue;
+    background: $lensBlue;
   }
 
   .thumb {
-    background: $kontenaBlue;
+    background: $lensBlue;
 
     &.activated, &.jumped, &.focused {
-      box-shadow: 0 0 0 $unit * 2 rgba($kontenaBlue, 0.16)!important;
+      box-shadow: 0 0 0 $unit * 2 rgba($lensBlue, 0.16)!important;
     }
 
     &:hover{
-      box-shadow: 0 0 0 $unit rgba($kontenaBlue, 0.16);
+      box-shadow: 0 0 0 $unit rgba($lensBlue, 0.16);
     }
   }
 }