input backgrounds

Hubs-Foundation · Jul 25, 2023 · f98ba25 · f98ba25
1 parent 3da53de
commit f98ba25
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 10 deletions.
diff --git a/src/react-components/input/SelectInputField.scss b/src/react-components/input/SelectInputField.scss
@@ -48,13 +48,13 @@ $input-height: 40px;
   top: $input-height + 4px;
   display: none;
   flex-direction: column;
-  background-color: theme.$dropdown-bg-color;
+  background-color: theme.$input-bg-color;
   border-radius: 8px;
   padding: 8px 0;
   z-index: 99999;
   left: 0;
   right: 0;
-  box-shadow: -1px -1px 1px theme.$dropdown-border-color, 3px 3px 6px theme.$dropdown-shadow-color;
+  box-shadow: -1px -1px 1px theme.$border1-color, 3px 3px 6px theme.$shadow-color;
   max-height: 320px;
   overflow-y: auto;
 }

diff --git a/src/react-components/styles/global.scss b/src/react-components/styles/global.scss
@@ -113,10 +113,6 @@
   --input-border-color-hover: var(--primary-color-hover);
   --input-outline-color: var(--primary-color);
 
-  --dropdown-bg-color: var(--background1-color);
-  --dropdown-border-color: var(--border1-color);
-  --dropdown-shadow-color: var(--shadow-color);
-
   --button-text-color: var(--text1-color);
   --button-border-color: var(--border1-color);
   --button-bg-color: var(--basic-color);

diff --git a/src/react-components/styles/theme.scss b/src/react-components/styles/theme.scss
@@ -199,10 +199,6 @@ $input-border-color: var(--input-border-color);
 $input-border-color-hover: var(--input-border-color-hover);
 $input-outline-color: var(--input-outline-color);
 
-$dropdown-bg-color: var(--dropdown-bg-color);
-$dropdown-border-color: var(--dropdown-border-color);
-$dropdown-shadow-color: var(--dropdown-shadow-color);
-
 $button-text-color: var(--button-text-color);
 $button-border-color: var(--button-border-color);
 $button-bg-color: var(--button-bg-color);