Added some light theme styling

apps/explorer/src/app/components/table/index.tsx

@@ -40,7 +40,7 @@ export const TableHeader = ({
   className,
   ...props
 }: TableHeaderProps) => {
-  const cellClasses = classnames(className, {
+  const cellClasses = classnames(className, 'pl-4 dark:pl-0', {
     'text-left font-normal': props?.scope === 'row',
   });
   return (
@@ -57,8 +57,10 @@ export const TableRow = ({
   ...props
 }: TableRowProps) => {
   const cellClasses = classnames(className, {
-    'border-b border-white-40': modifier === 'bordered',
-    'bg-white-25 border-b-4 border-b-black': modifier === 'background',
+    'border-b bg-black-40 border-black-40 dark:border-white-40':
+      modifier === 'bordered',
+    'border-b-4 bg-black-40 border-b-white dark:bg-white-25 dark:border-b-black':
+      modifier === 'background',
   });
   return (
     <tr className={cellClasses} {...props}>

apps/explorer/src/app/components/table/table.spec.tsx

@@ -28,7 +28,7 @@ describe('Table row', () => {
       </Table>
     );
 
-    expect(screen.getByTestId('modifier-test')).toHaveClass('border-white-40');
+    expect(screen.getByTestId('modifier-test')).toHaveClass('border-b');
   });
 });
 

apps/explorer/src/app/components/txs/txs-per-block.tsx

@@ -44,8 +44,12 @@ export const TxsPerBlock = ({ blockHeight }: TxsPerBlockProps) => {
             <tbody>
               {decodedBlockData.map(({ TxHash, PubKey, Type }) => {
                 return (
-                  <tr key={TxHash} data-testid="transaction-row">
-                    <td>
+                  <tr
+                    key={TxHash}
+                    data-testid="transaction-row"
+                    className="bg-black-40 dark:bg-transparent"
+                  >
+                    <td className="pl-4 dark:pl-0">
                       <Link to={`/${Routes.TX}/${TxHash}`}>
                         <TruncateInline
                           text={TxHash}
@@ -66,7 +70,7 @@ export const TxsPerBlock = ({ blockHeight }: TxsPerBlockProps) => {
                       </Link>
                     </td>
                     <td>
-                      <TxOrderType className="mb-4" orderType={Type} />
+                      <TxOrderType className="my-2" orderType={Type} />
                     </td>
                   </tr>
                 );