color update

src/Components/DataTable/NormalTable.jsx

@@ -29,7 +29,7 @@ const DataTable = ({
       ? `${(100 / Object.keys(data[0]).length).toFixed(2)}%`
       : "auto";
   return (
-    <TableContainer overflowX={"auto"} className="h-auto mb-3 w-100">
+    <TableContainer overflowX={"auto"} className="h-auto mb-3 w-100 table-scroll">
       {data?.length === 0 ? (
         <EmptySearchList message={emptyMessage} />
       ) : (
@@ -37,7 +37,7 @@ const DataTable = ({
           <TableCaption p={total ? 0 : null}>
             {total ? total : "Tanami v1.0.0"}
           </TableCaption>
-          <Thead backgroundColor="gray.100">
+          <Thead backgroundColor="forestGreen.100">
             <Tr>
               {tableHeadRow.map((heading, index) => (
                 <Th
@@ -84,7 +84,7 @@ const DataTable = ({
                   )
                 )
               : data?.map((item, index) => (
-                  <Tr bg={index % 2 === 0 ? "" : "gray.50"} key={index}>
+                  <Tr bg={index % 2 === 0 ? "" : "forestGreen.50"} key={index}>
                     {tableHeadRow.map((heading, i) => (
                       <Td
                         textAlign={