Update Storybook preview

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

packages/ui/.storybook/preview.tsx

@@ -6,7 +6,7 @@ import { useGlobals } from '@storybook/preview-api';
 import '../src/css/styles.css';
 
 // Custom mocked styles
-import '../src/css/storybook.css';
+import './storybook.css';
 
 // Custom themes
 import './themes/spotify.css';

packages/ui/.storybook/storybook.css

@@ -12,7 +12,7 @@
   --sb-content-padding-inline: 250px;
 }
 
-[data-theme='dark'] {
+[data-theme-mode='dark'] {
   --sb-sidebar-bg: var(--bui-bg-surface-1);
 }
 
@@ -30,7 +30,7 @@
   --sb-content-padding-inline: 258px;
 }
 
-[data-theme-name='spotify'][data-theme='light'] {
+[data-theme-name='spotify'][data-theme-mode='light'] {
   --sb-sidebar-border: 1px solid var(--bui-border);
   --sb-sidebar-border-right: 1px solid var(--bui-border);
   --sb-options-border: 1px solid var(--bui-border);

packages/ui/src/css/core.css

@@ -143,7 +143,7 @@
 }
 
 /* Dark theme tokens */
-[data-theme='dark'] {
+[data-theme-mode='dark'] {
   /* Gray scale */
   --bui-gray-1: #191919;
   --bui-gray-2: #242424;