Fix light mode for Sidebar (#222)

Co-authored-by: vegetason <irakozepaulin12@example.com>
atlp-rwanda · Oct 28, 2024 · 5d44d02 · 5d44d02
1 parent 75a2cd8
commit 5d44d02
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/sidebar/sidebar.tsx b/src/components/sidebar/sidebar.tsx
@@ -44,7 +44,7 @@ const Sidebar = ({ expanded, setExpanded }) => {
           {items.map((item, index) => (
             <li
               key={index}
-              className="flex items-center text-white hover:text-[#56c770]"
+              className="flex items-center dark:text-white text-black hover:text-[#56c770]"
             >
               <Link to={item.path} className="p-1 flex items-center">
                 <span className="mr-3">{item.icon}</span>
@@ -58,7 +58,7 @@ const Sidebar = ({ expanded, setExpanded }) => {
           {sidebarItems3.map((item, index) => (
             <li
               key={index}
-              className="flex items-center text-white hover:text-[#56c770]"
+              className="flex items-center text-black dark:text-white hover:text-[#56c770]"
             >
               <Link to={item.path} className="p-1 flex items-center">
                 <span className="mr-3">{item.icon}</span>
@@ -69,7 +69,7 @@ const Sidebar = ({ expanded, setExpanded }) => {
         </ul>
         <button
           onClick={handleLogout}
-          className="flex items-center p-1 font-semibold hover:font-bold text-white focus:outline-none hover:text-[#56c770] mt-4 ml-4"
+          className="flex items-center p-1 font-semibold hover:font-bold text-black dark:text-white focus:outline-none hover:text-[#56c770] mt-4 ml-4"
         >
           <Icon icon="hugeicons:logout-circle-02" className="mr-3" />
           {expanded && <span>Logout</span>}