From d3b81ef8a53502abb5fde06b69cf3c29ad5398a8 Mon Sep 17 00:00:00 2001
From: Emily Rautenberg <erautenb@gmail.com>
Date: Mon, 30 Oct 2023 14:17:54 -0400
Subject: [PATCH] fix(Surface): update backgroundColor to use interactive
 tokens (#395)

---
 .../src/components/Surface/Surface.styles.js              | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/@lightningjs/ui-components/src/components/Surface/Surface.styles.js b/packages/@lightningjs/ui-components/src/components/Surface/Surface.styles.js
index 26cb97eb9..7bfa83a5b 100644
--- a/packages/@lightningjs/ui-components/src/components/Surface/Surface.styles.js
+++ b/packages/@lightningjs/ui-components/src/components/Surface/Surface.styles.js
@@ -17,11 +17,17 @@
  */
 
 export const base = theme => ({
-  backgroundColor: theme.color.fillNeutralTertiary,
+  backgroundColor: theme.color.interactiveNeutral,
   radius: theme.radius.md,
   animation: {}
 });
 
+export const tone = theme => ({
+  inverse: {
+    backgroundColor: theme.color.interactiveInverse
+  }
+});
+
 export const mode = theme => ({
   focused: {
     backgroundColor: theme.color.interactiveNeutralFocus,