Extract table bg hover theme color

src/index.css

@@ -8,5 +8,7 @@
     --color-from-text: 220, 38, 38;
     --color-from-fill: 254, 242, 242;
     --color-to-fill: 236, 253, 245;
+
+    --color-table-row-hover: 243, 244, 246;
   }
 }

src/search/TransactionItem.tsx

@@ -56,7 +56,9 @@ const TransactionItem: React.FC<TransactionItemProps> = ({
   return (
     <div
       className={`grid grid-cols-12 gap-x-1 items-baseline text-sm border-t border-gray-200 ${
-        flash ? "bg-yellow-100 hover:bg-yellow-200" : "hover:bg-gray-100"
+        flash
+          ? "bg-yellow-100 hover:bg-yellow-200"
+          : "hover:bg-skin-table-hover"
       } px-2 py-3`}
     >
       <div className="col-span-2 flex space-x-1 items-baseline">

src/special/london/BlockRow.tsx

@@ -22,7 +22,7 @@ const BlockRow: React.FC<BlockRowProps> = ({ now, block, baseFeeDelta }) => {
   const totalReward = block.blockReward.add(netFeeReward ?? 0);
 
   return (
-    <div className="grid grid-cols-9 gap-x-2 px-3 py-2 hover:bg-gray-100">
+    <div className="grid grid-cols-9 gap-x-2 px-3 py-2 hover:bg-skin-table-hover">
       <div>
         <BlockLink blockTag={block.number} />
       </div>

tailwind.config.js

@@ -42,6 +42,7 @@ module.exports = {
         skin: {
           from: withOpacity("--color-from-fill"),
           to: withOpacity("--color-to-fill"),
+          "table-hover": withOpacity("--color-table-row-hover"),
         },
       },
     },