chore: form: remove success input styling

EightfoldAI · Sep 2, 2022 · 7a6628a · 7a6628a
1 parent 153a053
commit 7a6628a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 21 deletions.
diff --git a/src/components/DateTimePicker/DatePicker/Styles/status.scss b/src/components/DateTimePicker/DatePicker/Styles/status.scss
@@ -21,10 +21,10 @@
 
     &-status-success {
         input {
-            @include placeholder(var(--success-color));
+            @include placeholder($picker-input-foreground-color);
         }
 
-        border-color: var(--success-color);
-        color: var(--success-color);
+        border-color: var(--border-color);
+        color: var(--text-primary-color);
     }
 }
diff --git a/src/components/DateTimePicker/DatePicker/datepicker.module.scss b/src/components/DateTimePicker/DatePicker/datepicker.module.scss
@@ -50,16 +50,16 @@
     &-status-success.picker-underline {
         div {
             &:before {
-                border-color: var(--success-color);
+                border-color: var(--border-color);
             }
 
             &:after {
-                border-color: var(--success-color);
+                border-color: var(--primary-color-60);
             }
 
             &:hover {
                 &:before {
-                    border-color: var(--success-color);
+                    border-color: var(--grey-color-60);
                 }
             }
         }

diff --git a/src/components/Inputs/input.module.scss b/src/components/Inputs/input.module.scss
@@ -270,12 +270,8 @@
         }
 
         &.status-success {
-            color: var(--success-color);
-            border-color: var(--success-color);
-
-            &::placeholder {
-                color: var(--success-color);
-            }
+            color: var(--text-primary-color);
+            border-color: var(--border-color);
         }
 
         &.status-warning {
@@ -950,12 +946,8 @@
         }
 
         &.status-success {
-            color: var(--success-color);
-            border-color: var(--success-color);
-
-            &::placeholder {
-                color: var(--success-color);
-            }
+            color: var(--text-primary-color);
+            border-color: var(--border-color);
         }
 
         &.status-warning {
@@ -1087,16 +1079,16 @@
 
             &.status-success {
                 &:before {
-                    border-color: var(--success-color);
+                    border-color: var(--border-color);
                 }
 
                 &:after {
-                    border-color: var(--success-color);
+                    border-color: var(--primary-color-60);
                 }
 
                 &:hover {
                     &:before {
-                        border-color: var(--success-color);
+                        border-color: var(--grey-color-60);
                     }
                 }
             }