fix(misc): fix dropdown light theme bug (#1039)

fetchai · Nov 12, 2024 · 6d56eb5 · 6d56eb5
1 parent 4c5d7fd
commit 6d56eb5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/components/components.module.css b/components/components.module.css
@@ -157,6 +157,14 @@
   backdrop-filter: blur(35px);
   color: #5f38fb;
   border: 1px solid #ffff;
+  border: none;
+}
+
+:is(html[class~="dark"] .tab:hover) {
+  background: rgba(95, 56, 251, 0.2);
+  backdrop-filter: blur(35px);
+  color: #fff;
+  border: none;
 }
 
 .label {

diff --git a/components/guide-mdx.tsx b/components/guide-mdx.tsx
@@ -100,7 +100,7 @@ const FilterDropdown = ({
         className="nx-z-50 nx-mt-2 nx-absolute dropDownGuide"
         style={{ overflow: "hidden" }}
       >
-        <div className="nx-flex-col nx-text-white nx-p-2 nx-w-full !nx-items-start nx-justify-between nx-cursor-pointer">
+        <div className="nx-flex-col nx-p-2 nx-w-full !nx-items-start nx-justify-between nx-cursor-pointer">
           <div
             className={`nx-text-lg nx-cursor-pointer ${styles.tab}`}
             onClick={() => onSelectChange("All Types")}