feat(inputs): clockface 4 updates

influxdata · Oct 26, 2022 · fc15c23 · fc15c23
1 parent 0b7d3d7
commit fc15c23
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 12 deletions.
diff --git a/src/Components/Dropdowns/Dropdown.scss b/src/Components/Dropdowns/Dropdown.scss
@@ -304,7 +304,7 @@ $dropdown-item--padding-v: $cf-space-2xs;
   }
 
   .cf-dropdown-item.active:not(.cf-dropdown-item__disabled) {
-    background-color: $cf-martinique;
+    background-color: #2A2649;
     border: 1px $cf-lavender solid;
     border-radius: $cf-border;
   }

diff --git a/src/Components/Inputs/Input.scss b/src/Components/Inputs/Input.scss
@@ -23,12 +23,6 @@
   color: $cf-input-text--default;
   border: $cf-border solid $cf-input-border--default;
 
-  &:hover {
-    background-color: $cf-input-background--hover;
-    border-color: $cf-input-border--hover;
-    color: $cf-input-text--hover;
-  }
-
   &:focus {
     background-color: $cf-input-background--focused;
     border-color: $cf-input-border--focused;

diff --git a/src/Components/Inputs/StatusIndicator.scss b/src/Components/Inputs/StatusIndicator.scss
@@ -100,7 +100,7 @@
 */
 
 .cf-status-indicator__valid {
-  color: $c-rainforest;
+  color: $cf-green;
 }
 
 .cf-status-indicator__error {

diff --git a/src/Styles/variables.scss b/src/Styles/variables.scss
@@ -14,10 +14,12 @@ $cf-white: #ffffff;
 
 // Brand Colors
 $cf-turquoise: #5ee4e4;
-$cf-lavender: #c77bea;
+$cf-lavender: rgba(147, 148, 255, 1);
 $cf-hot-pink: #f863b0;
 $cf-chartreuse: #d6f622;
 
+$cf-green: #53E51A;
+
 // Utility Colors
 $cf-lime-green: #51d91c;
 $cf-carnation: #e65b5b;
@@ -335,9 +337,9 @@ $cf-input-border--focused: rgba($cf-turquoise, 0.75);
 $cf-input-border--hover: $g5-pepper;
 $cf-input-border--disabled: $g4-onyx;
 
-$cf-input-border--error: $c-fire;
-$cf-input-border--error-hover: $c-fire;
-$cf-input-border--error-focused: $c-fire;
+$cf-input-border--error: $cf-carnation;
+$cf-input-border--error-hover: $cf-carnation;
+$cf-input-border--error-focused: $cf-carnation;
 
 $cf-input--field-z: 1;
 $cf-input--shadow-z: $cf-input--field-z + 1;