Change border colors

AbsaOSS · Sep 8, 2023 · 65c6252 · 65c6252
1 parent 6527dec
commit 65c6252
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/projects/cps-ui-kit/src/lib/components/cps-autocomplete/cps-autocomplete.component.scss b/projects/cps-ui-kit/src/lib/components/cps-autocomplete/cps-autocomplete.component.scss
@@ -15,7 +15,7 @@ $autocomplete-option-value-color: var(--cps-color-text-dark);
 $autocomplete-about-remove-color: var(--cps-color-text-light);
 $autocomplete-about-remove-background: var(--cps-color-bg-mid);
 $autocomplete-prefix-icon-color: var(--cps-color-text-dark);
-$autocomplete-border-color: var(--cps-color-text-lightest);
+$autocomplete-border-color: var(--cps-color-line-light);
 
 $hover-transition-duration: 0.2s;
 

diff --git a/projects/cps-ui-kit/src/lib/components/cps-input/cps-input.component.scss b/projects/cps-ui-kit/src/lib/components/cps-input/cps-input.component.scss
@@ -3,7 +3,7 @@ $input-hint-color: var(--cps-color-text-mild);
 $input-label-disabled-color: var(--cps-color-text-mild);
 $input-pass-show-btn-color: var(--cps-color-text-mild);
 $input-placeholder-color: var(--cps-color-text-lightest);
-$input-border-color: var(--cps-color-text-lightest);
+$input-border-color: var(--cps-color-line-light);
 $input-label-color: var(--cps-color-text-dark);
 $input-text-color: var(--cps-color-text-dark);
 $input-text-disabled-color: var(--cps-color-text-light);

diff --git a/projects/cps-ui-kit/src/lib/components/cps-select/cps-select.component.scss b/projects/cps-ui-kit/src/lib/components/cps-select/cps-select.component.scss
@@ -13,7 +13,7 @@ $option-highlight-selected-background: #e6d4d9;
 $select-option-info-color: var(--cps-color-text-light);
 $select-option-value-color: var(--cps-color-text-dark);
 $select-prefix-icon-color: var(--cps-color-text-dark);
-$select-border-color: var(--cps-color-text-lightest);
+$select-border-color: var(--cps-color-line-light);
 
 $hover-transition-duration: 0.2s;
 

diff --git a/projects/cps-ui-kit/src/lib/components/cps-textarea/cps-textarea.component.scss b/projects/cps-ui-kit/src/lib/components/cps-textarea/cps-textarea.component.scss
@@ -3,7 +3,7 @@ $textarea-hint-color: var(--cps-color-text-mild);
 $textarea-label-disabled-color: var(--cps-color-text-mild);
 $textarea-pass-show-btn-color: var(--cps-color-text-mild);
 $textarea-placeholder-color: var(--cps-color-text-lightest);
-$textarea-border-color: var(--cps-color-text-lightest);
+$textarea-border-color: var(--cps-color-line-light);
 $textarea-label-color: var(--cps-color-text-dark);
 $textarea-text-color: var(--cps-color-text-dark);
 $textarea-text-disabled-color: var(--cps-color-text-light);

diff --git a/.../cps-ui-kit/src/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.scss b/.../cps-ui-kit/src/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.scss
@@ -16,7 +16,7 @@ $treeautocomplete-about-remove-color: var(--cps-color-text-light);
 $treeautocomplete-about-remove-background: var(--cps-color-bg-mid);
 $treeautocomplete-prefix-icon-color: var(--cps-color-text-dark);
 $treeautocomplete-option-chevron-color: var(--cps-color-text-light);
-$treeautocomplete-border-color: var(--cps-color-text-lightest);
+$treeautocomplete-border-color: var(--cps-color-line-light);
 
 $hover-transition-duration: 0.2s;
 

diff --git a/projects/cps-ui-kit/src/lib/components/cps-tree-select/cps-tree-select.component.scss b/projects/cps-ui-kit/src/lib/components/cps-tree-select/cps-tree-select.component.scss
@@ -14,7 +14,7 @@ $treeselect-option-info-color: var(--cps-color-text-light);
 $treeselect-option-value-color: var(--cps-color-text-dark);
 $treeselect-prefix-icon-color: var(--cps-color-text-dark);
 $treeselect-option-chevron-color: var(--cps-color-text-light);
-$treeselect-border-color: var(--cps-color-text-lightest);
+$treeselect-border-color: var(--cps-color-line-light);
 
 $hover-transition-duration: 0.2s;