From c7e38052fcfb597258b6420f1c6a7f55a2712778 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Mon, 1 Nov 2021 12:36:55 +0300
Subject: [PATCH] Fix <a href...> visibility (#4208)

* Removing tailwind base and components styles

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fix link coloring in few places

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/+add-cluster/add-cluster.scss      | 4 ++++
 src/renderer/components/+add-cluster/add-cluster.tsx       | 4 ++--
 src/renderer/components/app.scss                           | 2 --
 src/renderer/components/error-boundary/error-boundary.scss | 4 ++++
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/+add-cluster/add-cluster.scss b/src/renderer/components/+add-cluster/add-cluster.scss
index faac757c40..2ede9dc271 100644
--- a/src/renderer/components/+add-cluster/add-cluster.scss
+++ b/src/renderer/components/+add-cluster/add-cluster.scss
@@ -50,4 +50,8 @@
     display: block;
     padding-top: 6px;
   }
+
+  a[href] {
+    color: var(--colorInfo);
+  }
 }
diff --git a/src/renderer/components/+add-cluster/add-cluster.tsx b/src/renderer/components/+add-cluster/add-cluster.tsx
index 81a75019fa..3c3562edbe 100644
--- a/src/renderer/components/+add-cluster/add-cluster.tsx
+++ b/src/renderer/components/+add-cluster/add-cluster.tsx
@@ -119,8 +119,8 @@ export class AddCluster extends React.Component {
       <SettingLayout className="AddClusters">
         <h2>Add Clusters from Kubeconfig</h2>
         <p>
-          Clusters added here are <b>not</b> merged into the <code>~/.kube/config</code> file.
-          Read more about adding clusters <a href={`${docsUrl}/catalog/add-clusters/`} rel="noreferrer" target="_blank">here</a>.
+          Clusters added here are <b>not</b> merged into the <code>~/.kube/config</code> file.{" "}
+          <a href={`${docsUrl}/catalog/add-clusters/`} rel="noreferrer" target="_blank">Read more about adding clusters</a>.
         </p>
         <div className="flex column">
           <MonacoEditor
diff --git a/src/renderer/components/app.scss b/src/renderer/components/app.scss
index 9d4946cd9f..d974aebc7f 100755
--- a/src/renderer/components/app.scss
+++ b/src/renderer/components/app.scss
@@ -19,8 +19,6 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-@import "tailwindcss/base";
-@import "tailwindcss/components";
 @import "tailwindcss/utilities";
 @import "~flex.box";
 @import "fonts";
diff --git a/src/renderer/components/error-boundary/error-boundary.scss b/src/renderer/components/error-boundary/error-boundary.scss
index 20bbfe14ec..2b250499c1 100644
--- a/src/renderer/components/error-boundary/error-boundary.scss
+++ b/src/renderer/components/error-boundary/error-boundary.scss
@@ -43,4 +43,8 @@
     background: $contentColor;
     color: $textColorSecondary;
   }
+
+  a {
+    color: var(--colorInfo);
+  }
 }
\ No newline at end of file