🔩 fixed the select domain button for light theme (#880)

HITK-TECH-Community · May 15, 2024 · e813bee · e813bee
1 parent 524cddc
commit e813bee
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/frontend/src/pages/Home/components/JoinUsForm/Form.jsx b/frontend/src/pages/Home/components/JoinUsForm/Form.jsx
@@ -285,7 +285,9 @@ export const JoinUsForm = (props) => {
                   value={domains} // Preselected value to persist in dropdown
                   onChange={setDomains} // Function will trigger on change event
                   labelledBy={"Domains"} // Property name to display in the dropdown options
-                  className={dark ? styles["dropdown"] : ""}
+                  className={
+                    dark ? styles["dropdown-dark"] : styles["dropdown"]
+                  }
                 />
 
                 <div

diff --git a/frontend/src/pages/Home/components/JoinUsForm/form.module.scss b/frontend/src/pages/Home/components/JoinUsForm/form.module.scss
@@ -193,7 +193,8 @@
   height: 80px;
 }
 
-.dropdown {
+//for dark theme
+.dropdown-dark {
   --rmsc-main: #4285f4 !important;
   --rmsc-hover: #333333 !important;
   --rmsc-selected: #474343 !important;
@@ -205,6 +206,16 @@
   --rmsc-h: 38px !important; /* Height */
 }
 
+.dropdown {
+  --rmsc-main: #4285f4 !important;
+  --rmsc-selected: #474343 !important;
+  --rmsc-border: #838383 !important;
+  --rmsc-bg: #e7e7e7 !important;
+  --rmsc-p: 10px !important; /* Spacing */
+  --rmsc-radius: 4px !important; /* Radius */
+  --rmsc-h: 38px !important; /* Height */
+}
+
 .valid {
   display: flex;
   justify-content: center;