From bc42b608b1930667053a6fa97956df7ce010ff64 Mon Sep 17 00:00:00 2001
From: shivamtiwari3 <33183708+shivamtiwari3@users.noreply.github.com>
Date: Mon, 16 Mar 2026 10:40:46 +0530
Subject: [PATCH] Fix: replace removed --bui-bg-tint tokens in Table component
 (fixes #33292)

Root cause: The --bui-bg-tint-* CSS tokens were removed from the design system
in favour of --bui-bg-neutral-* tokens, but Table.module.css was not updated
during the migration, leaving row hover, selected, pressed, and disabled states
with no visual effect.

Fix: Replace --bui-bg-tint-hover/pressed/disabled with the equivalent
--bui-bg-neutral-1-hover/pressed/disabled tokens, matching the migration
mapping documented in the CHANGELOG.

Signed-off-by: shivamtiwari3 <33183708+shivamtiwari3@users.noreply.github.com>
---
 .changeset/fix-table-bui-bg-tint-tokens.md        | 5 +++++
 packages/ui/src/components/Table/Table.module.css | 8 ++++----
 2 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/fix-table-bui-bg-tint-tokens.md

diff --git a/.changeset/fix-table-bui-bg-tint-tokens.md b/.changeset/fix-table-bui-bg-tint-tokens.md
new file mode 100644
index 0000000000..f1e3857744
--- /dev/null
+++ b/.changeset/fix-table-bui-bg-tint-tokens.md
@@ -0,0 +1,5 @@
+---
+'@backstage/ui': patch
+---
+
+Fixed Table component to use current `--bui-bg-neutral-1` tokens instead of the removed `--bui-bg-tint` tokens, restoring row hover, selected, pressed, and disabled background colors.
diff --git a/packages/ui/src/components/Table/Table.module.css b/packages/ui/src/components/Table/Table.module.css
index 55cf235e56..ccd8b6e47b 100644
--- a/packages/ui/src/components/Table/Table.module.css
+++ b/packages/ui/src/components/Table/Table.module.css
@@ -93,15 +93,15 @@
     cursor: default;
 
     &:hover {
-      background-color: var(--bui-bg-tint-hover);
+      background-color: var(--bui-bg-neutral-1-hover);
     }
 
     &[data-selected] {
-      background-color: var(--bui-bg-tint-pressed);
+      background-color: var(--bui-bg-neutral-1-pressed);
     }
 
     &[data-pressed] {
-      background-color: var(--bui-bg-tint-pressed);
+      background-color: var(--bui-bg-neutral-1-pressed);
     }
 
     &[data-href],
@@ -111,7 +111,7 @@
     }
 
     &[data-disabled] {
-      background-color: var(--bui-bg-tint-disabled);
+      background-color: var(--bui-bg-neutral-1-disabled);
       cursor: not-allowed;
     }
   }