darkmode theme changed'

src/components/accordion/index.jsx

@@ -55,7 +55,7 @@ function Accordion({ title, data ,handleAddActivity,open,handleAccordian}) {
         <button           
           onClick={handleClick}
           type="button"
-          className="flex items-center rounded-lg   w-full py-2 px-2 mt-4 font-medium rtl:text-right bg-white text-gray-500 border border-[#B7B7B7] focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 gap-3" data-accordion-target="#accordion-collapse-body-2" aria-expanded="false" aria-controls="accordion-collapse-body-2" >
+          className="flex items-center rounded-lg  w-full py-2 px-2 mt-4 font-medium rtl:text-right bg-white text-gray-500 border border-[#B7B7B7] focus:ring-4  dark:border-gray-700  hover:bg-gray-100 gap-3" data-accordion-target="#accordion-collapse-body-2" aria-expanded="false" aria-controls="accordion-collapse-body-2" >
           <div className="w-1/2 text-start ms-2">{title}</div>
           <div className="w-1/2 flex justify-between">
             Average Score :{title === "Default" ? defaultAvgScore : initiativeAvgScore}

src/components/table/index.jsx

@@ -6,7 +6,7 @@ function Table({headers, data,loading, maxHeight}) {
   return (
     <div className={` overflow-x-auto sm:rounded-lg p-4 max-h-[${maxHeight}vh]`}>
       <table className="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400 bg-transparent justify-center border-separate border-spacing-y-2">
-        <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400 ">
+        <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700  dark:text-white">
           <tr className="mb-2">
             {headers.map((item,index) => (
               <th key={index} scope="col" className={`px-6 py-4 w-[${item.width}]`} > 

src/pages/home/index.jsx

@@ -58,7 +58,7 @@ function Home() {
           required
           onChange={(e) => setId(e.target.value)}
         />
-       <div>
+       <div className="dark:text-white text-red-600">
        {
         errorMsg!==""? <span>{errorMsg}</span>:null
        }