icon color

src/components/Nav.tsx

@@ -2,6 +2,7 @@
 import { useContext, useState } from "react";
 import { UserContext } from "../context/UserContext";
 import { Link } from "react-router-dom";
+import { IconContext } from "react-icons";
 
 // Icons
 import { ImStatsDots } from "react-icons/im";
@@ -31,13 +32,17 @@ const Nav = ({ aside, setAside }: Props) => {
                 localStorage.setItem("lastLocation", "/dashboard");
               }}
             >
+              <IconContext.Provider value={{ color: "#393e46" }}>
                 <ImStatsDots />
+              </IconContext.Provider>
             </Link>
+            <IconContext.Provider value={{ color: "#393e46" }}>
               <GiHamburgerMenu
                 type="button"
                 className="nav__btn"
                 onClick={() => setAside(!aside)}
               />
+            </IconContext.Provider>
           </div>
           <div className="nav__right">
             <div
@@ -46,7 +51,10 @@ const Nav = ({ aside, setAside }: Props) => {
                 setDropdown(!dropdown);
               }}
             >
+              <IconContext.Provider value={{ color: "#393e46" }}>
                 <AiOutlineUser className="nav__right__user__img" />
+              </IconContext.Provider>
+
               <span>Profile</span>
               <div
                 className={dropdown ? "nav__dropdown active" : "nav__dropdown"}