Fix label color issue (#14387)

Signed-off-by: AllForNothing <sshijun@vmware.com>
goharbor · Mar 8, 2021 · f0dd9e5 · f0dd9e5
1 parent 4c47b17
commit f0dd9e5
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/...portal/src/app/shared/components/label/create-edit-label/create-edit-label.component.html b/...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
@@ -247,3 +247,7 @@ artifact-list-tab {
 .nav-divider {
   background-color: $nav-divider-bg-color;
 }
+
+.label-color-input {
+  color: $label-color-input !important;
+}
diff --git 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
@@ -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";