From f0dd9e5aebb3ed9b663b7a9ec1cbd1ab08b4ddf3 Mon Sep 17 00:00:00 2001
From: Will Sun <30999793+AllForNothing@users.noreply.github.com>
Date: Mon, 8 Mar 2021 16:10:19 +0800
Subject: [PATCH] Fix label color issue (#14387)

Signed-off-by: AllForNothing <sshijun@vmware.com>
---
 .../label/create-edit-label/create-edit-label.component.html  | 2 +-
 src/portal/src/css/common.scss                                | 4 ++++
 src/portal/src/css/dark-theme.scss                            | 2 +-
 src/portal/src/css/light-theme.scss                           | 1 +
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/portal/src/app/shared/components/label/create-edit-label/create-edit-label.component.html b/src/portal/src/app/shared/components/label/create-edit-label/create-edit-label.component.html
index b2df3a93198..9946b71f049 100644
--- a/src/portal/src/app/shared/components/label/create-edit-label/create-edit-label.component.html
+++ b/src/portal/src/app/shared/components/label/create-edit-label/create-edit-label.component.html
@@ -21,7 +21,7 @@
                             [class.borderSty]="i.color == '#FFFFFF'"   [ngStyle]="{'background-color': i.color, 'color': i.textColor }">Aa</label>
                     </clr-dropdown-menu>
                 </clr-dropdown>
-                <input clrInput type="text" id="color" size="8" name="color" disabled [(ngModel)]="labelModel.color" #color="ngModel">
+                <input class="label-color-input" clrInput type="text" id="color" size="8" name="color" disabled [(ngModel)]="labelModel.color" #color="ngModel">
             </label>
             <label>
                 <label for="description">{{'LABEL.DESCRIPTION' | translate}}</label>
diff --git a/src/portal/src/css/common.scss b/src/portal/src/css/common.scss
index f5ea31c942f..4bc0255084d 100644
--- a/src/portal/src/css/common.scss
+++ b/src/portal/src/css/common.scss
@@ -247,3 +247,7 @@ artifact-list-tab {
 .nav-divider {
   background-color: $nav-divider-bg-color;
 }
+
+.label-color-input {
+  color: $label-color-input !important;
+}
\ No newline at end of file
diff --git a/src/portal/src/css/dark-theme.scss b/src/portal/src/css/dark-theme.scss
index 3f05ed9a68a..20898aca4c2 100644
--- a/src/portal/src/css/dark-theme.scss
+++ b/src/portal/src/css/dark-theme.scss
@@ -39,5 +39,5 @@ $command-input-color: #eaedf0;
 $command-input-bg-color: #2e4757;
 $label-hover-bg-color: #28404d;
 $nav-divider-bg-color: #fafafa;
-
+$label-color-input: #ddd;
 @import "./common.scss";
diff --git a/src/portal/src/css/light-theme.scss b/src/portal/src/css/light-theme.scss
index 827638689bc..e1a40b4820a 100644
--- a/src/portal/src/css/light-theme.scss
+++ b/src/portal/src/css/light-theme.scss
@@ -41,4 +41,5 @@ $command-input-color: none;
 $command-input-bg-color: #ededed;
 $label-hover-bg-color: #eee;
 $nav-divider-bg-color: #000;
+$label-color-input: #5d5d5d;
 @import "./common.scss";