From 1ceeab0e476c6673ad0c376bdeb9705d1d8064a2 Mon Sep 17 00:00:00 2001
From: Zohar Manor-Abel <zohar.manor-abel@diamond.ac.uk>
Date: Wed, 3 Jun 2026 16:49:59 +0100
Subject: [PATCH] Remove reference in css and update colour in core

---
 .storybook/ThemeSwapper.tsx |  2 +-
 .storybook/storybook.css    | 10 ----------
 2 files changed, 1 insertion(+), 11 deletions(-)

diff --git a/.storybook/ThemeSwapper.tsx b/.storybook/ThemeSwapper.tsx
index 280ff09..1dd4b76 100644
--- a/.storybook/ThemeSwapper.tsx
+++ b/.storybook/ThemeSwapper.tsx
@@ -44,7 +44,7 @@ const ThemeSwapper = ({ context, children }: ThemeSwapperProps) => {
   return (
     <div
       style={{
-        backgroundColor: resolvedMode === "light" ? "#F6F6F9" : "#0e1017",
+        backgroundColor: resolvedMode === "light" ? "#ffffff" : "#161820",
       }}
     >
       {children}
diff --git a/.storybook/storybook.css b/.storybook/storybook.css
index adaa329..c116ea3 100644
--- a/.storybook/storybook.css
+++ b/.storybook/storybook.css
@@ -69,16 +69,6 @@ code,
   font-family: var(--sb-ds-font-mono);
 }
 
-/* For Component Preview, actual transition based on light/dark mode */
-.light .sbdocs-preview div[style*="background-color"] {
-  background-color: #ffffff !important; /* --ds-surface in light mode */
-  color: #1a1c23 !important; /* --ds-on-surface in light mode */
-}
-.dark .sbdocs-preview div[style*="background-color"] {
-  background-color: #161820 !important; /* ---ds-surface in dark mode */
-  color: #e8eaf0 !important; /* --ds-on-surface in dark mode */
-}
-
 /* DS DOCS */
 
 /* Base font */