From 68232403d366f5bd3c442fdbdae10383f26c1ffc Mon Sep 17 00:00:00 2001
From: Thomas <tbro@localhost>
Date: Sat, 24 Jan 2026 23:48:36 -0500
Subject: [PATCH] add alternating row coloration

---
 app.js     | 1 -
 styles.css | 8 ++++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app.js b/app.js
index 2625258..58ce168 100644
--- a/app.js
+++ b/app.js
@@ -544,7 +544,6 @@ function renderMarket(marketData, reputationData) {
     const nameDisplay = item.dndbeyondUrl
       ? `<a class="item-link" href="${item.dndbeyondUrl}" target="_blank" rel="noopener">${item.name}</a>`
       : item.name;
-
     html += `
       <tr class="market-row">
         <td class="item-name-cell">${nameDisplay}</td>
diff --git a/styles.css b/styles.css
index 3fd64d6..834b1e6 100644
--- a/styles.css
+++ b/styles.css
@@ -1022,8 +1022,12 @@ button {
   transition: background 0.2s ease;
 }
 
-.market-table tbody tr:hover {
-  background: rgba(139, 115, 85, 0.1);
+.market-table tbody tr:nth-child(even) {
+  background-color: rgba(245, 222, 179, 0.3);
+}
+
+.market-table tbody tr:hover td {
+  background-color: rgba(139, 115, 85, 0.3);
 }
 
 .market-table td {