Remove dark stories after adding theme toggle

Author: bkeepers

packages/react/src/components/NearbyStations.stories.tsx

@@ -40,20 +40,6 @@ export const LimitedResults: Story = {
   },
 };
 
-export const DarkMode: Story = {
-  args: {
-    stationId: "noaa/8443970",
-    onStationSelect: (station) => console.log("Selected:", station),
-  },
-  decorators: [
-    (Story) => (
-      <div className="dark" style={{ background: "#0f172a", padding: "2rem" }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
 export const Loading: Story = {
   args: {
     stationId: "noaa/8443970",

packages/react/src/components/StationSearch.stories.tsx

@@ -30,19 +30,6 @@ export const CustomPlaceholder: Story = {
   },
 };
 
-export const DarkMode: Story = {
-  args: {
-    onSelect: (station) => console.log("Selected:", station),
-  },
-  decorators: [
-    (Story) => (
-      <div className="dark" style={{ background: "#0f172a", padding: "2rem" }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
 export const Loading: Story = {
   args: {
     onSelect: (station) => console.log("Selected:", station),

packages/react/src/components/StationsMap.stories.tsx

@@ -43,20 +43,6 @@ export const HighZoom: Story = {
   },
 };
 
-export const DarkMode: Story = {
-  args: {
-    mapStyle: "https://demotiles.maplibre.org/style.json",
-    onStationSelect: (station) => console.log("Selected:", station),
-  },
-  decorators: [
-    (Story) => (
-      <div className="dark" style={{ background: "#0f172a", padding: "2rem" }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
 export const Mini: Story = {
   args: {
     mapStyle: "https://demotiles.maplibre.org/style.json",

packages/react/src/components/TideGraph/TideGraph.stories.tsx

@@ -60,19 +60,6 @@ export const DesktopWidth: Story = {
   ],
 };
 
-export const DarkMode: Story = {
-  args: {
-    id: "noaa/8443970",
-  },
-  decorators: [
-    (Story) => (
-      <div className="dark" style={{ background: "#0f172a", padding: "2rem" }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
 export const Loading: Story = {
   args: {
     id: "noaa/8443970",

packages/react/src/components/TideStation.stories.tsx

@@ -65,20 +65,6 @@ export const DesktopSideBySide: Story = {
   ],
 };
 
-export const DarkMode: Story = {
-  args: {
-    id: "noaa/8443970",
-    showTable: true,
-  },
-  decorators: [
-    (Story) => (
-      <div className="dark" style={{ background: "#0f172a", padding: "2rem" }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
 export const FrenchLocale: Story = {
   args: {
     id: "noaa/8443970",

packages/react/src/components/TideTable.stories.tsx

@@ -52,20 +52,6 @@ export const NarrowWidth: Story = {
   ],
 };
 
-export const DarkMode: Story = {
-  args: {
-    id: "noaa/8443970",
-    days: 3,
-  },
-  decorators: [
-    (Story) => (
-      <div className="dark" style={{ background: "#0f172a", padding: "2rem" }}>
-        <Story />
-      </div>
-    ),
-  ],
-};
-
 export const Loading: Story = {
   args: {
     id: "noaa/8443970",