diff --git a/tslib/src/components/TrialTableDark.stories.tsx b/tslib/src/components/TrialTableDark.stories.tsx
new file mode 100644
index 00000000..b78c306a
--- /dev/null
+++ b/tslib/src/components/TrialTableDark.stories.tsx
@@ -0,0 +1,36 @@
+import { ThemeProvider } from "@mui/material";
+import { Meta, StoryObj } from "@storybook/react";
+import { mockStudies } from "../MockStudies";
+import { darkTheme } from "../styles/darkTheme";
+import { TrialTable } from "./TrialTable";
+
+const meta: Meta<typeof TrialTable> = {
+  component: TrialTable,
+  title: "TrialTableDark",
+  tags: ["autodocs"],
+  decorators: [
+    (Story) => (
+      <ThemeProvider theme={darkTheme}>
+        <Story />
+      </ThemeProvider>
+    ),
+  ],
+  parameters: {
+    backgrounds: { default: "dark" },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof TrialTable>;
+
+export const MockStudy1: Story = {
+  args: {
+    study: mockStudies[0],
+  },
+};
+
+export const MockStudy2: Story = {
+  args: {
+    study: mockStudies[1],
+  },
+};
diff --git a/tslib/src/styles/darkTheme.ts b/tslib/src/styles/darkTheme.ts
new file mode 100644
index 00000000..28a97406
--- /dev/null
+++ b/tslib/src/styles/darkTheme.ts
@@ -0,0 +1,7 @@
+import { createTheme } from "@mui/material";
+
+export const darkTheme = createTheme({
+  palette: {
+    mode: "dark",
+  },
+});