fix: input: updates validation status font color to latest specification

EightfoldAI · Jan 9, 2024 · 9354c22 · 9354c22
1 parent 268b54f
commit 9354c22
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 16 deletions.
diff --git a/src/components/DateTimePicker/DatePicker/Styles/status.scss b/src/components/DateTimePicker/DatePicker/Styles/status.scss
@@ -3,28 +3,28 @@
 .picker {
   &-status-error {
     input {
-      @include placeholder(var(--disruptive-color));
+      @include placeholder(var(--input-error-placeholder-color));
     }
 
-    border-color: var(--disruptive-color);
-    color: var(--disruptive-color);
+    border-color: var(--input-error-border-color);
+    color: var(--input-error-text-color);
   }
 
   &-status-warning {
     input {
-      @include placeholder(var(--warning-color));
+      @include placeholder(var(--input-warning-placeholder-color));
     }
 
-    border-color: var(--warning-color);
-    color: var(--warning-color);
+    border-color: var(--input-warning-border-color);
+    color: var(--input-warning-text-color);
   }
 
   &-status-success {
     input {
       @include placeholder(var(--picker-input-foreground-color));
     }
 
-    border-color: var(--border-color);
-    color: var(--text-primary-color);
+    border-color: var(--input-success-border-color);
+    color: var(--input-success-text-color);
   }
 }
diff --git a/src/styles/themes/_default-theme.scss b/src/styles/themes/_default-theme.scss
@@ -406,17 +406,15 @@
   --input-placeholder-text-color: var(--text-secondary-color);
   --input-readonly-background-color: var(--grey-background1-color);
   --input-readonly-border-color: var(--grey-tertiary-color);
-  --input-readonly-text-color: var(--text-primary-color);
-  --input-success-text-color: var(--text-primary-color);
+  --input-readonly-text-color: var(--input-text-color);
+  --input-success-text-color: var(--input-text-color);
   --input-success-border-color: var(--input-border-color);
-  --input-success-text-color: var(--text-primary-color);
-  --input-success-border-color: var(--input-border-color);
-  --input-warning-text-color: var(--warning-color);
+  --input-warning-text-color: var(--input-text-color);
   --input-warning-border-color: var(--warning-color);
-  --input-warning-placeholder-color: var(--warning-color);
-  --input-error-text-color: var(--error-color);
+  --input-warning-placeholder-color: var(--input-placeholder-text-color);
+  --input-error-text-color: var(--input-text-color);
   --input-error-border-color: var(--error-color);
-  --input-error-placeholder-color: var(--error-color);
+  --input-error-placeholder-color: var(--input-placeholder-text-color);
   --input-disabled-placeholder-text-color: var(--text-tertiary-color);
 
   // ------ Tabs theme ------